/*   
Theme Name: HRE Theme
Theme URI: http://www.homelandrenewableenergy.com/n3w/
Description: Custom theme for HRE, Inc.
Author: Rebecca Teague
Author URI: http://www.towerwebdesign.com
Version: 1.0

Copyright 2010 by Homeland Renewable Energy, Inc. All rights reserved.
*/

/* Page */
html {
  font-size: 100%; /* Avoids IE 5-7 bug with EM fonts */
}

/*<style>
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;}
table {font-size:inherit;font:100% arial,helvetica,sans-serif;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:1em;}

/* reset */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, td { 
	padding: 0;margin: 0;}
fieldset, img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ul {list-style: none;}

/* hre styles */


body {
	background-color:#b5b3b1;
	text-align:center;
	font-family: verdana, geneva, sans-serif;
	border-top:4px solid #3D6320;
	}

/* displays the green gradient bar across the top */ 
#top-wrapper {
	width:100%;
	background:#fff url(images/topbg.gif) repeat-x;
	position:relative;
	}

#header {
	width:900px;
	height:176px;
	color:#333;
	margin:0 auto;
	}
	 
#head-left {width:500px;float:left;}
	 

.headerReplace {
   text-indent: -9999px;
   width: 438px;
   height: 140px;
   background: url(images/hre-logo.png) transparent no-repeat;
   position:relative;
   top:8px;
}

	 
#head-right {
	float:right;
	height: 120px;
	width:400px;
	background:#fff;
	color:#EE8B00;
	}
	 
#top-menu {
	background:transparent;
	position:absolute;
	top:128px;
	width:900px;
	left:50%;
	margin-left:-450px;
	color:#fff;
	text-align:right; 
	height:45px;
	z-index:2;
	}

#navcontainer {position:absolute;right:0px;}

#navlist ul {list-style-type: none;}

#navlist li {
	display: inline;
	padding: 0 10px;
	line-height:45px;
	}

#navlist li a {
	color:#fff;
	text-decoration:none;
	padding-bottom:.25px;
	border-bottom:1px dotted #5D9731;
	}

#navlist li a:hover { border-bottom:1px dotted #fff;}

/************ content ***************/

/* full width area below the header & menu */	 
#wrapper {
	margin:0px;
	background-color:#b5b3b1;
	background-image: url(images/stripes4w.png);
	background-repeat: repeat;
	overflow:hidden;
	}

/* main section of the site centered within the wrapper */
#container {
	width:900px;
	margin:0 auto;
	border:solid #464441;
	background:#fff;
	border-width:0 1px 0 1px;
	text-align:left;
	overflow:hidden;
	}

/********** primary content at left ****************/

/*************** breadcrumbs ****************/
#content p#breadcrumbs {
	margin:0 20px 20px 25px;
	padding-top:10px;
	padding-bottom:1px;
	border-bottom:1px dotted #E7E7E6;
	font-weight:normal;font-size:.85em;
	}

#content p#breadcrumbs a {text-decoration:none;border:0;font-weight:500;}



#content {
	clear:both;
	min-height:640px;
	height:auto !important;
	height:640px;
	width:620px; /* leaves 20px at right for gutter next to sidebar */
	float:left;
	background:#fff;
	border-right:1px double #ccc5bc;
	padding:0px 0 25px;
	}

/* all content elements have 25px left margin */
#content p {
	margin:0 20px 1.5em 25px;
	font-size:1em;
	letter-spacing:.15px;
	line-height:140%;
	}
#content p.last {padding-bottom:0;} /* in use? */


	
	
/*********** content link and text styles ************/

#content a:link, #content a:visited {
	font-size:1em;
	font-weight:bold;
	color:#3B65B5;
	background-color:#fff;
	text-decoration: none;
	margin-bottom:.025em;
	border-bottom:1px solid #5270AA;
	}

#content a:hover {
	text-decoration: none;
	background-color:#E6E2DD;
	border-bottom:1px solid #e6e2dd;
	}
	
	#sidebar a.image:hover {
	background-color:#fff;
	}

