/**

 * SilverStripe Black Candy Theme

 * http://www.silverstripe.com

 *

 * Main Layout File

 */



/* Misc Styles and defaults

-------------------------------------------- */



* {

        margin: 0;

        padding: 0;

}



body {

         font-size: 62.5%;

         margin-bottom: 40px;

        font-family: Verdana, Lucida, sans-serif;

}



html {

       background:  #8d2d1a url(../images/bg.gif) repeat;

}



table {

        border-collapse: collapse;

        border-spacing: 0;

}

caption, th, td {

        text-align: left;

        font-weight: normal;

}



.clear{

        clear:both;

}



/* CONTAINER

----------------------------------------- */

#BgContainer {

        width: 1000px;

        margin: 0 auto;

}





#Container {

        width: 1000px;

        min-height: 700px;

        padding-bottom: 15px;

        background:  url(../images/containerbg.gif) repeat-y;

}





#Layout {


        clear: both;

        overflow: hidden;



}

#Content {

       width: 738px;

        float: right;

        margin-right: 20px;

        text-align: left;

}

/* HEADER

----------------------------------------- */

#Header {

         width: 1000px;

         height: 190px;

         margin: 0 auto;

        overflow: hidden;







/*        background: #993322 url(../images/header_gfk.jpg) repeat-x left center;*/

}





      #Header h1 {

                color: #fff;

                font-size: 3.2em;

                font-family: Tahoma, Verdana, sans-serif;

                font-weight: 300;

                padding: 20px 0 0 30px;

        }

        #Header p {

                font-size: 1.4em;

                color: #fff;

                clear: left;

                margin: 0 0 0 100px;

        }



/* MAIN NAVIGATION - TABS

----------------------------------------- */

#Navigation {

        width: 800px;

        margin: 0 auto;

        padding-top: 5px;
        margin-bottom: 15px;

        overflow: hidden;
        background-color: white;

        /*background: #8d2d1a url(../images/headerStraight.gif) no-repeat center bottom;*/

}

        #Navigation ul {



        }

                #Navigation ul li {

                         list-style: none;

                        margin-right: 2px;

                        float: left;

                        line-height: 2.8em;

                        display: block;

                }

                          #Navigation ul li a {

                                float: left;

                                text-decoration: none;

                                display: block;

                                height: 2.3em;

                                font-size: 1.2em;

                                padding: 0 0 0 10px;

                                background-color: #eb6909;

                                color: black;

                        }

                                #Navigation ul li a span {

                                        text-align: center;

                                        float: left;

                                        padding-right: 10px;

                                        height: 2.3em;

                                }

                                        #Navigation ul li a:hover {

                                                 background: #922D15;

                                                color: #fff;

                                                cursor: pointer;

                                        }

                                        #Navigation ul li a:hover span {

                                                background: #922D15;

                                                cursor: pointer;

                                        }



                            #Navigation ul li a.current,

                            #Navigation ul li a.section,

                            #Navigation ul li a.section:hover,

                            #Navigation ul li a.current:hover {

                                         background: #922D15;

                                         color: #fff;

                                        }

                                #Navigation ul li a.current span,

                                #Navigation ul li a.section span,

                            #Navigation ul li a.section:hover span,

                                #Navigation ul li a.current:hover span {

                                        background: #922D15;

                                        color: #fff;

                                }



/* BREADCRUMBS

-------------------------------------------- */

#Breadcrumbs {

         color: #B7C0C5;

        text-align: left;

        font-size: 0.9em;

        margin-left: 220px;
        margin-bottom: 10px;
}

        #Breadcrumbs p {

                margin: 0;

        }

   #Breadcrumbs a {
         text-decoration: none;
        color: #eb6909;
}



/* SIDEBAR

-------------------------------------- */

