/*
Theme Name: Green Building
Theme URI: http://greenbuildingcenter.net
Description: Main Theme for The Green Building Center website.
Version: 1.0
Author: Jon Cuevas
Tags: green

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

html, body, #sidebar h2, #blog-column, #main-banner, #footer-links, .featured-desc h3, h1, h2, h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
#page-content, .banner-text, .quote-name, .newsletter-text, .featured-desc, #sidebar ul li ul li, .product-content {
	font-family: 'Arial', Verdana, Sans-Serif;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h1, h2, h3 {
	font-weight: bold;
	color: #966005;
}

h2 a, h2 a:visited, h3 a, h3 a:visited {
	color: #966005;
	}

a img {
	border: none;
}


html {
	background: url('images/footer_blue_grad2.jpg') repeat-x scroll center bottom;
}

/* Begin Main Styles */
body {
	border-top: 4px solid #966005;
	background: url('images/bg_footer2.jpg') no-repeat scroll center bottom;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#main-container {
	width: 953px;
	margin: 0 auto;
	text-align: left;
	min-height: 1130px;
}

#header {
	background: url('images/bg_header.jpg') no-repeat bottom center;
	height: 121px;
	margin-top: 4px;
}	
	
#nav {
	padding: 4px;
	border-bottom: 1px solid black;
	height: 29px;
}

#search-box, #search-left, .search-btn, form#main-search { height: 28px; }	

#search-box {
	width: 215px;
	float: left;
	position: relative;
}

#search-left {
	background: url('images/search_left.jpg') no-repeat top left;
	position: absolute;
	width: 4px;
	left: 0;
}

.search-btn {
	background: url('images/search_btn.jpg') no-repeat top left;
	float: right;
	width: 24px;
}

#nav-links {
	display: inline;
	float: left;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 3px;
}

#nav-links li {
	list-style: none;
	display: inline;
	margin-right: 14px;
		
}

#nav-links li a {
	text-decoration: none;
	color: #966005;	
}

#nav-links li a:hover {
	color: #c6a978;	
}

#content-holder{
	position: relative;
}

#content {
	font-size: 12px;
	/* width: 720px; */
	margin-left: 227px;
	padding-left: 4px;
	/* float: right; */
}

#page-content {
	font-size: 12px;
	width: 650px;
	padding-left: 18px;
}

#blog-content {
	font-size: 12px;
	width: 500px;
	padding-left: 18px;
	/* margin-left: 227px; */
}

.product-content {
	width: 475px; /* IE FIX */
}
	
.home-post {
	position: relative;
	float: left;
	width: 475px;
}	
	
#logo {
	float: left;
}	
	
#logo a img {
	margin-top: 0px;
}

#head-contact {
	float: right;
	padding: 10px 10px 0 0;
}

.phone {
	font-size: 2.3em;
	font-weight: bold;
}

.address {
	font-size: 13px;
	float: right;
	text-align: right;
}

h2.header-title, h1.header-title {
	color: #5da807;
	margin: 50px 5px 0 0;
	font-size: 15px;
}

#main-banner {
	background: url('images/banner.jpg') no-repeat top;
	width: 722px;
	height: 252px;
	margin: 5px 0 4px 10px;
	float: right;
	position: relative;
}

.banner-text, .banner-button { position: absolute; }

.banner-text, .quote-name {
	font-size: 15px;
	bottom: 14px;
	left: 35px;
	color: white;
}

.quote-name {
	font-size: 12px;
	font-style: italic;
	float: right;
	font-weight: bold;
}

.banner-button {
	background: url('images/banner_btn.png') no-repeat top;
	bottom: 11px;
	right: 32px;
	width: 153px; height: 54px;
}


/* Featured Products and Categories */ 

#featured {
	width: 738px;
	margin-bottom: 5px;
}

#featured h3{
	font-size: 13.5px;
	text-transform: uppercase;
	font-weight: bold;
}

#featured ul, #product-categories {
	padding: 0;
	margin: 0;
	list-style: none;
}

#featured ul li, #product-categories li {
	height: 118px;
	overflow: hidden;
	border: 1px solid #D0B58A;
	list-style: none;
	display: inline-block;
	margin: 8px 5px 0 0;
	position: relative;
}

#product-categories li.category, #featured ul li {
	border: 1px solid #966005;
	height: 118px
}
#product-categories li {
	width: 352px;
}


#featured ul li.product1 {
	background: url('images/featured_1.jpg') no-repeat left top;
}
#featured ul li.product2 {
	background: url('images/featured_2.jpg') no-repeat left top;
}
#featured ul li.product3 {
	background: url('images/featured_3.jpg') no-repeat left top;
}
#featured ul li.product4 {
	background: url('images/featured_4.jpg') no-repeat left top;
	width: 354px;
}
#featured ul li.product5 {
	background: url('images/featured_5.jpg') no-repeat left top;
	width: 354px;
}

