/*   
Theme Name: Thematic Feature Site
Theme URI: 
Description: Use the Thematic Feature Site Theme to power your WordPress web site.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
Thematic Site is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

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

/* Apply a basic layout */
@import url('2c-r-fixed-988px.css');

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

/* Apply default theme styles and colors */
@import url('default.css');

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

/* content link colors */
.entry-content a:link { color: rgb(183, 175, 153); }
.entry-content a:visited { color: rgb(100, 98, 80); }
.entry-content a:hover {color: #FF4B33; }


div#taitemLogo {
	overflow: hidden;
	display: block;
	height: 134px;
	width: 228px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -420px;
	z-index: 1000000;
}

div#taitemLogo a {
	display: block;
	height: 134px;
	width: 228px;
	background: url(images/logotag.png) no-repeat top left;
}
/* =Global Elements
-------------------------------------------------------------- */

#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#666;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
}
a.button:hover,
a.button:active {
    color: #FF4B33;
}


body { 
background: #ececec url(images/bg_content_stripe.png) repeat-y center top;
	}
body.home { 
	background: #ececec url(images/bg_content.png) repeat-y center top; 
	}
#wrapper {
	background: url(images/bg_body.png) left top repeat-x;	}
	}
/* =Header
-------------------------------------------------------------- */

#branding {
    position:relative;
    z-index: 3000;
}

#header { 
	background: url(images/bg_header.png) no-repeat center 83px;
	z-index: 0;
	position: relative;
	height: 436px;
	margin-left: 2px;
/*	position: absolute;
	top: 0;
	left: 50%;
	height: 436px;
	margin-left: -499px;
	width: 1000px;
*/
	}
	
#branding #blog-title span {
	display: none;
	}

#blog-title {
}
#blog-description {
    font-family: sans-serif;
	font-style: normal;
	font-size: 18px;
	text-shadow: 1px 1px 1px #999;
	clear: none;
	margin: -35px 0 0 288px;

}
#branding #searchform {
/*    position:absolute;
    top:97px;
    right:0;
*/
	display: none;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/* =Menu
-------------------------------------------------------------- */
#access {
	display: none;
	}
#primary { 
	border: none;
	position: absolute;
	margin-bottom: 0;
	width: 366px;
	top: -115px;
	right: 58px;
	background: url(images/plans.png) no-repeat top right;
	}
body.safari #primary {
	left: 50%;
	width: 365px;
	margin-left: 73px;
	}
#primary h3 { display: none; }

#primary ul{
	list-style: none;
	margin: 95px 0 0 5px;
	width: 320px;
	border-bottom: 6px solid #000;
	}
	
body.home #primary ul {
	border-bottom: none;
	}
	
#primary ul li ul li {
	height: 25px;
	border-bottom: 2px dotted #333;
	width: 225px;
	margin-left: -10px;
	}
	
#primary ul a {
	text-decoration: none;
	font: 18px 'helvetica neue', sans-serif;
	text-transform: lowercase;
	}

.page-item-6 a {
	color: #e19714;
}

.page-item-10 a {
	color: #9fb263;
}
.page-item-15 a {
	color: #e19714;
}
li.page-item-17 {
	border: none !important; 
	margin-bottom: 5px;
}

#pages-3 ul li ul { display: none; }

ul.xoxo li ul li ul li { display: none; } /* hide child pages from main nav */

/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}



/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    margin-top: -290px;
	border: none;
	margin-left: 1px;
}
#leader-container {
    margin:0 auto;
    overflow:visible;
    position:relative;
    width:988px;
}
#leader .entry-title {
    font-size:55px;
    line-height:60px;
	color: #b7af99;
    font-family: 'helvetica neue', sans-serif;
    text-transform: lowercase;
    margin: 0 50px;
    padding: 0 10px 10px 10px;
    width: 450px;
    border-top: 2px dotted #b3b3b3;
    border-bottom: 2px dotted #b3b3b3;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