#content a:active {text-decoration:none; }

/* removes underline on WP class .hentry */
div.hentry h2 a:link {text-decoration:none!important;}

/* add class in wp editing window to images for white padding and thin border
wrap in a div and use alignRight or alignLeft to float */
#content img.pic1 {
	padding:8px;
	margin:0px 20px 10px 0;
	border:1px solid #B5B1AD;
	}

#content hr  {
	border-style: solid;
	border-color: #8ABA66;
	border-width:1.25px 0 0 0;
	width: 90%;
	margin:0 5% 20px 5%;/* side margins half of width remainder to center */
	height:1.25px;
	} 
	
#content ol, #content ul { margin: 10px 0 15px 50px;}
#content li {
	line-height:1.4;
	list-style-type:square;
	}

#content ul.pdfs{
	margin:0 0 12px 8px;
	}

#content ul.pdfs li, #content ol li {
	font-size:.95em;
	margin:.9em 0;
	}






/********** sidebar ******************/

/* no left margin on sidebar elements. "padding" is provided by the 20px gutter
between sidebar and content */

#sidebar {
	float:right;
	width:260px;
	padding:25px 0;
	background:#fff;
	text-align:left;
	margin:0;
	}

/* class from widget function.php, adds space below each widget */
.sidebarItem { margin:0 0 25px 0; }

/* in use ? */
.textwidget { }

#sidebar p { font-size:.95em;padding-right:20px;margin-bottom:15px; }

#sidebar a {
	font-size:.95em;
	font-weight:bold;
	color:#EE8B00;
	text-decoration:underline;
	background:transparent;
	width:100%;
	padding:2px 0px 1px 0;
	}

#sidebar a:link { }
#sidebar a:visited { }
#sidebar a:hover {
	text-decoration:none; 
	background-color:#E6E2DD;
	color:#3B65B5;
	}
#sidebar a:active { }

#sidebar hr {
	border-style: dotted;
	border-color: #8ABA66;
	border-width:1.25px 0 0 0;
	width: 90%;
	margin:0 0 15px 0;
	height:1.25px;
	} 

#sidebar img { margin:10px 0 25px 0; }

#sidebar ul li {
	margin:4px 0 5px;
	text-align:left;
	line-height:1.3em;
	padding-left:0px;
	padding-right:10px;
	font-size:.9em;
	font-family: verdana, geneva, sans-serif;
	}

ul.sideList { 
	list-style-type: none;
	list-style-image:none;
	padding-left:0px;
	padding-right:10px;
	margin-bottom:20px;
	}

ul#listAwards {
	padding:0 4px 0 0;
	margin-right:0;
	}

ul.sideList li, ul#listAwards li {
	list-style-type: none;
	margin:4px 0;
	padding:0 0 4px 0;
	text-align:left;
	line-height:1.30em;
	}

ul.listBullet { 
	list-style-image: url(images/bullet_orange.gif);
	padding-left:16px;
	padding-right:20px;
	margin-bottom:20px;
	 } 
 
ul.listBullet li {
	margin:4px 0;
	text-align:left;
	font-size:.85em;
	line-height:1.25em;
	}


#sidebar a.news:link { color:#EE8B00;}
#sidebar a.news:visited { color:#EE8B00;}
#sidebar a.news:hover {
	text-decoration:none; 
	background-color:#E6E2DD;
	color:#3B65B5;
	}
#sidebar a.news:active { color:#EE8B00; }


table.sidenews { width:95%; }
table.sidenews td { text-align:left; vertical-align:middle; }

#feeds { margin:20px 0; }

/************* search box **************/

#search-box .form-submit {
	background:#FFEEC3;
	border:1px solid #FED25A;
	color:#7B7B7B;
	margin:6px;
	}

#search-box .form-text {
	width:130px;
	height:20px;
	background:#fff;
	border:1px solid #C9C7C4;
	margin:50px 0 0 6px;
	}

/**************** display *****************/

.clearme {clear:both;}

.wrap { } /* to wrap smaller floats */