#featured ul li.product1, #featured ul li.product2, #featured ul li.product3 {
	margin-right: 10px;
	width: 230px;
}

#featured .featured-desc {
	padding: 0 3px 5px 0;
}

#featured .featured-desc p {
	padding: 0 3px;
	margin: 0;
}


.featured-desc, .product-desc {
	font-size: 11px;
	width: 126px; height: 118px;
	float: right;
	padding: 0 7px 5px 0;
	position: absolute;
	top: 0;
	right: 0;
	color: #353535;
}

.post h1 a {
	color: #976006;
}

#product-categories .product-desc {
	width: 150px;
}

#product-categories .featured-desc {
	width: 118px;
}

.featured-desc h3, .product-desc h3 {
	color: #353535;
	margin: 5px 0 5px 0;
	text-transform: uppercase;
}

/* For full product category list on Products page */
.cat1 a.category-link, .cat2 a.category-link, .cat3 a.category-link, .cat4 a.category-link, .cat5 a.category-link, 
.cat6 a.category-link, .cat7 a.category-link, .cat8 a.category-link, .cat9 a.category-link,
li.category-finishes a.category, li a.category, #featured ul li a {
	display: block;
	height: 118px; 	width: 175px;
	overflow: hidden;
}

#featured ul li a {
	width: 96px;	
}

/* For single category pages */
li.category-flooring a.category, li.category-finishes a.category, li.category-paints a.category, 
li.category-tile a.category, li.category-panel a.category {
	display: block;
	height: 117px; width: 354px;
	border: 1px solid #966005;
}

/*
.cat1 a.category-link, li.category-finishes a.category { background: url('images/cat_finishes.jpg') no-repeat left top; }
.cat2 a.category-link { background: url('images/cat_countertops.jpg') no-repeat left top; }
.cat3 a.category-link { background: url('images/cat_carpets.jpg') no-repeat left top; }
.cat4 a.category-link, li.category-flooring a.category { background: url('images/cat_flooring.jpg') no-repeat left top; }
.cat5 a.category-link, li.category-paints a.category { background: url('images/cat_paints.jpg') no-repeat left top; }
.cat6 a.category-link, li.category-panel a.category { background: url('images/cat_panels.jpg') no-repeat left top; }
.cat7 a.category-link { background: url('images/cat_specials.jpg') no-repeat left top; }
.cat8 a.category-link, li.category-tile a.category { background: url('images/cat_tiles.jpg') no-repeat left top; }
.cat9 a.category-link { background: url('images/cat_energy.jpg') no-repeat left top; }*/

a.more-link {
	position: absolute;
	bottom: 10px; right: 10px;
	text-decoration: underline;
}

/* END Products and Categories*/


#blog-column {
	width: 215px;
	min-height: 325px;
	background-color: #ffeebb;
	float: right;
	padding: 0 5px 0 10px;
	margin-right: 14px;
}

#blog-column h3.recent-blog-head {
	font-size: 15px;
	font-weight: bold;
	color: #966005;
}

#blog-column h3.recent-blog-title a {
	font-size: 15px;
	color: black;
	}

/* Footer Styles */

#footer-main { 
	position: relative;
	width: 100%;
}

#footer {
	border: none;
	margin: 0 0 53px 5px;
	float: left;
	text-align: left;
	width: 850px;
}
	
#footer-links {
	margin: 100px 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}

#footer-links .footer-nav a{
	margin: 0 4px 0 4px;
	color: black;
}

.social-links {
	margin-left: 31px;
	color: black;
}

/* END Footer Style */

/* Begin Form Elements */
form#main-search {
	background: transparent url('images/search_mid.jpg') repeat-x bottom center;
	width: 215px;
	position: absolute;
	left: 3px;
}

form#main-search p.fields input {
	color: #000000;
	font-size: 14px;
	width: 212px;
	height: 20px;
	background: none;
	overflow: hidden;
	border: none;
	position: absolute;
	top: 4px; left: 2px;
}

form#main-search p.fields button {
	background: url('images/search_btn.jpg') no-repeat;
	width: 24px; height: 28px;
	border: none;
	position: absolute;
	top: 0; right: 0;
}

form#newsletter p.fields button {
	background: url('images/SubmitBtn.jpg') no-repeat;
	width: 73px; height: 26px;
	border: none;
	position: absolute;
	bottom: 11px; right: 24px;	
}

/* CFORMS Styling Overrides */
#cformsform input.backbutton,
#cformsform input.resetbutton,
#cformsform input.sendbutton { 
	background: url('images/SubmitBtn.jpg') no-repeat;
	width: 73px; height: 26px;
	border: none;
	position: absolute;
	bottom: 4px; right: 24px;
}

