/* 
Theme Name: Sustainable CA
Theme URL: http://www.sustainableca.com
Description: Let's build this thing
Author: Garrett Miller
Author URI: http://heyitsgarrett.com
Version: 1.0
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

html {
    background: #a6ba8c url('images/BG_page.jpg') top left repeat-x;
    height: 100%;
}

html>body {
    min-height: 100%;
    height: auto;
}

body {
    margin: 0;
    padding: 0;
	background: url('images/BG_pagePhoto.jpg') top center no-repeat;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #054F45;
	text-decoration: none;
}

h1, h2, h3, h4, h5, #header ul, #content-left ul {
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 18pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #003B5F;
}

h2 {
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #054F45;
}

	h2 a {
		color: #054F45;
	}
	
	#content-left h2 a {
		padding: 0 !important;
		margin-right: -8px;
		border: none !important;
		background: none !important;
		color: #146F63 !important;
	}
	
h3 {
    margin: 15px 0 10px 0;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #277F73;
}

h4 {
    color: #54807d;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

hr {
    background-color: #ccc;
    border: none;
    height: 1px;
}

input, textarea {
    font: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 3px 5px;
    border: 1px solid #ccc;
}

#container {
	width: 960px;
	text-align: left;
}

#header {
	display: block;
	width: inherit;
	height: 300px;
}

ul#meta-navigation, ul#navigation {
	white-space: nowrap;
	display: block;
	float: right;
	width: 600px;
	padding: 0;	
}

ul#meta-navigation li, ul#navigation li {
	display: inline;
	list-style-type: none;
}

ul#meta-navigation {
	margin: -90px 30px 0 0;	
}

ul#navigation {
	margin: -50px 30px 0 0;
}

ul#meta-navigation li a {
	display: block;
	float: right;
	margin-left: 25px;
	color: #95EFD4;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9pt;
}

ul#navigation li a {
	display: block;
	float: right;
	margin-left: 28px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11pt;
}

ul#meta-navigation li a:hover, ul#navigation li a:hover {
	color: #93EF00;
}

#container-content {
	background: url('images/contentBorder.png') top center repeat-y;
}

#content {
	display: block;
	width: 900px;
	margin: -150px 0 0 30px;
	background-color: #fff;
	color: #00131F;
	background: #fff url('images/leftColumnBG.gif') top left repeat-y;
}

#content-left {
	width: 280px;
	min-height: 500px;
	float: left;
	margin-right: 10px;
	background: url('images/leftColumnBG_top.gif') no-repeat top left;
}

#content-right {
	width: 590px;
	_width: 600px;
	float: left;
	min-height: 500px;
	padding: 10px 5px;
}

#footer {
	padding: 10px 0;
	text-align: center;
	color: #798F59;
}

#footer a {
	color: #586F37;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

/* ///////////////////////////////////////////////////////////////// */
/* /// SUB IDs          //////////////////////////////////////////// */
#content-single {
    background: #fff;
    min-height: 500px;
    padding: 10px;
}

#content-left {
	text-align: right;
}

#content-left h2 {
	color: #62a18b !important;
	padding-top: 5px;
	padding-right: 10px;
	font-size: 18pt;
}

#content-left ul {
	list-style-type: none;
	padding: 5px 10px 10px;
}

#content-left ul li {
	font-size: 14px;
}

#content-left ul li a {
	display: block;
	padding: 3px 5px;
	border-bottom: 1px solid #C4DF99;
	text-transform: uppercase;
	color: #526F22;
	text-align: right;
}

#content-left ul li a:hover {
	background-image: url('images/transWhiteBG.png');
	border-bottom: 1px solid #91AF62;
}

#content-left ul li li li {
	font-size: 12px;
	padding: 1px 0;
	margin-right: -5px;
	border: none;
}

#searchform {
	padding: 40px 0 25px 0;
	text-align: center;
}

#searchform input#s {
	padding: 3px;
	margin-right: 5px;
	color: #333;
}

#content-right a {
    color: #DF4E00;
    text-decoration: underline;
}

#content-right a:hover {
    color: #DF7800;
}