#Sidebar {

        width: 200px;

        float: left;

        margin: 0px 0 0 0;

        padding: 0;
        
        height: 600px;

}

        #Sidebar .sidebarBox {

                margin: 0 0 5px 0;

                padding-bottom: 2px;

                background: white;
                
                color: black important!;
                
                height: 100%;

  /*              background: #99000 url(../images/headerSide.gif) no-repeat left top;   */

        }

        #Sidebar ul {

                margin: 2px 0 5px 3px;

        }

                #Sidebar li {

                        margin: 8px 2px;

                        list-style: none;

                }

        #Sidebar h3 {

                clear: both;

             /*   text-transform: lowercase;  */

                color: #fff;

                font-weight: 700;

                font-size: 1.4em;

                margin: 0 0 10px 0;

                line-height: 1.8;

                padding: 1px 0 0 10px;

            /*    background: transparent url(../images/headerStraight.gif) repeat-x center left;*/

        }



        #Sidebar .sidebarBottom {

                height: 15px;

                display: block;

                width: 200px;

                margin: -5px 0 0 0;

                background:  no-repeat center bottom;

        }

        #Sidebar a em {

                font-style: normal;

                font-weight: 800

        }

        #Sidebar p {

                font-size: 11px;

                 clear: both;

                 margin: 10px 10px 0 10px;

        }



        /* MENU2 */

    #LanguageSelector {
        margin-bottom: 20px;
        margin-left: 10px;
    }


    ul#Menu2 li {

            font-size: 0.9em;

            margin: 1px 0 5px 4px;

        list-style: none;

    }

            ul#Menu2 li a {

            display: block;

            width: 188px;

            font-size: 1.2em;

            height: 1.8em;

            line-height: 1.8em;

            color: #000000;

              }

                        ul#Menu2 li em {

                                padding-left: 8px;

                                display: block;

                        }

                                ul#Menu2 li li em {

                                        padding-left: 0;

                                }

              /* Level 1

              - We use 3 elements for the nav to get 3 background images applied.

            * span - topleft rounded corner

            * em - bottomleft rounded corner

            * a - arrow on the right

            <a><span><em></em></span></a>

              */

              ul#Menu2 li a:hover,

              ul#Menu2 li a.current,

              ul#Menu2 li a.current:hover {

/*              background: #eb6909 url(../images/sidebarSideArrow.gif) no-repeat right center;    */

                 background: #eb6909;

                color: #666;

                        cursor: pointer;

            text-decoration: none;

              }

                  ul#Menu2 li a.current {

                          font-weight: 700;

                  }

              ul#Menu2 li a.section,

              ul#Menu2 li a.section:hover {

            background: #DCDCDC;

            font-weight: 700;

            width: 193px;

              }

              ul#Menu2 li a.levela:hover span,

              ul#Menu2 li a.current span,

              ul#Menu2 li a.section span,

              ul#Menu2 li a.section:hover span,

              ul#Menu2 li a.current:hover span {

/*                        background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;*/

                        display: block;

                        width: 100%;

                        height: 100%;

                }

                ul#Menu2 li a.levela:hover em,

                ul#Menu2 li a.current em,

                ul#Menu2 li a.section em,

                ul#Menu2 li a.section:hover em,

                ul#Menu2 li a.current:hover em {

  /*          background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;        */

                       display: block;

                        width: 100%;

            height: 100%;

              }





                      ul#Menu2 li ul {

                    height: 100%;

                    position: relative;

                    margin: -1px 0 0 0;

                    width: 193px;

                    padding: 4px 0 10px 0;

                    background: #DCDCDC  no-repeat bottom left;

                      }

                              ul#Menu2 li ul li {

                            width: 160px;

                            background: #DCDCDC;

                            padding: 0;

                            font-size: 0.8em;

                            display: inline;

                            margin: 0;

                              }

                                      ul#Menu2 li ul li ul {

                                    background: #DCDCDC;

                                    margin-left: 0;

                                      }



                                        ul#Menu2 li li a.current,

                                      ul#Menu2 li li a.section,

                                      ul#Menu2 li li a.section:hover,

                                      ul#Menu2 li li a.current:hover {

                                    color: #555;

                                    font-weight: 700;

                                    background: #DCDCDC;

                                      }

                                              ul#Menu2 li li ul {

                                            margin: 0 0 0 10px;

                                            padding: 0;

                                            width: 170px;

                                              }

                                              ul#Menu2 li li ul .roundWhite {

                                            margin-bottom: -10px;

                                              }



                        /* Sub Menu */

                      ul#Menu2 li a.levelb {

                    font-size: 1.7em;

                    text-indent: 8px;

                    width: 168px;

                    background: transparent;

                    margin-left: 10px;

                      }

                          ul#Menu2 li a.levelb:hover,

                      ul#Menu2 li li a.current,

                      ul#Menu2 li li a.current:hover,

                      ul#Menu2 li li a.section,

                      ul#Menu2 li li a.section:hover {

                    background: #BCBCBC;

                    text-decoration: none;

                    display: block;

                    color: #fff;

                      }

                      ul#Menu2 li a.levelb:hover span,

                      ul#Menu2 li li a.current span,

                      ul#Menu2 li li a.current:hover span,

                      ul#Menu2 li li a.section span,

                      ul#Menu2 li li a.section:hover span {

                    background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;

                    display: block;

                    width: 100%;

                    height: 100%;

                      }

                      ul#Menu2 li a.levelb:hover em,

                      ul#Menu2 li li a.current em,

                      ul#Menu2 li li a.current:hover em,

                      ul#Menu2 li li a.section em,

                      ul#Menu2 li li a.section:hover em {

                    background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;

                    display: block;

                    width: 100%;

                    height: 100%;

                      }



