body { margin: 0; padding: 0; background: #E8BB56 url(/images/bghead.jpg) repeat; font-family: 'Abel', sans-serif; font-size: 15px; color: #8F8F8F; } h1, h2, h3 { margin: 0; padding: 0; font-family: 'Satisfy', cursive; font-weight: 200; color: #222222; } p, ol, ul { margin: 0px; padding: 0px; } p, ol { line-height: 180%; } strong { } a { color: #5C5539; } a:hover { text-decoration: none; } a img { border: none; } img.border { } img.alignleft { float: left; } img.alignright { float: right; } img.aligncenter { margin: 0px auto; } hr { display: none; } /** WRAPPER */ #wrapper { } .container { width: 1000px; margin: 0px auto; } .clearfix { clear: both; } /* Header */ #header-wrapper { overflow: hidden; height: 135px; background: url(/images/img05.png) repeat-x left bottom; } #header { width: 1000px; height: 140px; margin: 0 auto; padding: 0px 0px; } /* Logo */ #logo { float: left; width: 300px; height: 80px; margin: 0px; padding: 0px; } #logo a { padding: 30px 0px 0px 0px; background: url(/images/img02.png) no-repeat left 50%; text-transform: lowercase; letter-spacing: -2px; font-size: 3.6em; text-decoration: none; color: #5C5539; margin: auto; display: block; } /* Menu */ #menu { float: right; width: 650px; height: 80px; } #menu ul { float: right; margin: 0; padding: 45px 0px 0px 0px; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; margin-left: 1px; padding: 5px 20px 5px 20px; text-decoration: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 300; color: #9C7E3B; } #menu a:hover, #menu .current_page_item a { text-decoration: none; color: #79622E; } /* Page */ #page-wrapper { overflow: hidden; background: #F1F2E9; } #page { overflow: hidden; width: 1000px; margin: 0px auto; padding: 50px 0px; color: #8F8F8F; } /** CONTENT */ #content { float: right; width: 660px; padding: 0px 0px 0px 0px; } #content h2 { padding: 0px 0px 30px 0px; letter-spacing: -1px; font-size: 36px; color: #222222; } #content .subtitle { padding: 0px 0px 30px 0px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 18px; color: #81AFC5; } /** SIDEBAR */ #sidebar { float: left; width: 290px; padding: 0px 0px 20px 0px; } #sidebar h2 { padding: 0px 0px 30px 0px; letter-spacing: -1px; font-size: 2em; } /* Footer */ #footer { height: 100px; margin: 0 auto; padding: 50px 0px 15px 0px; font-family: 'Abel', sans-serif; } #footer p { margin: 0; letter-spacing: 1px; line-height: normal; font-size: 14px; text-transform: uppercase; text-align: center; color: #5C5539; } #footer a { color: #5C5539; } /* Three Column Footer Content */ #footer-wrapper { background: #FFFFFF; } #footer-content { overflow: hidden; width: 1000px; margin: 0px auto; padding: 50px 0px 50px 0px; color: #717171; } #footer-content a { } #footer-content h2 { margin: 0px; padding: 0px 0px 30px 0px; letter-spacing: -1px; font-size: 30px; color: #B5A871; } #footer-content h2 span { color: #5C5539; } #footer-content #fbox1 { float: left; width: 320px; margin-right: 20px; } #footer-content #fbox2 { float: left; width: 620px; } #footer-content #fbox3 { float: right; width: 320px; } /* Banner Style */ #banner-wrapper { overflow: hidden; height: 345px; padding: 40px 0px; background: url(/images/img03.png) repeat; } #banner { overflow: hidden; width: 1000px; margin: 0px auto; } /* Button Style */ .button-style { display: inline-block; margin-top: 30px; padding: 7px 30px; background: #E8BB56 url(/images/img01.png) repeat; border-radius: 5px; } .button-style a { letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 16px; color: #5C5539; } /* List Style 1 */ ul.style1 { margin: 0px; padding: 0px; list-style: none; } ul.style1 li { padding: 20px 0px 20px 0px; border-top: 1px dashed #E6E7DC; } ul.style1 a { text-decoration: none; color: #6B6B6B; } ul.style1 a:hover { text-decoration: underline; color: #6B6B6B; } ul.style1 .first { padding-top: 0px; border-top: none; } /* List Style 2 */ ul.style2 { margin: 0px; padding: 0px; list-style: none; } ul.style2 li { padding: 9px 0px 9px 0px; border-top: 1px dashed #E6E7DC; } ul.style2 .first { padding-top: 0px; border-top: none; } /* List style 3 */ ul.style3 { margin: 0px; padding: 0px; list-style: none; } ul.style3 li { padding: 20px 0px 20px 0px; background: url(/images/link-style1-divider.png) repeat-x left top; } ul.style3 p { margin: 0px; padding: 0px; } ul.style3 img { float: left; margin-top: 3px; margin-right: 20px; } ul.style3 .posted { padding: 10px 0px 0px 0px; font-size: 8pt; color: #A2A2A2; } ul.style3 .first { padding-top: 0px; background: none; } .popup { width:270px; display:none; position:absolute; margin:0px 0px 0px -45px; padding-top: 15px;} .popup ul { margin:0!important; padding: 10px!important; float: none!important; background: rgba(53,49,33,0.8);} .popup ul li { margin:5px 0px!important; padding: 0px!important; float: none!important; display:block!important;} .popup ul li a { display: block; margin-left: 0px!important; padding: 0px!important; text-decoration: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 14px!important; font-weight: 300; color: rgba(255,255,255,0.7)!important; } .popup ul li a:hover {color: #fff!important;} .popup2 { width:270px; display:none; position:absolute; margin:0px 0px 0px -45px; padding-top: 15px;} .popup2 ul { margin:0!important; padding: 10px!important; float: none!important; background: rgba(53,49,33,0.8);} .popup2 ul li { margin:5px 0px!important; padding: 0px!important; float: none!important; display:block!important;} .popup2 ul li a { display: block; margin-left: 0px!important; padding: 0px!important; text-decoration: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 14px!important; font-weight: 300; color: rgba(255,255,255,0.7)!important; } .popup2 ul li a:hover {color: #fff!important;}#