#content-right h2,
#content-single h2 {
    margin-bottom: 5px;
}

#content-right h2 a,
#content-single h2 a {
	font-size: 18pt;
	color: #054F45;
	text-decoration: none !important;
}

#content-right p,
#content-single p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

#content-right ul,
#content-single ul {
    font-size: 13px;
    line-height: 22px;
    margin: 15px 0px 15px 40px;
}

#content-right strong,
#content-single strong {
    font-weight: bold;
}

#content-right em,
#content-single em {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #17647F;
}

.blog .news-post {
    position: relative;
    margin-bottom: 40px;
    background: url('images/news-postBG.jpg') no-repeat top left;
}

.blog .news-post .calendar {
    position: absolute;
    top: 12px;
    left: 537px;
    width: 40px;
    height: 50px;
    text-transform: uppercase;
    text-align: center;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
    font-weight: bold;
}
    
    .blog .news-post .calendar .month {
        font-size: 14px;
        line-height: 12px;
        color: #749c57;
    }
    .blog .news-post .calendar .day {
        font-size: 22px;
        line-height: 22px;
        margin-top: -2px;
        color: #46862c;
    }
    .blog .news-post .calendar .year {
        margin-top: -2px;
        font-size: 12px;
        line-height: 12px;
        color: #749c57;
    }
    