/* COMMENTS

---------------------------------------- */

#CommentHolder ul {

        list-style: none;

        margin: 20px 0;

}

#PageComments li {

        margin: 5px 0;

        padding: 1px;

        width: 88%;

}

        #PageComments li.odd {

                background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;

                padding-left: 40px;

                padding-right: 10px;

                border-bottom: 2px solid #BCE4FE;

        }

        #PageComments li.even {

                background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;

                padding-right: 40px;

                padding-left: 10px;

        }



                #PageComments li.odd p.info {

                        color: #3AA0C3;

                }



                .actionLinks li {

                   display: inline;

                   border-right: 1px solid;

                }

                        .actionLinks li a {

                                padding-right: 3px;

                                font-size: 10px;

                        }

                           .actionLinks li.last {

                              border-right: none;

                           }



.commentrss {

        background: transparent url(../images/feed-icon-14x14.png) no-repeat;

        padding-left: 20px;

        font-size: 1.1em;

        line-height: 1.6em;

}

#PageCommentsPagination p {

        text-align: center;

        font-size: 1.2em;

}

#PageComments p {

        font-size: 1em;

}

        #PageComments p.info {

                color: #999;

                margin: 0px;

                padding: 0;

                line-height: 1em;

                font-size: 0.9em;

        }



/* SEARCH RESULTS STYLES

------------------------------------------------ */

ul#SearchResults {

        margin: 10px 0;

}

        ul#SearchResults li {

                list-style: none;

                margin: 5px 0;

                font-size: 1em;

        }



/* SEARCH FORM

-----------------------------------------------*/

html #SearchForm_SearchForm {

        float: right;

        width: 240px;

        margin: 5px;

}

html #SearchForm_SearchForm .middleColumn {

        float: left;

        width: 164px;

        margin: 0 5px 0 0;

        padding: 2px;

        background-color: #BFBFBF;



}

        html #SearchForm_SearchForm .middleColumn input.text {

                width: 160px;

                border: none;

                color: black;

        }

html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {

        float: left;

        margin-top: 2px;

}



/* MESSAGEBOXS

--------------------------------------------- */

.message {

        margin: 15px;

        padding: 5px;

        width: 92%;

        color: #979908;

        border: 4px solid #F7F8B4;

        background: #FFFFEA;

}

span.middleColumn .message {

        margin: 4px 0 0 3px;

}

.required {

        margin: 4px 0 0 3px;

        padding: 5px;

        width: 92%;

        color: #DC1313;

        border: 4px solid #FF7373;

        background: #FED0D0;

}







p#Remember label {

        margin: -24px 0 0 20px;

        text-align: left;

}

.entry {

        border-bottom: 1px solid #eee;

}



.typography #Content p.authorDate {

        color: #444;

        margin-top: -15px;

        }

/* UNSUBSCRIBE NEWSLETTER

------------------------------------------------ */

#Unsubscribe_MailingListForm_MailingListForm{

        min-height:100px;

}



        #Unsubscribe_MailingListForm_MailingListForm p{

                margin:0 !important;

                padding:10px;

        }

                #Unsubscribe_MailingListForm_MailingListForm p label{

                        display: inline;

                }

        #Unsubscribe_MailingListForm_MailingListForm label{

                margin:0;

        }





/* FOOTER

----------------------------------------------- */



#Footer {

         clear: both;

        width: 1000px;

        height: 5em;

        background: transparent url(../images/headerStraight.gif) no-repeat bottom left;

        text-align: center;

}





        #Footer .footerTop {

                width: 100%;

                background: transparent url(../images/headerStraight.gif) no-repeat top left;

                display: block;

                height: 2em;

        }

          #Footer p {

                color: #fff;

                font-size: 1.1em;

                text-align: center;

                margin-top: -0.6em;

        }

                  #Footer a {

                           color: #fff;

                           text-decoration: none;

                }

                        #Footer a:hover {

                                color: #fff;

                                text-decoration: underline;

                        }
                        
#Content .typography {
  color: white;
}