/* -------------------------------------------------------------- rainwaterhog.com (c) 2008 -------------------------------------------------------------- */ body, html { margin: 0; padding: 0; color: #333; background: #f8f8f8; } h2 { font-size: 1.2em; font-weight: bold; border-bottom: 2px solid #cdcdcd; } h3 { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #cdcdcd; } a { color: #726e20; font-weight: bold; text-decoration: none; } a:hover, a:hover { color: #333; border-bottom: 1px solid #000; } a.wateraid { color: #04aff0; } #branding { height: 65px; overflow: hidden; background: #fff url(../img/css/bg-branding.png) top left repeat-x; padding-top: 15px; } #branding h1 { height: 65px; } #branding h1 a { height: 65px; display: block; position: relative; } #branding h1 a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/css/bg-branding-h1-v2.png) 0 0; } #branding h1 a:hover span, #branding h1 a:active span { background: url(../img/css/bg-branding-h1-v2.png) 0 -65px; } #navigation { background: url(../img/css/bg-navigation.png) #fff; } #navigation .container { background: #fff url(../img/headers/01.jpg) no-repeat top center; height: 100%; padding-top: 170px; } #navigation .container #nav_l1 { height: 30px; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center; position: relative; padding-top: 10px; } #navigation .container #nav_l1 li { margin: 0; padding: 0; float: left; width: 155px; height: 30px; overflow: hidden; } #navigation .container #nav_l1 li a { display: block; position: relative; width: 100%; height: 100%; } #navigation .container #nav_l1 li a span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000 url(../img/css/bg-navigation-nav_l1.png) 0 0 repeat; } #navigation .container #nav_l1 li.active { border-top: 10px solid #726e20; position: relative; top: -10px; } /* Navigation - BUG */ #navigation .container #nav_l1 li#nav_bug a span { background-position: 0 0; } #navigation .container #nav_l1 li#nav_bug a:hover span, #navigation .container #nav_l1 li#nav_bug a:active span { background-position: 0 -30px; } #navigation .container #nav_l1 li#nav_bug.active a span { background-position: 0 -60px; } /* Navigation - Home */ #navigation .container #nav_l1 li#nav_home a span { background-position: -155px 0; } #navigation .container #nav_l1 li#nav_home a:hover span, #navigation .container #nav_l1 li#nav_home a:active span { background-position: -155px -30px; } #navigation .container #nav_l1 li#nav_home.active a span { background-position: -155px -60px; } /* Navigation - Products */ #navigation .container #nav_l1 li#nav_products a span { background-position: -310px 0; } #navigation .container #nav_l1 li#nav_products a:hover span, #navigation .container #nav_l1 li#nav_products a:active span { background-position: -310px -30px; } #navigation .container #nav_l1 li#nav_products.active a span { background-position: -310px -60px; } /* Navigation - Case Studies */ #navigation .container #nav_l1 li#nav_casestudies a span { background-position: -465px 0; } #navigation .container #nav_l1 li#nav_casestudies a:hover span, #navigation .container #nav_l1 li#nav_casestudies a:active span { background-position: -465px -30px; } #navigation .container #nav_l1 li#nav_casestudies.active a span { background-position: -465px -60px; } /* Navigation - Suppliers */ #navigation .container #nav_l1 li#nav_suppliers a span { background-position: -620px 0; } #navigation .container #nav_l1 li#nav_suppliers a:hover span, #navigation .container #nav_l1 li#nav_suppliers a:active span { background-position: -620px -30px; } #navigation .container #nav_l1 li#nav_suppliers.active a span { background-position: -620px -60px; } /* Navigation - Contact */ #navigation .container #nav_l1 li#nav_contact a span { background-position: -775px 0; } #navigation .container #nav_l1 li#nav_contact a:hover span, #navigation .container #nav_l1 li#nav_contact a:active span { background-position: -775px -30px; } #navigation .container #nav_l1 li#nav_contact.active a span { background-position: -775px -60px; } #navigation .container #nav_l2 { margin: 0 10px; padding: 0; list-style: none; text-align: center; clear: both; position: relative; background: url(../img/css/bg-navigation-nav_l2.png); } #navigation .container #nav_l2 li { float: left; margin: 0; display: block; padding: 10px 10px 10px 10px; } #navigation .container #nav_l2 li a { color: #333; text-decoration: none; font-weight: normal; } #navigation .container #nav_l2 li a:hover, #navigation .container #nav_l2 li a:active { border-bottom: 1px dotted #390; color: #390; } #navigation .container #nav_l2 li.active a { font-weight: bold; } #content { padding-top: 20px; background: #fff; } #content h3 { clear: both;} #content img { border: 1px solid #cecece; padding: 9px; margin: 0 auto; } #content p img { float: none; display: block; } #content ul img { margin: 0; padding: 0; border: 0; } #content ul a:hover, #content ul a:active { border: none; } #content .hentry { margin-bottom: 1.5em; margin-top: 0.5em;} #content .entry-meta { clear: both; margin-bottom: .5em; } #content .entry-content { margin: 1em 0;} #content .sidebar ul { list-style: none; margin: 0; padding: 0; margin-top: 10px; } #content .sidebar ul li { margin: 0; padding: 0; margin-top: 10px; } #content .sidebar li.widget_categories ul { list-style: disc inside; } #content .sidebar li.widget_categories ul ul.children { margin-left: 2em; list-style-type: circle; } #content .latest-news .entry-date { margin: 0; } #content .latest-news h3 { border: 0; padding-top: 0; } #content .latest-news h3 a { color: #000; } #content .latest-news .excerpt { margin-left: 10px; padding-left: 10px; color: #999; border-left: 10px solid #999; } #content .latest-news .entry-older { font-size: 90%; margin-left: 10px; } #content .latest-news .entry-older .excerpt { display: none; } #content ul.gallery_images { list-style: none; margin: 0; padding: 0; } #content ul.gallery_images li { display: inline; float: left; } #content div#galleryImage img { border: 1px solid #cecece; padding: 9px; margin-bottom: 0; } #content div#galleryImage p.caption { font-weight: bold; margin-top: 0; } #content ul#caseStudyGalleryImages { list-style: none; margin: 0; padding: 0; } #content ul#caseStudyGalleryImages li { display: inline; margin-right: 10px; } #content ul#caseStudyGalleryImages li a img { border: 1px solid #999; } #content div#caseStudyGalleryImage img { border: 1px solid #cecece; padding: 9px; margin-bottom: 0; } #content div#caseStudyGalleryImage p.caption { font-weight: bold; margin-top: 0; } #footer { padding-top: 15px; background: #f8f8f4 url(../img/css/bg-footer.png) repeat-x; font-size: 95%; } #footer .container p.links { padding: 0; padding-top: 30px; margin: 5px 0; color: #666; } #footer .container p.links a { color: #333; margin-right: 5px; margin-left: 5px; } #footer .container p.links a:hover, #footer .container p.links a:active { color: #726e20; text-decoration: none; border-bottom: 1px solid #000; } #footer .container p.links .feed { background: url(../img/css/footer-feed-icon.png) no-repeat left center; padding-left: 12px; margin-left: 6px; } #footer img a { border: 0; } /* ----------------------------------------------- Forms Stylesheet Author: Joel Courtney Version: 2008.01 ----------------------------------------------- */ /* Generic Forms ----------------------------------------------- */ fieldset { padding: 0; padding: 0; border: 0; border-top: 1px solid #ccc; } legend { font-size: 125%; font-weight: bold; } textarea, input, select { background: #f4f4f4; border: 1px solid #b2b2b2; color: #000; margin: 1px; padding: 5px; } label { font-weight: bold; display: block; } fieldset div { margin: 0; } div.input { clear: both; border-top: 1px solid #eee; padding: 5px; text-align: left; } div.input label { } div.text input, div.password input { } div.number input { } div.select select { } div.text label, div.number label, div.password label, div.select label { } div.submit { text-align: center; } .submit input, .submit input:focus, .button, .button:focus { background: url( /images/css/admin/fade-butt.png ); border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 3px; } .submit input:active, .button:active { background: #f4f4f4; border: 3px double #ccc; border-left-color: #999; border-top-color: #999; }