#main {
	padding: 20px 0 0 90px;
}

#main h2 {
	color: #b7af99;
    font-size: 36px;
    border-bottom: 2px dotted #b3b3b3;
    margin-bottom: 10px;
    line-height: 36px;
    }
    
.page-template-front-page-php #feature {
		float:left;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
		margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
    font-size:40px;
    font-weight:bold;
    line-height:45px;
    margin-top:-8px;
    padding:0 0 14px 0;
}
.page-template-front-page-php #container,
.page-template-front-page-php #content  {
    margin:0;
    padding:0;
    width:988px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}
.page-template-front-page-php #sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:484px;
}
#front-block-1 {
    margin-right:20px;
}
.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
.page-template-front-page-php .block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:1px solid #ccc;
    color:#666;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color: #FF4B33;
}
.page .entry-content,
.single .entry-content {
    padding-top:0;
}
/* =Sidebar of DOOM 
-------------------------------------------------------------- */
.uhoh {
	color: #fff;
	float: right;
	clear: none;
	position: absolute;
	top: 180px;
	right: 58px;
	width: 344px;
	padding: 10px;
	padding-top: 20px;
	}
	
.uhoh img {
	margin: 0 0 20px 0;
}

.uhoh img.secBanner {
	margin: 30px 0  0 5px;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transform: rotate(2deg);
	border-radius: 3px;
	border: 3px solid #fff;
	}

.uhoh h2 { border: none !important; }

.uhoh a {
	color: #e39914 !important;
	text-decoration: none;
	font-size: 12px;
	}

.uhoh a:hover { text-decoration: underline; }

.uhoh table { border: none; font-size: smaller; position: relative; }
.uhoh table td { vertical-align: top; }
.uhoh table tr { border: none; }

/* =Thickbox stuff
-------------------------------------------------------------- */
td { vertical-align: top; }

/* =Simple Classes
-------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
/* #siteinfo { float: left; width: 600px; text-align: center; } */

/* =Special Front Page Stuff
-------------------------------------------------------------- */
body.home #primary{
	margin-top: 74px;
	}
body.pageid-5 #content {
	overflow: visible;
	}
	
body.pageid-5 #container, body.pageid-5 #siteinfo {
	background: none;
	}
	
h2#rolls { 
	position: relative;
	overflow: visible;
	text-indent: -999em;
	border: none;
	display: block;
	width: 505px;
	height: 319px;
	background: url(images/rollsNorm.jpg) no-repeat top left;
	z-index: 0;
	margin-top: -61px;
	margin-bottom: -30px;
	}

ul#miniNav {
	position: absolute;
	top: 280px;
	right: 60px;
	width: 344px;
	padding: 10px;
	list-style: none;
	}

ul#miniNav li {
	text-indent: -999em;
	height: 73px;
	width: 53px;
	float: left;
	margin-right: 44px;
	}

ul#miniNav li:hover {
	margin-top: -1px;
	}

ul#miniNav li#designNav { 
	background: url(images/icon_designservices.png) no-repeat top left;
	}
	
ul#miniNav li#energyNav { 
	background: url(images/icon_energy.png) no-repeat top left;
	}
	
ul#miniNav li#greenNav { 
	background: url(images/icon_greenbuilding_hover.png) no-repeat top left;
	}
	
ul#miniNav li#researchNav { 
	background: url(images/icon_research.png) no-repeat top left;
	margin-right: 0;
	}
	
ul#miniNav li#designNav.out { background-image: url(images/icon_designservices.png); }
ul#miniNav li#energyNav.out { background-image: url(images/icon_energy.png); }
ul#miniNav li#greenNav.out { background-image: url(images/icon_greenbuilding.png); }
ul#miniNav li#researchNav.out { background-image: url(images/icon_research.png); }