#cforms2form input.backbutton,
#cforms2form input.resetbutton,
#cforms2form input.sendbutton { 
	background:url('images/contactus_btn.jpg') no-repeat;
}

#cforms2form textarea { 
	background:url('images/DetailsBoxMid.jpg') repeat-x top left;
	height: 69px;
}

#cforms2form input, #cformsform input, #estimate-form span.field-bg { 
	background:url('images/EmailBoxLeft.jpg') no-repeat top left;
	height: 26px;
}

#cforms2form ol.cf-ol li, #cformsform ol.cf-ol li, #estimate-form input {
	background:url('images/EmailBoxMid.jpg') repeat-x top center;
	height: 30px;
}

#cforms2form ol.cf-ol li#li-2-4 {
	background: none;
}
span.reqtxt, span.emailreqtxt {
	display: none;
	margin: 3px -15px 0 3px;
}

/* END Styling Overrides */

/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }
	
form.search p.fields { margin: 0 }

form.search p.fields input, form.search p.fields button {
	display: inline;
	vertical-align: middle;
}

#estimate-form input {
	width: 55px;
}
#estimate-form span.labels, #total-spot {
	font-size: 14px;
	font-weight: bold;
	margin: 3px 5px 0 5px;
}

#estimate-form input.sendbutton {
	background: transparent url(images/total_btn.jpg) no-repeat scroll 0 0;
	border: none;
	float: left;
	width: 71px; 
	height: 27px;
}

.total-div {
	width: 60px;
	color: white;
	margin-left: 90px;
	float: left;
}

#total-spot {
	float: left;
	margin: 0 20px;
}

/* End Search Styles */

/* Begin Sidebar nav*/
#sidebar {
	float: left;
}

#sidebar li{
	position: relative;
}

#sidebar form {
	margin: 0;
	text-align: center;
}
	
#sidebar, #sidebar ul, #sidebar ul li, #sidbar ul li ul li, #sidbar ul li ul li ul li, #newsletter-box{
	width: 220px;
	list-style: none;
	padding: 0;
	margin: -5px 0 0 0;
}

#sidebar ul, #sidebar ul li ul {
	margin: 0;
}

#sidebar ul li ul li, .right-sidebar ul li{
	font-size: 14px;
	color: black;
	border-bottom: 1px solid #966005;
	margin: 0 0 0 8px;
	padding: 8px 0 8px 0;
	width: 212px;
}

#sidebar ul li {
	font-size: 14px;
}
.right-sidebar ul li {
	width: 192px;
}

#sidebar ul li ul li a, .right-sidebar ul li a {
	color: black;
}

#sidebar ul ul ul {
	display: none;
	color: black;
	padding-left: 8px;
	margin-left: 212px;
	position: absolute;
	top: 0;
	z-index: 1000;
}

#sidebar ul li ul li:hover ul {
	display: block;
	color: black;
	background-color: #fffbc1;
	padding-left: 8px;
}

#sidebar h2, .right-sidebar h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 8px;
	background-color: #5da807;
	color: white;
	text-transform: uppercase;
	}
	
#newsletter-box, #form-sidebar {
	height: 184px; 
	width: 200px;
	border: 5px solid #c6a978;
	background-color: #966005;
	position: relative;
	padding: 5px;
}

#form-sidebar p {
	width: 200px;
}

.newsletter-text, #form-sidebar {
	color: white;
	font-size: 13px;
}

.newsletter-text {
	margin: 4px 5px 0px 8px;
	line-height: 1.1em;
}

#form-sidebar h3 { color: white; margin: 5px 0 5px 0 !important; }

#form-sidebar {
	width: 215px;  height: 450px;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	padding-left: 14px;
	
}

/* End Sidebar */

/* Right Sidebar */

.right-sidebar {
	float: right;
}

.right-sidebar ul {
	margin-bottom: 25px;
	padding: 0;
	width: 200px;
}

.right-sidebar ul li {
	text-decoration: none;
	list-style: none;
}

/* End Sidebar */

.entry {
	/* margin-left: 10px; */
}	

.product-entry {
	width: 463px;
}	
	

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	margin: 10px 0 0 0;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Arial', Verdana, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

a, h2 a:hover, h3 a:hover {
	color: #5DA807;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

/* End Typography & Colors */

.narrowcolumn {
	float: left;
	padding: 4px 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 227px;
	width: 450px;
	}

.post {
	margin: 0 0 20px;
	text-align: left;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

.image-left {
	float: left;
	margin: 0 15px 10px 0;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.address-right {
	float: left;
	width: 348px;
}

.address-left {
	float: left;
	width: 300px;
}
.address-left h2.header-title {
	margin-top: 0px;
}

/* End Structure */

.hentry {
	margin-top: 10px;
}