/*
Theme Name: Bioferm Energy Systems
Theme URI: http://bioferm-es.com/
Description: A heavily customized Wordpress theme built on Thematic
Author: Jonah Coyote Design
Author URI: http://www.jonahcoyote.com.com/
Template: thematic
Version: 1.0
.
All Rights Reserved
.
*/
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/3c-r-fixed.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =General
-----------------------------------------------------------------------------*/
body { font-family: Tahoma; background: #ececec url(images/page-body-bg.gif) top left repeat-x; }
body.home { background: #ececec url(images/home-body-bg.gif) top left repeat-x; }
.skip-link { text-indent: -9999px; }

a { color: #E63A2C; text-decoration: underline; }
a:hover { text-decoration: underline; }
#wrapper { margin: 0 auto; text-align: center }

/* =Branding
-----------------------------------------------------------------------------*/
#header { height: 107px; }

#branding { height: 77px; width: 152px; position: relative; left: 400px; top: 40px; z-index: 10 }
.replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */  }
.replace a { display: block; height: 100%; z-index: 2; position: relative; text-indent: -9999px; }
.replace span { display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ }
#blog-title,#blog-title span { background: url(images/bioferm-logo.png) no-repeat top right; height:56px; width:152px; }
#blog-description { text-indent: -9999px; }

/* =Main Nav
-----------------------------------------------------------------------------*/
#access { position: relative; height: 107px; top: -77px; background: url(images/hover-page-bg.jpg) no-repeat -9999 -9999; }

#menu { position: relative; top: -36px; left: -28px; }
#menu ul { list-style: none; font-family: Arial; position: relative; }
#menu ul ul { display: none; }
#menu li { height: 107px; float: left; }
#menu li a { font-size: 1.2em; font-weight: normal; text-decoration: none; color: #252625; display: block; height: 107px; position: relative; padding: 80px 9px 0 9px; }
#menu li a:hover,#menu li.current_page_item a:hover,#menu li.current_page_ancestor a:hover { background: url(images/current-page-bg.jpg) top left repeat-x; color: #ececec; }
#menu li.current_page_item a,#menu li.current_page_ancestor a, #menu li.current_page_parent a { /*background: url(images/current-page-bg.jpg) top left repeat-x;*/ }

/* =News/Search Area
-----------------------------------------------------------------------------*/
#search-bar { position: relative; left: 5px; }
#latest-news { height: 51px; width: 758px; background: url(images/latest-news-bg.gif) repeat-x top left; float: left; color: #fff; }
#latest-news h1 { float: left; font-size: 1.6em; margin: 15px 0 0 15px; }
#latest-news .latest-post { border-left: 1px solid #fff; float: left; width: 520px; margin: 8px 10px 0 10px; padding: 0 0 0 10px; }
#latest-news .latest-post .latest-meta { float: left; }
#latest-news .latest-post h2 { font-size: 1.2em; }
#latest-news .latest-post .date { font-size: 80%; }
#latest-news .latest-post .post-content { display: block; float: left; width: 130px; font-style: italic; height: 36px; border-left: 1px solid #fff; padding: 0 0 0 10px; margin: 0 0 0 10px }
#latest-news span.rss-link { margin: 15px 15px 0 0; display: block; }
#latest-news .rss-link a { display: block; padding: 0 3px 0 0; background: url(images/feed.png) no-repeat 100% 2px; font-weight: normal; }

#search { border-left: 5px solid #ccc; height: 51px; width: 179px; background: url(images/search-bg.gif) repeat-x top left; float: left; padding: 0 0 0 18px; }
#search h3 { text-indent: -9999px; }
#search form { position: relative; top: -9px; }
#search form input#searchsubmit { position: relative; top: 6px; }

/* =Main Content
-----------------------------------------------------------------------------*/
#container { width: 715px; }
.home #container { width: 322px; margin: 0 0 0 5px; }

#flash-intro { width: 960px; height: 315px; background: #fff; text-align: center; margin: 0 auto; position: relative; }
#flash-intro img { position: relative; z-index: 1; }
#flash-intro p, #flash-intro h1 { text-align: left; padding: 20px; position: absolute; color: #fff; z-index: 12; top: 0px; font-size: 1.2em; }
#flash-intro h1 { font-size: 1.6em; }
#flash-intro .intro-header {  }
#flash-intro .intro-first { top: 140px; }
#flash-intro .intro-second { top: 170px; }
#flash-intro .intro-third { top: 200px; }
#flash-intro .intro-fourth { top: 230px; }
#flash-intro .intro-fifth { top: 260px; }

.entry-content, .entry-utility, .news-entry-content { padding: 0 0 20px 30px; font-size: 1.1em; }
.entry-content { min-height: 0; }
.news-entry-content { padding: 0 0 0 30px; }
.home .entry-content { padding: 0 15px 10px 15px; }
.entry-content p { clear: both; }
.entry-utility { clear: both; }
span#search-terms { font-style: italic; }

.entry-title, h1.page-title { font-family: Arial; font-size: 1.8em; font-weight: bold; color: #252625; padding: 30px 0 20px 30px; }
.entry-title { padding-left: 0; }
.home .page-title { font-size: 1.4em; background: url(images/section-header-bg.gif) repeat-x top left; height: 39px; padding: 10px 0 0 0; text-align: center; }

body.search-results div.alt .entry-content, body.search-results .post .entry-content { border-bottom: 1px solid #ccc; }
body.search-results .post .entry-meta { padding: 0 0 0 22px; font-weight: bold; font-size: 80%; font-style: italic; }
body.search-results .entry-content p { padding-bottom: 0; margin-bottom: 0; }

#main { margin:0 auto; overflow:hidden; position:relative; text-align: left; background: url(images/content-bg.png) repeat-y top center; width: 970px; padding: 0 5px; }
.home #main { background: url(images/home-content-bg.png) repeat-y top center; }
#twitter { clear: both; margin: 0 0 0 15px; }
.twtr-hd h3, .twtr-hd h4 { clear: none !important; }

/* energy calculator page table & styling */
#calculations span { margin: 0; padding: 0; display: inline; }
#calculations img.output-logo, #calculations div.key, #calculations p.copyright { display: none; }
#calculations .fancy { width: 100px; }
#calculations strong { margin: 0; }
#calculations h1 { margin: 0; padding: 12px 0 20px 0px; }
#calculations p, #calculations hr { margin-bottom: 18px; }
#calculations h2 { margin: 0 0 18px 0; font-size: 1.1em; font-weight: bold; color: #E63A2C; }
#calculations h3 { margin: 0 0 18px 0; font-size: 1.2em; font-weight: bold; color: #252625; }
#calculations p.note, #calculations p.disclaimer, #calculations p.top-note { font-size: 80%; color: #E63A2C; margin: 0 0 10px 25px; }
#calculations p.top-note { display: block; text-align: right; }
#calculations p.disclaimer { color: #252625; margin-bottom: 0; }
#calculations div.stats * { margin: 0; }
#calculations div.stats, #calculations div.key { border: 1px solid #ccc; padding: 15px; background: #eee; margin: 0 0 15px 0; }
#calculations div.stats p { margin-bottom: 10px; }
#calculations div.stats h3 { background: none; padding: 0; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; }
table.calculator { margin-left: 0; }
table.calculator th, table.calculator td { padding: 10px; }
table.calculator th { background: url(images/section-header-bg.gif) repeat-x top left; border-bottom: 1px solid #ccc; border-top: none; }
table.calculator span {  }
table.calculator td.title { width: 300px; font-weight: bold; }
table.calculator td.indent { padding: 0 0 0 40px; font-size: 90%; color: #999; }
table.calculator td.label1, table.calculator td.label2 { font-weight: bold; padding-left: 5px; }
table.calculator td.data1, table.calculator td.data2 { text-align: right; padding-right: 5px; width: 100px; border: 1px solid #ccc; }
table.calculator span.superscript, table.calculator span.subscript { text-decoration: none; color: #252625; position: relative; font-size: 0.7em; }
table.calculator span.superscript { bottom: 5px; }
table.calculator span.subscript { top: 3px; }

/* General image styling */
#main img, #main a img { padding: 3px; border: 1px solid #ececec; }
#main .map { border: none; padding: 0; }
img.alignright,.alignright {float:right; margin:0 0 1em 1em}
img.alignleft,.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter,.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
    /* optional rounded corners for browsers that support it */-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; } 
.wp-caption p.wp-caption-text { font-size: 1em; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* =News Content
-----------------------------------------------------------------------------*/
#content .post, #content .navigation, #comments { padding: 0 0 20px 30px; }
#content .navigation, body.search-results #content .post { padding-bottom: 0; }
#content .post h3 a, #content .post h2 a, #comments-list h3.comment-count, #respond h3 { padding: 0 0 0 22px; background: url(images/page_white_text.png) no-repeat 0px 1px; font-weight: normal; font-size: 1.4em; float: left; width: 520px; }
#comments-list h3.comment-count { background: url(images/comments.png) no-repeat 0px 1px; }
#content .post h2 a { font-size: 0.8em; }
#content .post span.date { display: block; float: left; font-weight: bold; font-style: italic; margin: 0 0 0 3px; }
#content .post .entry-content { clear: both; padding: 5px 0 0 22px; font-size: 100%; }

#content .post .entry-utility, #comments-list ol li.comment { background: #eee; border-top: 1px solid #ccc; font-size: 100%; border-bottom: 1px solid #ccc; margin: 0 0 0 22px; padding: 8px 5px; }
#content .post .entry-utility a { font-style: italic; }

/* =Comments Content
-----------------------------------------------------------------------------*/
#comments-list h3.comment-count { background: url(images/comments.png) no-repeat 0px 1px; margin: 0 0 20px 0; }
#comments-list ol { list-style: none; clear: both; }
#comments-list ol li.comment { margin: 0; border: none; }
#comments-list ol li.alt { background: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#comments-list ol li .vcard { font-weight: bold; font-style: italic; }
#comments-list ol li .comment-meta { font-size: 80%; font-weight: bold; }
#comments-list ol li.comment p { padding: 10px 0 0 0; }
#comments-list ol li .unapproved { font-weight: bold; font-size: 120%; }

#respond { padding: 0px; }
#respond h3 { background: none; }
#respond .formcontainer, p#login-req { clear: both; padding: 0 0 0 22px; }

/* =Sidebar Content
-----------------------------------------------------------------------------*/
.page-parent #primary, .page-child #primary { margin-right: 0; }
.home #primary ul, .home #secondary ul { list-style: none; }

/* process animation video block on home page */
.home #primary { margin: 0; width: 320px; }
.home #primary ul { margin: 0; }
.home #primary .widgettitle { background: url(images/section-header-bg.gif) repeat-x top left; height: 29px; font-family: Arial; font-size: 1.4em; font-weight: bold; color: #252625; padding: 10px 0 0 0; margin: 0 0 10px 0; text-align: center; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.home #primary .textwidget { padding: 0 0 0 15px; }
.home #primary .animation { width: 130px; float: left; position: relative; margin-left: 10px; }
.home #primary .animation img { padding: 3px; border: 1px solid #ececec; }
.home #primary .animation p { clear: both; text-align: center; }

/* energy calculator form on home page */
.home #secondary { width: 317px; margin: 0; position: relative; }
.home #secondary ul { margin: 0; }
.home #secondary ul li {  }
.home #secondary ul li div { margin: 0; padding: 0 15px 5px 15px; font-size: 1.1em; }
.home #secondary #calculate { padding: 10px 15px 10px 15px; text-align: center; margin: 0 auto; }
.home #secondary #calculate fieldset h4 { margin: 0; font-weight: bold; }
.home #secondary #calculate .submit { font-family: Trebuchet MS; font-size: 1.4em; width: 50px; border: none; padding-right: 35px; margin-left: 0px; color: #000; text-decoration: none; background: url(images/go_button.png) no-repeat 28px 3px; cursor: pointer }
.home #secondary #calculate label {  }
.home #secondary #calculate .required { border: 1px solid #cbcbcb; height: 15px; width: 105px; padding: 10px; margin: 5px 0 0 60px }
.home #secondary #calculate input:focus { border: 1px solid #000; background: #ececec; } 
.home #secondary #calculate label.error { position: absolute; top: 190px; text-align: center; left: 30px; font-style: italic; color: #5DA713; background: #fff; width: 250px; }

/* first level sidebar nav */
.home #secondary .widgettitle { height: 29px; font-family: Arial; font-size: 1.4em; font-weight: bold; color: #252625; padding: 10px 0 0 10px; margin: 0 0 10px 0; }
body.page .widget_navt .widgettitle { display: none; }
.home #secondary .widgettitle { background: url(images/section-header-bg.gif) repeat-x top left; height: 29px; text-align: center; padding: 10px 0 0 25px; } /* home sidebar */
body.page ul .widget_navt { margin: 67px 0 0 0; padding: 0 0 0 0; list-style: none; background: url(images/subnav-bg-hover.jpg) no-repeat -9999 -9999; }
body.page ul .widget_navt ul { margin: 0; padding: 0; }
body.page ul .widget_navt li { font-size: 1.2em; padding: 0; list-style: none; }
body.page ul .widget_navt li.current_page_item a { background: url(images/subnav-bg-current.jpg) repeat-y top left; border-left: 5px solid #252625; }
body.page ul .widget_navt li a { font-weight: normal; border-left: none; padding: 8px 20px 8px 18px; display:block; color: #252625; text-decoration: none; }
body.page ul .widget_navt li.item_parent a, body.page ul .widget_navt li.current_item_parent a { font-weight: bold; }
body.page ul .widget_navt li a:hover { background: url(images/subnav-bg-current.jpg) repeat-y top left; color: #ececec; border-left: 5px solid #252625; padding-left: 13px; }
body.page ul .widget_navt li.current_page_item a:hover { background: url(images/subnav-bg-current.jpg) repeat-y top left; color: #ececec; padding-left: 18px; }

/* second level sidebar nav */
body.page ul .widget_navt li ul.children li a { padding-left: 33px; font-weight: normal; font-size: 100%; }
body.page ul .widget_navt li ul.children li.current_page_item a, body.page ul .widget_navt li ul.children li.current_page_item a:hover, body.page ul .widget_navt li ul.children li a:hover { padding-left: 28px; }
body.page ul .widget_navt li.current_page_item ul, body.page ul .widget_navt li.current_page_ancestor ul { margin: 0; }
body.page ul .widget_navt li.item_parent ul li, body.page ul .widget_navt li.current_item_parent ul li { font-size: 1em; }
body.page ul .widget_navt li.current_page_item ul li a, body.page ul .widget_navt li.current_page_ancestor ul li a { background: none; border-left: 5px solid #ccc; color: #252625; font-weight: normal; }
body.page ul .widget_navt li.current_page_item ul li a:hover { border-left: 5px solid #252625; }

/* third level sidebar nav */
body.page ul .widget_navt li ul.children li ul.children li a { padding-left: 53px; }
body.page ul .widget_navt li ul.children li.current_page_item ul.children li a, body.page ul .widget_navt li ul.children li ul.children li a:hover, body.page ul .widget_navt li ul.children li ul.children li.current_page_item a, body.page ul .widget_navt li ul.children li ul.children li.current_page_item a:hover { padding-left: 48px; }

#subsidiary { float: left; width: 220px; margin: 0 0 0 20px; }
#subsidiary .aside { margin: 0; }
#subsidiary #first { width: 180px; margin: 12px 0 0 25px; }
#subsidiary #first ul { list-style: none; margin: 0; }
#subsidiary #first ul li.widgetcontainer { padding: 0 0 15px 0; margin: 15px 0 0 15px; border-bottom: 1px solid #ccc; }
#subsidiary #first ul li h3.widgettitle { font-size: 1.4em; color: #252625 }

#subsidiary #second { width: 225px; }

#subsidiary #third { position: relative; margin: 30px 0 0 23px; /*background: url(images/suburb.jpg) no-repeat 0px 90px; min-height: 930px;*/ }
#subsidiary #third ul { list-style: none; }
.print-link { padding: 0 0 0 23px; background: url(images/printer.png) no-repeat top left; clear: both; display: block; }
.email-link { padding: 0 0 0 23px; background: url(images/email.png) no-repeat 0px 2px; clear: both; display: block; }

/* =Footer
-----------------------------------------------------------------------------*/
#footer { color: #a0a1a0; background: url(images/footer-bg.png) no-repeat -5px 0px; width: 970px; margin: 0 auto; padding: 10px 0 20px 0; }
#footer a { color: #a0a1a0; text-decoration: none; }
#footer a:hover { color: #000; }
.home #footer { background: url(images/home-footer-bg.png) no-repeat -5px 0px; position: relative; }
#siteinfo { text-align: left; }
span#footer-links { position: relative; float: right; top: 10px; }
#footer a img { position: relative; top: 8px; }