ul#miniNav li#designNav.hover { background-image: url(images/icon_designservices_hover.png); }
ul#miniNav li#energyNav.hover { background-image: url(images/icon_energy_hover.png); }
ul#miniNav li#greenNav.hover { background-image: url(images/icon_greenbuilding_hover.png); }
ul#miniNav li#researchNav.hover { background-image: url(images/icon_research_hover.png); }	

div.miniSite {
	position: absolute;
	top: 356px;
	right: 60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 344px;
	padding: 10px;
	display: none;
	}
	
div.miniSite h3 {
	font-style: normal;
	color: #fff;
	font-size: 30px;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	}
div.miniSite img {
	margin: 10px 0 10px 5px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 3px solid #fff;
	}
div.miniSite ul { 
	font-weight: bold; 
	list-style: square; 
	border-left: 2px dotted #666;
	padding-left: 40px;
	}
div.miniSite li {
	margin: 5px 10px 5px 0;
	white-space: nowrap;
	}
div.miniSite table, div.miniSite td { border: 1px solid #e39004; padding: 0; margin: 0;}

div.miniSite a { color: #000; }

div.miniSite#miniDesign {
	background-color: #e39004;
}

div.miniSite#miniEnergy {
	background-color: #b7af99;
}
div.miniSite#miniGreen {
	background-color: #afc46b;
	display: block;
}
div.miniSite#miniResearch {
	background-color: #b7af99;
}
div.miniSite#miniEnergy table, div.miniSite#miniEnergy td { border-color: #b7af99; }div.miniSite#miniEnergy table, div.miniSite#miniEnergy td { border-color: #b7af99; }
div.miniSite#miniGreen table, div.miniSite#miniGreen td { border-color: #afc46b; }div.miniSite#miniGreen table, div.miniSite#miniGreen td { border-color: #afc46b; }
div.miniSite#miniResearch table, div.miniSite#miniResearch td { border-color: #b7af99; }div.miniSite#miniResearch table, div.miniSite#miniResearch td { border-color: #b7af99; }

div.miniSite a.more { 
	display: block;
	}

div#page-bottom {
	color: #666;
	font-size: 11px;
	border: none !important;
	outline: none !important;
	margin-left: -20px !important;
	}

/* =Energy Services
-------------------------------------------------------------- */
ul#energyNav a {
	color: #b7af99;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	text-transform: lowercase;
	}

ul#energyNav {
	color: #b7af99;
	margin:0;
	border-bottom: 2px dotted;
	height: 40px;
	}
	
ul#energyNav li { 
	float: left; 
	padding: 0;
	margin: 0 13px;
	
	}
ul#energyNav li#first { list-style: none; }

/*make Design headers orange */
body.pageid-6 h2 { color: #e39914 !important; margin-top: -18px; }
body.pageid-6 h1 { color: #e39914 !important; }

/*make Commissioning headers orange */
body.pageid-15 h2 { color: #e39914 !important; margin-top: -18px; }
body.pageid-15 h1 { color: #e39914 !important; }

table.sampleReportTable { font-size: 11px !important; text-transform: capitalize;}
table.sampleReportTable td { vertical-align: top !important;  font-family: helvetica !important}

/* =Green Building
-------------------------------------------------------------- */
body.pageid-10 h1 { color: #a7bb67 !important; }
body.pageid-10 h2 { color: #a7bb67 !important; }

/* The Front Page Tag */
div#theTag {
	display: none;
	}
body.pageid-10 div#theTag, body.pageid-313 div#theTag {
	display: block;
	position: absolute;
	top:-22px;
	left: 50%;
	margin-left: 280px;
	height: 322px;
	width: 151px;
	background: url(images/tag.png) no-repeat top left;
	z-index: 1000;
	}

body.pageid-313 div#primary, body.pageid-203 div#primary, body.pageid-214 div#primary, body.pageid-663 div#primary { margin-top: -60px; }
hr#homeSpacer { height: 0; border:0; margin-top: 90px; }

/*Features */
div.featureEntry img { margin: 0 0 20px 0; border: 1px solid #000; }