.alignCenter {text-align:center;}
.alignRight {float:right; padding:0 0 0 15px;}
.alignLeft {float:left; padding:0 15px 0px 0;}

/* adds space after each post section in content div */
.section {margin-bottom:25px;}

.inline {display:inline;}

.mobile {display:auto;}

/************ sizes *****************/

.quarter {width:25%;}
.half    {width:50%;}
.full    {width:100%;}

/*********** spaces ****************/

.marginLeft25 {margin-left:25px}
.marginRight25 {margin-right:25px;}
.marginBottom25 {margin-bottom:25px}
.marginTop25 {margin-top:25px}
.marginTop10 {margin-top:10px;}
.marginBottom10 {margin-bottom:10px;}

/************ text styles *****************/

h1, h2, h3, h4, h5, h6 {
	font-family:verdana, geneva, sans-serif;
	background-color:transparent;
	}

h2 {
	font-size: 1.65em;
	margin: 0 20px .5em 25px;
	font-weight: bold;
	color:#5D9731;
	}
h2.sidebar {
	margin: 0 20px 1.1em 0px;
	} /* NEWS at top  of sidebar */

h3 {
	font-size: 1.4em;
	margin: 2em 20px .5em 25px;
	font-weight: normal;
	color:#676461;
	padding-bottom:1px;
	border-bottom:1px dotted #FFAC38;
	}
	
	#content h3.title {border-bottom:0;margin-bottom:.5em;}
	#content h3 {color:#5d9737;font-weight:bold;}
#sidebar h3 {
	font-size: 1.4em;
	margin: 0 2em .75em 0em;
	font-weight: bold;
	color:#5D9731;
	padding:0;
	border:0;
	} 
	
	
h4 {
	font-size: 1.1em;
	margin: .5em 0em .1em 0px;
	font-weight: bold;
	color:#464441;
	background-color:transparent;
	}
	
	#content h4 {
	margin: .5em 20px .5em 25px;
	}

#sidebar h4 {
	font-size: 1.1em;
	margin: .5em 0em .5em 0em;
	font-weight: bold;
	color:#464441;
	background-color:transparent;
	}

h5 {
	font-size: 1em;
	margin: 0em 0em .6em 25px;
	font-weight: bold;
	color:#181818;
	}
	
h6 {
	color:#3d6320;
	font-size: 0.9em;
	margin: 1.2em 0em .9em 25px;
	font-weight: bold;
	}
	
/* linkcat and brlink related to render blogroll plugin */

ul.news, ul.linkcat {list-style-type:none;padding:0 0 20px 45px;}
ul.news li, ul.linkcat li.brlink {margin:8px 0 8px 0px;font-size:.9em;}

#siteMap {font-size:.85em;}
#siteMap ul {margin:10px 0 0 50px;}
#siteMap ul ul li{ list-style-type:none;margin:.2em 0 .5em; padding:0 0 0px 30px;}
#siteMap ul li {list-style-type:none;margin:.25em 0 1em;}
#siteMap ul ul {margin: 10px 0 15px 0;}


/* board and team pages */
ul.jump { list-style-type:none; padding:0 0 20px 50px; }
ul.jump li { margin:6px; font-size:85%; }
ul.jump li a{ text-decoration:none; }

/* for jump links on board and team pages */
p.jumpback a {text-align:center;font-size:.8em!important; margin:0px;}


.note { font-size:85%!important;}
p.note {padding:6px 0;}

.reverseText {color:#fff} /* for white text on dark backgrounds */

/* copyright notice in footer */
.trademark { font-family: 'trebuchet ms', helvetica, sans-serif; font-size:85%;}

/* to remove gray background on hover for image links */
a:hover .transbg {background:transparent}

/********** misc styles ***************/


/* removes gray background on hover for the feed images */
div#feeds a:hover {background:none;}

img.icon {bottom:0px;} 

#content div a img.pic1 { border:1px solid #B5B1AD; text-decoration:none; background:#fff;}

/************** table for news and updates ****/

/* for tables that list updates and press releases */
table.newsLinks {
	margin:10px 5% 20px;
	width:90%;
	}

table.newsLinks td {
	padding:4px 1px 4px 1px;
	vertical-align:middle;
	}

table.newsLinks td.cellDate { width:100px; text-align:right;
	padding-right:10px;}

table.newsLinks td a { 
	text-decoration:none!important;
	border-bottom:0!important;
	padding:0!important;
	margin:0!important;
	}

table#leaders {
	margin:0px 5px 10px 25px;
	width:560px;
	}
	