.blog .news-post .meta {
    display: block;
    margin-top: 3px;
    padding: 10px 85px 10px;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    color: #77A4BF;
}
.blog .news-post .meta a {  color: #4F819F; }
.blog .news-post .meta a:hover {  color: #22526F; }

.blog .news-post strong {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: -10px;
    color: #22526F;
}

.blog .news-post p {
    line-height: 18px;
    margin-bottom: 15px;
}

.blog .news-post img {
    padding: 5px;
    border: 1px solid #CCDEE2;
}

#postnavigation {
    padding-top: 10px;
    font-family: Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #CCDEE2;
}



/* ///////////////////////////////////////////////////////////////// */
/* /// Welcome Page     //////////////////////////////////////////// */

.welcome {
    background: #fff url('images/BG_homeRightSide.gif') repeat-y top right !important;
}

.welcome .clear {
    padding-bottom: 20px;
}

.welcome .leftColumn {
    float: left;
    margin: 25px 0 0 15px;
    width: 250px;
}

.welcome .centerColumn {
    float: left;
    margin: 25px 0 0 25px;
    width: 350px;
}

.welcome .rightColumn {
    float: right;
    margin: 25px 10px 0;
    width: 200px;
}

.welcome a.button {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    margin-bottom: 10px;
    width: 250px;
}

.welcome a:hover.button {
    background-position: 0 -60px;
}

.welcome .construction  { background-image: url('images/home_buttonConstruction.jpg'); }
.welcome .videos       { background-image: url('images/home_buttonVideos.jpg'); }
.welcome .leed       { background-image: url('images/home_buttonLeed.jpg'); }
.welcome .floorPlans    { background-image: url('images/home_buttonFloorPlans.jpg'); }

.welcome hr {
    background: #ccc;
    border:none;
    clear: both;
    height: 1px;
    margin-bottom: 10px;
}

.welcome .post {
    color: #343434;
    line-height: 22px;
}

.welcome .post .date {
    display: block;
    color: #757575;
    float: left;
    font-weight: bold;
    padding-right: 10px;
    text-transform: uppercase;
    width: 100px;
}

.welcome .post .title {
    display:block;
    float:left;
    height: 20px;
    overflow: hidden;
    width: 230px;
}

.welcome .post .title a {
    text-transform: uppercase;
    color: #2C2F2E;
}

.welcome .post .title a:hover {
    color: #036149;
}

.welcome .post p {
    display: block;
    float: left;
}


.welcome .flickr-photo {
    background: url('images/BG_homeFlickr.png') no-repeat 0 0;    
    float: left;
    height: 90px;
    margin-left: 5px;
    width: 90px;
}

.welcome .flickr-photo img {
    margin: 1px 1px;
}

/* ///////////////////////////////////////////////////////////////// */
/* /// CLASSES          //////////////////////////////////////////// */

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear { 
	clear:both;
}

.logo {
	margin-left: 30px;
	border: none;
}

.photo, .photo-frame {
	display: block;
	width: 590px;
	height: 200px;
}

.photo {
	margin: 10px auto;
}

.photo-frame { 
	background: url('images/photoFrame.png') no-repeat top left;
}

.photo-apollo {	    background: url('images/photographs/apollo.jpg') no-repeat top left; }
.photo-arb {	    background: url('images/photographs/arb.jpg') no-repeat top left; }
.photo-arb2 {	    background: url('images/photographs/arb2.jpg') no-repeat top left; }
.photo-blossoms {	background: url('images/photographs/blossoms.jpg') no-repeat top left; }
.photo-building {	background: url('images/photographs/building.jpg') no-repeat top left; }
.photo-chapel {	    background: url('images/photographs/chapel.jpg') no-repeat top left; }
.photo-downtown {	background: url('images/photographs/downtown.jpg') no-repeat top left; }
.photo-downtown2 {	background: url('images/photographs/downtown2.jpg') no-repeat top left; }
.photo-downtown3 {	background: url('images/photographs/downtown3.jpg') no-repeat top left; }
.photo-downtown4 {	background: url('images/photographs/downtown4.jpg') no-repeat top left; }
.photo-financing {	background: url('images/photographs/financing.jpg') no-repeat top left; }
.photo-finney {	    background: url('images/photographs/finney.jpg') no-repeat top left; }
.photo-finney2 {	background: url('images/photographs/finney2.jpg') no-repeat top left; }
.photo-hall {	    background: url('images/photographs/hall.jpg') no-repeat top left; }
.photo-leed {	    background: url('images/photographs/leed.jpg') no-repeat top left; }
.photo-museum {	    background: url('images/photographs/museum.jpg') no-repeat top left; }
.photo-peters {	    background: url('images/photographs/peters.jpg') no-repeat top left; }
.photo-plug {	    background: url('images/photographs/plug.jpg') no-repeat top left; }
.photo-rendering {	background: url('images/photographs/rendering.jpg') no-repeat top left; }
.photo-retail {	    background: url('images/photographs/retail.jpg') no-repeat top left; }
.photo-sca1 {	    background: url('images/photographs/sca1.jpg') no-repeat top left; }
.photo-sca2 {	    background: url('images/photographs/sca2.jpg') no-repeat top left; }
.photo-sca3 {	    background: url('images/photographs/sca3.jpg') no-repeat top left; }
.photo-sca4 {	    background: url('images/photographs/sca4.jpg') no-repeat top left; }
.photo-science {    background: url('images/photographs/sciencecenter.jpg') no-repeat top left; }
.photo-tappan {	    background: url('images/photographs/tappan.jpg') no-repeat top left; }
.photo-tappan2 {	background: url('images/photographs/tappan2.jpg') no-repeat top left; }

/* ///////////////////////////////////////////////////////////////// */
/* /// COMMENTS         //////////////////////////////////////////// */

.comment_number {
    padding-top: 10px;
    font-family: Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #CCDEE2;
    color: #22526F;
}

.commentlist .quote {

	}

ol.commentlist {
    list-style-type: none;
}
.commentlist li {
    padding: 0 10px 10px;
	margin-top:15px;
	background: #A7CADF;
	color: #0C3F5F;
	}

.commentlist cite {
	display:block;
	padding: 10px 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2C6A8F;
}

.commentlist cite a.url {
    color: #144F6F;
}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#2C6A8F;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a.url:hover, .commentlist cite a:active {
	color: #2C6A8F;
	text-decoration:underline;
	}

.commentlist .comment-moderation {
    padding: 10px 0;
    font-style: italic;
}

#commentsform label {
    display: block;
    margin: 15px 0 -15px;
    text-transform: uppercase;
    color: #4C8CAF;
}

#commentsform input {
    padding: 5px;
}

#commentsform .conditional {
    padding: 20px 0;
    color: #31789F;
    font-size: 12px;
}