/* ____________________ #body overwrites ______________________________________________________________________________ */ #body h1{} #body h2{} #body h3{} #body p{} #body a{color:#d9693b} #body a:hover{} #body small{ } #body form{ } #body ul.navigation li{} #body{ background-color:#100D08; color:#fff; } /* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */ #body #outerContainer{ background-image:url('https://lygo.net/ly/zeeblio/styles/fall-bloom/images/673993.jpg'); background-position:0 264px; background-repeat:repeat-x; } #body #container{ background-image:url('https://lygo.net/ly/zeeblio/styles/fall-bloom/images/674516.jpg'); background-repeat:no-repeat; } /* ____________________ Header CSS ______________________________________________________________________________ */ #body #header{ background-image:url('https://lygo.net/ly/zeeblio/styles/fall-bloom/images/673996.png'); background-position:right top; background-repeat:no-repeat; border-bottom:1px solid #d9693b; min-height:264px; position:relative; padding-left:260px; } #body #header ul.navigation{ background-image:url('https://lygo.net/ly/zeeblio/styles/fall-bloom/images/673993.jpg'); border-bottom:1px solid #d9693b; border-right:1px solid #d9693b; left:0; position:absolute; top:0; width:225px; -moz-box-shadow:1px 2px 3px #000; -webkit-box-shadow:1px 2px 3px #000; box-shadow:1px 2px 3px #000; } #body #header ul.navigation li{ margin:1px 0; min-width:30px; text-align:right; width:auto; border-bottom:1px solid #d9693b; } #body #header ul.navigation li.last{ border-bottom:none; } #body #header ul.navigation li a{ color:#cdcdcd; display:block; font-size:12px; font-weight:bold; padding:4px 10px; width:auto; margin-bottom:1px; } #body #header ul.navigation li a:hover, #body #header ul.navigation li a.selected{ background:#d9693b; border-left:3px solid #000; color:#fff; text-decoration:none; } #body #header h1{ font-family:Palatino Linotype,Book Antiqua,Palatino,serif; font-size:65px; } #body #header h2{ font-family:Georgia,Times New Roman,serif; margin-left:40px; } /* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */ #body #main{ margin:0 0 0 245px; padding:10px 15px; width:900px; } #body #content{ min-width:580px; width:620px; } #body #content ul.navigation{ border-left:#d9693b solid 1px; height:20px; margin:5px 0; padding-left:2px; width:auto; } #body #content ul.navigation li{ border-right:#d9693b solid 1px; float:left; height:20px; margin:0 3px; min-width:30px; text-align:right; width:auto; } #body #content ul.navigation li a{ color:#cdcdcd; display:block; font-size:12px; font-weight:bold; height:20px; margin-right:5px; padding:0 10px; width:auto; } #body #content ul.navigation li a:hover, #body #content ul.navigation li a.selected{ background:#d9693b; color:#fff; text-decoration:none; } #body #sidebar{ min-height:20px; width:200px; } /* ____________________ Footer CSS ______________________________________________________________________________ */ #body #footer{ background-image:url('https://lygo.net/ly/zeeblio/styles/fall-bloom/images/673991.jpg'); border-bottom:1px solid #d9693b; border-top:1px solid #d9693b; _height:160px; .height:160px; min-height:160px; padding:10px 215px; width:auto; } #body #footer ul.navigation{ border-left:#d9693b solid 1px; height:20px; margin:5px 0; padding-left:2px; width:auto; } #body #footer ul.navigation li{ border-right:#d9693b solid 1px; float:left; height:20px; margin:0 3px; min-width:30px; text-align:right; width:auto; } #body #footer ul.navigation li a{ color:#cdcdcd; display:block; font-size:12px; font-weight:bold; height:20px; margin-right:5px; padding:0 10px; width:auto; } #body #footer ul.navigation li a:hover, #body #footer ul.navigation li a.selected{ background:#d9693b; color:#fff; text-decoration:none; } /* ____________________ Layout Specific CSS ______________________________________________________________________________ */ /*----LAYOUT 1 Column----*/ #body.layout1c #content{ margin:0 auto; width:900px; } #body.layout1c #sidebar{ border-top:1px solid #d9693b; margin:0 10px; width:auto; } #body.layout1c #sidebar ul.navigation{ border-left:#d9693b solid 1px; height:20px; margin:5px 0; padding-left:2px; width:auto; } #body.layout1c #sidebar ul.navigation li{ border-right:#d9693b solid 1px; float:left; height:20px; margin:0 3px; min-width:30px; text-align:right; width:auto; } #body.layout1c #sidebar ul.navigation li a{ color:#cdcdcd; display:block; font-size:12px; font-weight:bold; height:20px; margin-right:5px; padding:0 10px; width:auto; } #body.layout1c #sidebar ul.navigation li a:hover, #body.layout1c #sidebar ul.navigation li a.selected{ background:#d9693b; color:#fff; text-decoration:none; } /*----LAYOUT 2 Column Left----*/ #body.layout2cl #content{margin:0 10px;} #body.layout2cl #sidebar{ border-right:1px solid #372815; padding-right:15px; } #body.layout2cl #sidebar ul.navigation{width:auto;} #body.layout2cl #sidebar ul.navigation li{ margin-bottom:3px; min-width:30px; text-align:right; width:auto; } #body.layout2cl #sidebar ul.navigation li a{ display:block; font-size:12px; font-weight:bold; padding:0 10px; width:auto; } #body.layout2cl #sidebar ul.navigation li a:hover{ background:#d9693b; border-left:3px solid #984f2e; color:#fff; text-decoration:none; } #body.layout2cl #sidebar ul.navigation li a.selected, #body.layout2cl #sidebar ul.navigation li a.selected{ background:#d9693b; border-left:3px solid #984f2e; color:#000; text-decoration:none; } /*----LAYOUT 2 Column Right----*/ #body.layout2cr #content{margin:0 10px;} #body.layout2cr #sidebar{ border-left:1px solid #372815i; padding-left:15px; } #body.layout2cr #sidebar ul.navigation{width:auto;} #body.layout2cr #sidebar ul.navigation li{ margin-bottom:3px; min-width:30px; text-align:left; width:auto; } #body.layout2cr #sidebar ul.navigation li a{ color:#cdcdcd; display:block; font-size:12px; font-weight:bold; padding:0 10px; width:auto; } #body.layout2cr #sidebar ul.navigation li a:hover{ background:#d9693b; border-left:3px solid #984f2e; color:#fff; text-decoration:none; } #body.layout2cr #sidebar ul.navigation li a:hover, #body.layout2cr #sidebar ul.navigation li a.selected{ border-left:none!important; background:#d9693b; color:#000; border-right:3px solid #984f2e; } /* ____________________ Module Specific Styling ______________________________________________________________________________ */ #body .addOnBorder{} #body .addOnBorderBottom{} #body .addOnBorderTop{} #body .addOnGradientTop{} #body .addOnGradientBottom{} #body .addOnShadowBox{} #body .addOnShadowBoxSmall{} #body .addOnTableHeading{} #body .addOnTableHeadingBg{} #body .addOnTableRowBg{} #body .addOnTableRowAltBg{} #body .addOnTableColumnBg{} #body .addOnTableColumnAltBg{} #body .addOnBackgroundImage{} #body .addOnHeadline{} #body .addOnSubHead{} #body .addOnSubH3{} #body .addOnSubH4{} #body .addOnPlainText{} #body .addOnBasicLink, #body #recaptcha_widget a{color:#d9693b!important} #body .addOnSmallText{} #body .addOnBackground{} #body .addOnShadedText{} #body .addOnAccentText{} #body .addOnSectionHead{} #body .addOnMiniNavBox{} #body .addOnButton{background:#d9693b; border:none} /* ____________________ mobile layout ______________________________________________________________________________ */ @media screen and (max-device-width:480px), screen and (max-width:600px){ /* adds mobile only background */ #body.mobileLayout{background:url(https://lygo.net/ly/zeeblio/styles/fall-bloom/images/mBG.jpg) no-repeat #100d06} /* style for menu button at top right of page */ #body.mobileLayout #mNavLink{background:#100d08; color:#CDCDCD; border:1px solid #D9693B} /* styling for navigation menu to be placed at bottom of page */ #body.mobileLayout .mobileNav ul{} #body.mobileLayout .mobileNav ul li a{background:#100d08; color:#CDCDCD} #body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#D9693B; color:#fff} #body.mobileLayout .mobileNav ul li.first a{} #body.mobileLayout .mobileNav ul li.last a{} /* mobile layout/content styling */ #body.mobileLayout #header{padding-top:20px} #body.mobileLayout #main{background:rgba(0, 0, 0, .4); border:1px solid #666; margin:0 5px!important} #body.mobileLayout #content{margin-bottom:15px} #body.mobileLayout #sidebar{border-top:1px solid #666; background:rgba(255, 255, 255, .1); padding-top:15px} #body.mobileLayout #footer{background:#000} }