table#leaders td {
	width:50%;
	vertical-align:top;
	}
	
table#leaders td p {
	margin:0; 
	padding:2px 4px 2px 0;
	font-size:.8em
	}
	
table#leaders td a {
	text-decoration:none;
	border-bottom:0;
	margin:0;
	padding:0;
	}
	
/*************** form styles **************/

table.contactform td.lf {padding:4px; text-align:right;}
table.contactform td.rt {padding:4px; text-align:left;}
table.contactform { border: none;}

table.contactform input.txt {height:16px;font-size:108%;}


fieldset {
	width:100%;
	padding:8px;border:1px solid #b5b1ad;
	margin:4px 0 10px 0;
	}

legend {display:block;font-weight:bold;}

label {display:block;}

input.txt {height:16px;font-size:108%; }

input.btn {
	background:#FFEEC3;
	border:1px solid #FED25A;
	color:#5C5956;
	letter-spacing:.25px;
	font-size:108%;
	margin:6px;
	padding:2px 4px 2px;
	}

.hre-contact p {font-size:93%!important;margin:0;}



/**********  footer styles ************/

#footer {
	clear:both;
	position:relative;
	background:#7c7c7c url(images/footer-bg-gray.png) repeat-x 0 bottom;
	color:#fff;
	border-top:1px solid #263E14;
	border-bottom: 1px solid #464441;
	height: 1%; /* added to fix the 3px text creep IE bug */
	}

#footer a {
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	}

#footer a:link {text-decoration:underline; }
#footer a:visited {text-decoration:underline;}
#footer a:hover  { text-decoration:none;background-color:transparent;}
#footer a:active {text-decoration:none;}

#footer p {margin:0 0 10px 0px;}

#footer-left {
	float:left;
	width:240px;
	padding:20px 0 0 25px;
	}

#footer-mid {
	float:left;
	width:300px;
	margin-left:50px;
	background:transparent;
	color:inherit;
	text-align:center;
	padding-top:20px;
	}

#footer-right {
	float:right;
	width:200px;
	background:transparent;
	padding-top:20px;
	text-align:left;
	color:inherit;
	margin:0px 35px 0 0;
	}

/* company address */
#footer ul {margin:0px 0 10px 0px;}





/**************** cforms override styles *************/

img.captcha-reset {margin-left:10px}

a:link img.captcha-reset, a:visited img.captcha-reset,
a:hover img.captcha-reset, img a:active img.captcha-reset {
	margin-left:10px}

div#contactForm a:link, div#contactForm a:visited, 
div#contactForm a:hover, div#contactForm a:active {
	text-decoration:none;background:#fff;border:0;
	}

.secinput {margin-top:-6px;padding-bottom:4px;margin-right:10px;}

select#cf_field_12 {
	font-size: 1.075em;
	line-height:1.3em;
	}	

select#cf_field_12 option {
	line-height:1.3em;
	padding:.1em 0 .125em .5em;
	}


/* wordpress search box */

.search {
	margin:0 0px 20px 10px;
	background:transparent;
	}

.searchform {
	margin:40px 30px;
	}

#searchform .s {font-size:1em;}

#searchtext {
	height:1.2em;
	width:200px;
	border:1px solid #c4c4ba;
	padding:1px;
	color:#707070;
	}

#searchtext:focus {background-color:#fefed7;}

.small {font-size:1em; color:#707070;}

/* font style for textbox in searchform.php overrides WP default */
#searchtext {font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}

/* mobile display over-rides */
#footer a.phoneLink {color:#fff;
	background-color:transparent;
	text-decoration:none;}