/*

Theme Name: Starkers HTML5

Theme URI: http://nathanstaines.com

Description: Customized portfolio theme for The Kubala Washatko Architects, Inc. Built on <a href="http://nathanstaines.com/archive/starkers-html5-v3">Starkers HTML5 v.3.0</a>, Nathan Staines' update of the original <a href="http://starkerstheme.com/">Starkers</a> theme by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a>.

Version: 3.0

Author: Erin Lawrence

Author URI: http://www.erin-lawrence.com

*/



@import url('http:www.tkwa.com/wp-content/themes/starkers/css/colorbox.css');





/************************************************************************************************************************************/

/* CSS RESET */





	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, 

	del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, 

	label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, 

	figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 



	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }



	html			{ overflow-y: scroll; }

	body 			{ line-height:1;  }

	article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }

	blockquote, q 	{ quotes:none; }

	blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

	a 				{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

	ins 			{ background-color:#ff9; color:#000; text-decoration:none; }

	mark 			{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

	del 			{ text-decoration: line-through; }

	abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

	table 			{ border-collapse:collapse; border-spacing:0; }

	hr 				{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

	input, select 	{ vertical-align:middle; }









/* WP CLASSES */



	.aligncenter	{ display: block; margin: 0 auto; }

	.alignleft		{ float: left; margin: 0 20px 20px 0; }

	.alignright		{ float: right; margin: 0 0 20px 20px; }

	.wp-caption		{ border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }









/* FONTS - package via FontSquirrel/type designer: Jos Buivenga */



@font-face {

	font-family: 'Anivers';

	src: url('http://www.tkwa.com/wp-content/themes/starkers/css/anivers/anivers_regular-webfont.eot#') format('embedded-opentype'), 

	     url('http://www.tkwa.com/wp-content/themes/starkers/css/anivers/anivers_regular-webfont.woff') format('woff'), 

	     url('http://www.tkwa.com/wp-content/themes/starkers/css/anivers/anivers_regular-webfont.ttf')  format('truetype'),

	     url('http://www.tkwa.com/wp-content/themes/starkers/css/anivers/anivers_regular-webfont.svg#webfontD3dwCFYY') format('svg');

	     font-weight: normal; font-style: normal;

	}











/************************************************************************************************************************************/

/* STRUCTURE */



	body     { width: 100%; max-width:1280px; min-width:750px; margin: 0 auto 0 auto; 

			  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Lucida, Arial, sans-serif;

			  font-size:.75em; line-height:1.6em; color:#5e5e5e; height:100%;   }

	#container     	{ position:relative; float:left; width:92%; height:auto; margin: 0 4% 0 4%; }

	article			{ float: left; width: 100%; height:auto; }







/************************************************************************************************************************************/

/* TYPOGRAPHY */



	p			{ margin:0 0 15px 0; }

	a			{ color:#8ba446; text-decoration:none; }



	strong		{ color:#000; }



	h1			{ font-family: Anivers, Trebuchet, "Trebuchet MS", Arial, sans-serif; font-size:2em; line-height:1.2em; color:#000;  }

	.home h1	{ font-size:1.2em; margin-bottom:15px; color:#000; text-transform:none; font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Lucida, Arial, sans-serif; line-height:1.6em; }

	#pagebox h1	{ margin-top:15px; }

	.stafftext h1	{ margin:0 0 4px 0; }



	h2 			{ font-size:1em; line-height:1.4em; color:#000; font-weight:bold; } 



	.studio h2		{ margin:30px 0 10px 0; }

	#pagebox h2		{ display:block; width:100%; margin:30px 0 8px 0; }

	#pagebox .stafftext h2	{ margin-top:20px; }

	#pagebox .attachment h2	{ margin:5px 0 3px 0; display:block; width:100%; float:left; }



	h3		{ font-size:1.3em; line-height:1.5em; text-transform:uppercase; font-weight:normal; color:#8ba446; margin: 0 0 8px 0; } 



	#textbox a:hover, footer p a:hover	{ text-decoration:underline; }

	.home #textbox #right a, .studio #textbox #right a, .pattern-writing #textbox a { font-weight:bold; }



	.smalltext		{ font-size: .8em; line-height:.8em; color:#b4be8c; }

	a.map			{ font-size:.9em; color:#8ba446; margin-left:10px; }



	.moreinfo		{ display:inline; cursor:pointer; }

	p.aside			{ font-size:.9em; color:#999; line-height:1.5em; }

	a.backto			{ float:left; display:block; width:auto; margin:10px 0 5px 0; font-size:.9em; }

	.usc			{ text-decoration:underline; }



	.nonmobile		{ display:inline; }

	.mobile			{ display:none; }

	.studio #textbox #right a.linkref		{ font-weight:normal; font-size:11px; }









/************************************************************************************************************************************/

/* HEADER + FOOTER */



	header        	{ float:left; width:100%; height:auto; min-width:750px; padding: 30px 0 38px 0; font-size:.9em; line-height:13pt;  color:#a8b27f; }

	header img	{ float:left; margin-right:20px; width:135px; }

	#firminfo	{ float:left; margin-top:14px; }



	.urbanlab-link  { position:absolute; top:50px; right:-28px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -webkit-backface-visibility: hidden; }

	.urbanlab-link:hover  { opacity:.8; }



	footer		{ float:left; width:100%; height:20px; padding: 2px 0 20px 0; border-top:1px dotted #aaaaaa; color:#999; font-size:.85em; margin-top:50px; }



	footer p	{ float:left; width:auto; margin:0; }

	footer p.right	{ float:right; }

	footer p a	{ color:#666; }









/************************************************************************************************************************************/



/* SUPERFISH MENU - MAIN NAVIGATION */



/*** ESSENTIAL STYLES ***/



.sf-menu, .sf-menu *{ margin:0; padding:0; list-style:none; }

.sf-menu 			{ line-height: 1.0;  }

.sf-menu ul 		{ position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }

.sf-menu ul li 		{ width:100%; }

.sf-menu li:hover 	{ visibility:	inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li 		{ float:left; position:relative; }

.sf-menu a 			{ display: block; position:relative; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul 

					{ left:0; top:2.5em; /* match top ul list item height */ z-index:99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul 

					{ top:-999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul 

					{ left:10em; /* match ul width */ top:0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul 

					{ top:-999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul 

					{ left:	10em; /* match ul width */ top:	0; }





/*** CUSTOMIZED SKIN ***/



.sf-menu 		{ position:absolute; right:150px; width:350px; height:18px; margin:31px -3px 0 -12px; text-transform:uppercase; letter-spacing:1px; z-index:100; }

.sf-menu a 		{ text-decoration:none; }



.sf-menu li		{ float:right; margin-left:12px; background:#fff; }

.sf-menu li a		{ float:left; padding: 3px 5px 3px 5px; cursor:pointer; }

.sf-menu li a:hover, .sf-menu li a:focus, .sf-menu li a:active, sf-menu li a:visited, .sf-menu li.sfHover a

			{ background:#819116; color:#fff;  }

#projectsmobile		{ display:none; }



	.page-template-projects-php a#projects, .single-post a#projects, .category a#projects, .page-template-success-php a#about,

	.page-template-projectlist-php a#projects, .category-blog li a#projects:hover, .page-template-contact-php a#about,

	.archive .sf-menu a#blog, .page-template-blog-php .sf-menu a#blog, .single-blog .sf-menu a#blog, .archive.category .sf-menu a#blog:hover, 

	.page-template-wholeness-php a#wholeness, .page-template-studio-php a#about, .single-staff a#about, .page-template-directions-php a#about,

	.page-template-awards-php a#about, .page-template-sustainable-php a#about, .page-template-pattern-writing-php a#wholeness,

	.page-template-fifteen-properties-php a#wholeness, .page-template-wholeness-page-php a#wholeness



			{ background:#819116; color:#fff; }



	.page-template-projects-php a#projects:hover, .single-post a#projects:hover, .category a#projects:hover, .page-template-success-php a#about:hover,

	.page-template-projectlist-php a#projects:hover, .page-template-wholeness-page-php a#wholeness:hover, .page-template-contact-php a#about:hover,

	.page-template-blog-php .sf-menu a#blog:hover, .single-blog .sf-menu a#blog:hover, .archive .sf-menu a#blog:hover, 

	.page-template-wholeness-php a#wholeness:hover, .page-template-studio-php a#about:hover, .single-staff a#about:hover,

	.page-template-directions-php a#about:hover, .page-template-awards-php a#about:hover, .page-template-sustainable-php a#about:hover,

	.page-template-pattern-writing-php a#wholeness:hover, .page-template-fifteen-properties-php a#wholeness:hover



			{ background:#97A329; color:#fff; }



	/* overrides, do not move or combine */

	

	.category-blog li a#projects, .category .sf-menu a#blog

			{ background:none; color:#a8b27f; }



.sf-menu li ul		{ background:#fff; width:auto; padding:10px; margin-top:-10px; }

.sf-menu li ul li 	{ background:#fff; width:175px; margin-left:-2px; padding:3px; text-transform:capitalize; letter-spacing:0px; font-size:11px; } 

.sf-menu li ul li.about	{ width:auto; min-width:115px; }

.sf-menu li ul li a	{ width:95%; }



.sf-menu li.sfHover ul li a  { background:#fff;  color:#a8b27f; }

.sf-menu li ul li a:focus, .sf-menu li ul li a:hover, .sf-menu li ul li a:active

			{ background:#f5f5f5; background:rgba(224,233,199,0.5); color:#3F471F; }



.sf-menu li.sfHover ul li.viewall a	{ border:1px dotted #C0C99C;  }



/*** shadows for all but IE6 ***/

.sf-shadow ul 		{ padding: 0 8px 9px 0; -moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.3); box-shadow: -5px 3px 5px rgba(0,0,0,0.3); -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;  border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }











/************************************************************************************************************************************/

/* REPEATED ELEMENTS */	



	.postbody       { float: left; width: 92%; padding: 2% 4% 3% 4%; color: #000; background: #f4f5ef; background: rgba(243,244,240,0.75); margin-top: -2px; margin-bottom: 3px; -moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.1); box-shadow: -5px 3px 5px rgba(0,0,0,0.1); }



	.line           { float: left; display: block; width: 100%; border-bottom: 1px solid #d4dbbe; border-bottom: 1px solid rgba(179,188,143,0.7); padding: 1px 0 0 0; margin: 0 0 4px 0; clear: left; }

.page-template-projectlist-php .line, .page-template-studio-php .line, .page-template-projects-php .line

                    { margin: 1px 0 3px 0 }

	.line.moveup	{ margin-top:-18px; }



	.pbutton	 a, #c-link a	{ float:left; width:auto; height:16px; font-size:8px; line-height:15px; background:#666; color:#fff; padding:1px 6px 0 6px; margin:0 6px 0 0; text-transform:uppercase; letter-spacing:1px; font-weight:normal; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

	#c-link a		{ font-size:9px; }

	#textbox .pbutton a:hover, .pbutton a:hover, #c-link a:hover, #contact button:hover, #submit:hover		

					{ text-decoration:none; background:#999; }



	#social			{ border:1px dashed #C0C99C; padding:1%; height:auto; font-size:.9em; line-height:1.4em;  }

	#social h2		{ margin:0 0 4px 0; }

	#social	ul		{ float:left; margin:10px 0 0 25px; }

	#social ul li	{ margin-bottom:4px; }



	.studio #social	{ float:left; width:85%; padding:5%; margin:20px 0 20px 0; font-size:1em; }











/************************************************************************************************************************************/

/* NEXT/PREV */



	#next, #prev	{ width:auto; height:28px; bottom:20px; background:#fff; opacity:1; margin-bottom:7px; font-size:.9em; line-height:1.6em; font-weight:bold; text-transform:capitalize; position:absolute; z-index:99; text-align:right;  }



	#next	{ right:0px; margin-right:-3px;

			  -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; border-top-left-radius: 9px;

			  -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; border-bottom-left-radius: 9px;

			  -moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.4); 

			  box-shadow: -5px 3px 5px rgba(0,0,0,0.4); }



	#prev	{ left:0px; 

			  -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px;

			  -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px;

			  -moz-box-shadow: 5px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 3px 5px rgba(0,0,0,0.4); 

			  box-shadow: 5px 3px 5px rgba(0,0,0,0.4); }



	#next .arrow 	{ float:left; margin: 5px 0 5px 8px; width:auto; text-align:left; font-size:13px; color:#000; text-transform:lowercase; font-family: Anivers, Trebuchet, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight:bold; }



	#prev .arrow 	{ float:right; margin: 5px 10px 5px 0px; width:auto; text-align:right; font-size:13px; color:#000; text-transform:lowercase; font-family: Anivers, Trebuchet, "Trebuchet MS", Arial, sans-serif; padding:0; font-weight:bold; }



	#prev .arrow a, #next .arrow a { color:#000; opacity:.6; filter:alpha(opacity=60); }











/************************************************************************************************************************************/

/* HOME PAGE SLIDESHOW */



	.slideshow img, .slideshowright img 	{ position:absolute; top:0; left:0; z-index:8; float: left; vertical-align: middle; height:100%; }

	.slideshow img.active, .slideshowright img.active 		{ z-index:10; }

	.slideshow img.last-active, .slideshowright img.last-active 	{ z-index:9; }











/************************************************************************************************************************************/

/* PROJECT PAGES  */



	#imagebox				{ float: left; position: relative; max-width: 1280px; height:auto; width:100%; }

	#imagebox .bkg			{ float: left; vertical-align: middle; width: 100%; height: auto;  }

	#imagebox .bkgmobile	{ display:none; }



	#horizontal	{ position:absolute; top:0; left:0; width:65%; max-width:832px; max-height:555px; z-index:1; list-style:none; height:auto; }



	#vertical	{ position:absolute; top:0; right:0; width:35%; max-width:446px; max-height:555px; z-index:1; list-style:none; margin-right:-3px; height: 100%; /* fix scaling issue in Opera */ }



	.category #horizontal, .projects #horizontal, .studio #horizontal, .page-template-projectlist-php #horizontal 

						{ left:35%; border-left:3px solid #fff; height:100%; }

	.category #vertical, .projects #vertical, .studio #vertical, .page-template-projectlist-php #vertical 	  

						{ left:0; height:100%; }



	#horizontal li img, #vertical li img, #horizontal img, #vertical img	

						{ position: absolute; vertical-align: middle; width: 100%; height: auto; }

	#vertical li img, #vertical img		{ height: 100%; /* fix scaling issue in Opera */ } 

	.hidden				{ display: none; }

	.credits 		{ float:left; width:100%; font-size:11px; color:#aaa; }

	#textbox			{ float:left; width:100%; height:auto; margin:30px 0 30px 0; }

	#textbox #left		{ float:left;  width:24%; height:auto; padding:0 2% 0 0; }

	#textbox #right		{ float:right; width: 72%; height:auto; padding:0 0 0 2%; margin-bottom:;

				  background-image: url("/img/1px-green.jpg"); background-repeat: repeat-y; }

	.single-post #textbox #right p	{ margin:15px 0 0 0; }



	ul#imagemenu		{ float:left; width:100%; height:auto; margin:0; padding:0; list-style:none;  }

	ul#imagemenu li		{ float:left; margin:0 5px 5px 0; }

	ul#imagemenu li img	{ float:left;  width:30px; height:30px; vertical-align:middle; filter: alpha(opacity = 30); opacity:.3;  }

	ul#imagemenu li:hover	{ cursor:pointer; }



	#details			{ float:left; width:100%; height:auto; margin-top:12px; font-size:.9em; }

	.detailtag		{ font-size: .8em; text-transform:uppercase; color:#aaa; letter-spacing:1px; margin:0 4px 0 0; }

	#textbox #right .detailtag	{ display:block; margin:0; }

	.links			{ float:left; font-size:.9em; font-weight:bold; margin-top:20px; list-style:none; }

	.links a:before		{ content: "+ "; }

	#textbox #right .links p			{ margin:0; }



	.titlebox		{ float:left; width:100%; margin-bottom:18px; }

	.titlebox h1		{ float:left; margin-right:16px; }



	.pbox			{ float:left; width:280px; height:16px; margin-top:8px; }





	/* deleted for now */

	.buttonbox		{ width:100%; float:left; margin:0; }		

	.button a		{ float:left; width:215px; font-size:.8em; line-height:1.3em; margin:20px 18px 0 0; padding:3px 3px 8px 6px; 

				  border:1px dotted #e0e0e0; color:#5e5e5e; }

	.button a:hover		{ border:1px dotted #dcdcdc; text-decoration:none; background:#f5f5f5; background:rgba(243,244,240,0.3); }

	.button a:focus		{ outline:none; }

	.button img		{ float:left; margin-right:6px; } 

	.buttonlabel		{ float:left; color:#000; font-weight:bold; display:block; width:155px; margin:8px 0 0 0; }

	.button p		{ float:left; display:block; width:155px; margin:5px 0 0 0; }

	#textbox .button a:hover  { text-decoration:none; }



	.currentcat		{ position:absolute; right:0; top:78px; width:415px; height:18px; font-size:11px; background-image:url(http://www.tkwa.com/img/larrow-green.jpg); background-repeat:no-repeat; padding:12px 0 0 13px; }

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

	.currentcat a		{ color:#a8b27f; }











/************************************************************************************************************************************/

/* CATEGORY PAGES */



	.category #textbox #left		{ width: 32.5%; } 

	.category #textbox #right		{ width: 63%; } 

	#right.menu ul.col1, #right.menu ul.col2	{ float:left; width: 49%; height:auto; color:#999; padding:0; list-style:none; }

	#right.menu ul.col1				{ margin:0 2% 0 0; }

	#right.menu ul.col2				{ margin:0 0 0 0; }

	#right.menu ul li				{ padding:0 3px 0 7px; line-height:1.3em; margin-bottom:6px; display:block; }



	.light		{ float:left; width:100%; margin-top:8px; font-size:11px; color:#999; line-height:17px; }











/************************************************************************************************************************************/

/* WHOLENESS PAGES */



	.wholeness #imagebox	{ margin-bottom:0; }

	.wholeness #textbox	{ margin-top:0; color:#000; }

	.wholeness h1		{ float:left; display:block; width:100%; color:#000; margin:8px 0 20px 0; }

	.wholeness h2		{ display:block; width:100%; margin:15px 0 8px 0; }



	.shaded				{ float:left; width:84%; padding:3% 8% 8% 8%; background:#f5f5f5; background:rgba(243,244,240,0.8); color:#000; -moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.2); box-shadow: -5px 3px 5px rgba(0,0,0,0.2); font-size:.9em; }

	.shaded h2			{ font-size:1.2em; font-family: Anivers, Trebuchet, "Trebuchet MS", Arial, sans-serif; }

	.shaded a			{ font-weight:bold; }

	.shaded.main		{ width:94%; padding:2% 3% 3% 3%; margin:25px 0 25px 0; font-size:1em; }



	#contentarea		{ width:94%; padding:2% 3% 3% 3%; margin:25px 0 25px 0; font-size:1em; }

	

	ul.nobullets		{ list-style:none; float:left; margin:5px 0 0 5px; width:100%;  }

	ul.nobullets li		{ float:left; width:100%; margin-bottom:3px; }

	ul.nobullets li h1	{ font-size: 1.6em; margin-bottom:5px; }

	ul.nobullets ul		{ float:left; width:100%; margin:0px 0 10px 20px; list-style:disc; }

	ul.wholeness li		{ margin-left:50px; }

	ul.wholeness		{ font-size: .9em; line-height:1.6em; font-weight:bold; margin-bottom:15px; }













/************************************************************************************************************************************/

/* STUDIO PAGES */



	.teambox			{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; margin-right:-6px; }

	.teampost  			{ float:left; position:relative; width:12.2%; height:32%; overflow:hidden; margin:0 1px 1px 0; border:1px solid #b8b8b8; color:#000; background:#fff; }

	.teampost a			{ color:#000; }

	.teampost a:hover	{ text-decoration:none; }

	.teampost img		{ float:left; width:101%; height:auto; }

	.teampost img:hover	{ opacity:.9; }

	.teaminfo			{ position:absolute; bottom:0; background:rgba(0,0,0,0.4); color:#fff; width:92%; padding:3px 5% 1px 5%; }

	.teaminfo h2		{ font-size:.8em; font-weight:normal; line-height:1em; margin:2px 0 4px 0; color:#fff; }



	.studio #left		{ font-size:.9em; }



	.page-id-10331 .studio #textbox #left	{ width:300px; height:auto; padding:0 20px 0 0; }

	.page-id-10331 .studio #textbox #right	{ width:70%; float:left; height:auto; min-height:475px; padding:0 0 0 15px; margin:-475px 15px 0 320px; }

	





	.studio .shaded h2	{ margin-top:10px; font-size:1.7em; }

	.fbutton			{ height:24px; float:left; margin:6px 6px 28px 0; }

	a.fb				{ height:24px; display:block; font-weight:normal; font-size:.9em; line-height:1.4em; margin:10px 0 0 6px; }

	#c-link				{ clear:left; }

	.blogpost .fbutton	{ margin-top:0; }



	.photo-credit           { float:left; margin-top:5px; color:#aaa; font-style:italic; font-size:11px; line-height:14px; }





	/* DIRECTIONS PAGE */

	

	.page-template-directions-php #textbox #right { margin-bottom:30px; }

	#google			{ float:left; display:inline; margin: 8px 20px 10px 0; padding:6px 10px 6px 10px; border: 1px dotted #D1D98C; }







	/* AWARDS PAGE */

	

	.page-template-awards-php .year 			{ display:block; width:98%; padding:2px 1% 2px 1%; background:#EAEBE0; color:#000; font-weight:bold; margin:30px 0 15px 0; }

	.page-template-awards-php #textbox #right 	{ color:#000; }

	.page-template-awards-php #textbox #right p 	{ margin:0 0 15px 8px; }







	/* SUSTAINABLE DESIGN PAGE */

	

	#image1280			{ position:absolute; top:0; left:0; width:100%; max-width:1280px; max-height:555px; z-index:1; list-style:none; height:auto; }

	#image1280 img		{ position: absolute; vertical-align: middle; width: 100%; height: auto; }

	.studio #left		{ font-size:.9em; }

	ul.sust				{ margin:15px 0 15px 40px;  }

	ul.sust li			{ margin-bottom:10px; }

	ul.sust li em		{ font-size:.9em; }

	.studio p			{ margin:15px 0 0 0; }

	.studio footer p	{ margin-top:0; }











/************************************************************************************************************************************/

/* SINGLE-STAFF PAGE TEMPLATE */



	#staffmain			{ float:left; width:100%; position:relative; margin-bottom:0px; }

	#staffmain h1		{ margin-bottom:20px; }



	#staffmain a.backto:hover 	{ text-decoration:underline; }





	.staffimg			{ float:left; width:18%; z-index:1; height:auto; }

	.staffimg img		{ float:left; width:100%; height:auto; border:1px dotted #aaa; margin-top:15px; }



	.staffimg .contactlink a		{ float:left; padding:1px 3% 1px 3%; line-height:1.3em; background:#333; color:#fff; 

					  margin-top:30px; font-size:.9em; width:94%; margin-top:2px; border:1px solid #000; }

	.staffimg .contactlink	a:hover	{ background:#000; }



	.stafftext				{ float:right; width:79%; z-index:1; height:auto; }

	.stafftext .detailtag	{ float:left; display:block; width:100%; margin:0 0 15px 0; color:#000; }

	.stafftext p			{ margin:15px 0 0 0; }

	.stafftext h2			{ margin:25px 0 8px 0; }

	.stafftext li			{ margin-left:30px; }

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

	.stafftext ul.recent	{ list-style:none; margin-left:-20px; }

	.stafftext a			{ font-weight:bold; }

	.stafftext ul.recent li	{ float:left; height:auto; width:100%; display:block; margin-bottom:12px; }

	.stafftext ul.recent li	.pthumb	{ float:left; width:57px; height:47px; margin-right:8px; border:1px solid #999; }

	ul.recent li .pthumb:hover	{ border:1px solid #000; }

	.stafftext ul.recent li .pinfo	{ float:left; display:block; list-style:none; margin:0; font-size:.9em; line-height:1.4em; width:84%; }

	.stafftext ul.recent li .ptitle	{ float:left; display:block; width:100%; margin:0 0 3px 0; font-size:1.1em; }

	.plocation				{ font-weight:bold; display:block; }













/************************************************************************************************************************************/

/* COLORBOX / DRAWINGS / FEATURES */



	#cboxClose					{ font-family: Anivers, Trebuchet, "Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#000; font-size:13px; bottom:-5px; } 

	.single #cboxLoadedContent	{ border: 1px dotted #B7BAAB; }

	.page-template-drawings-php, .page-template-features-php 	

								{ background:#fff; }

	#pagebox				{ float:left; width:96%; padding:2%; margin:1% auto 2% auto; background:#fff; height:auto; }

	#pagebox h2				{ text-transform:capitalize; }

	#pagebox .attachment	{ margin:25px 0 25px 0; float:left; width:100%; }

	#pagebox .attachment img { float: left; vertical-align: middle; width: 100%; height: auto; margin-bottom:6px; border:1px dotted #aaa; }

	.featurespic			{ float:left; display:inline;  margin: 20px 15px 8px 0; clear:left; border:1px dotted #cdcdcd; }











/************************************************************************************************************************************/

/* 404 PAGE */



	.error404 .postbody			{ height:400px; }

	.error404 .postbody a		{ font-weight:bold; }

	.error404 footer			{ margin-top:50px; }

	.error404 .postbody h2		{ margin:10px 0 25px 0; text-transform:none; font-size:1.1em; line-height:1.7em; }

	.error404 .postbody ul li	{ margin: 0 0 10px 25px; }













/************************************************************************************************************************************/

/* ALL-PROJECTS PAGE */



	.page-template-projectlist-php #imagebox 

			{ margin-bottom:20px; }	



.caps			{ text-transform:uppercase; letter-spacing:1px; color:#000; font-weight:bold; font-size:12px; margin-bottom:4px; }

#featuredbox	{ position:absolute; top:0; left:0; width:100%; height:100%; margin-right:-6px; }

.featured		{ float:left; position:relative; width:33%; height:49%; margin:0 3px 3px 0; background:#f5f5f5; overflow:hidden; }

.featured img	{ width:100%; height:auto; vertical-align:middle; z-index:8; }

.featured a .title			{ position:absolute; right:0; top:0; height:92%; width:28%; background:rgba(0,0,0,0.4); color:#fff; z-index:9; padding:3%; font-size:.85em; line-height:1.45em; }

.featured a .title:hover 	{ background:rgba(0,0,0,0.5); }

.featured a .title.left		{ left:0; }

.featured a .title h1		{ color:#fff; font-size:1.5em; display:block; padding-bottom:6px; border-bottom:1px dotted #aaa; margin-bottom:8px; }

.featured a .title .view	{ position:absolute; bottom:0; right:0; color:#aaa; text-transform:uppercase; padding:12%; }

.featured a .title .view:hover	{ color:#fff; }



.boldlinks a		{ font-weight:bold; color:#819116; }



	.page-template-projectlist-php #textbox .left, .page-template-projects-php #textbox .left			

			{ float:left;  width:15%; height:auto; padding:0 2% 0 0; _width:200px; }



	.page-template-projectlist-php #textbox .right, .page-template-projects-php #textbox .right		

			{ float:right; width: 81%; height:auto; padding:0 0 0 2%; color:#000;

			  background-image: url("/img/1px-green.jpg"); background-repeat: repeat-y; }



	.page-template-projectlist-php #textbox .right ul li, .page-template-projects-php #textbox .right ul li				

			{ padding:0 3px 0 7px; line-height:1.3em; margin-bottom:6px; display:block; }



	.page-template-projects-php #imagebox	

			{ margin-bottom:20px; }



	.page-template-projects-php #textbox .right p a		

			{ color:#000; }



	.filter		{ float:left; width:100%; height:auto; margin-top:30px; }

	.pcol		{ list-style:none; width:33%; float:left; font-size:1em; }



	#archive-browser > div 	{ display: inline-block; padding-right:10px; }

	#archive-browser select	{ width:auto; min-width:100px; }

	#archive-wrapper	{ overflow: hidden; min-height:100px; width:50%; min-width:600px;  }

	#archives-table 	{ border-collapse: collapse; margin: 15px 0 0 0; width: 100%; }

	#archives-table td 	{ padding:0 0 2px 0; }

	#archives-table td:nth-child(3), #archives-table td:nth-child(4) 

				{ white-space: nowrap; }











/************************************************************************************************************************************/

/* IMAGE/LIST/QUOTE STYLES */



	img.inline-thumb	{ display:inline; float:left; margin: 16px 20px 10px 0; height:146px; width:auto; background:#fff; } 

	img.inline-med		{ display:inline; float:left; margin: 15px 20px 15px 0; height:366px; width:auto; background:#fff; } 

	img.inline-200		{ display:inline; float:left; margin: 15px 20px 10px 0; width:30%; background:#fff; } 

	img.inline			{ display:inline; float:left; margin: 15px 20px 15px 0; } 

	img.border			{ padding:5px; border:1px dotted #cdcdcd; background:#fff; }

	img.stretch100		{ display:block; float:left; margin: 0 0 15px 0; width:100%; height:auto; }

	img.stretch50		{ display:inline; float:left; margin: 5px 20px 15px 0; width:50%; height:auto; }

	img.stretch33		{ display:inline; float:left; margin: 10px 20px 15px 0; width:33%; height:auto; }

	img.stretch25		{ display:inline; float:left; margin: 10px 20px 15px 0; width:25%; height:auto; }

	img.top				{ margin-top:0px; }

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



	.bloggallery		{ float:right; width:240px; margin:0 0 15px 15px; }

	.bloggallery img	{ width:100%; height:auto; margin-bottom:4px; padding:3px; border:1px dotted #cdcdcd; background:#fff; }



	ul.numbers			{ list-style:decimal; float:left; display:block; margin-left:25px; padding-left:5px; }

	ul.numbers li		{ margin-bottom:3px; }



	ul.indent			{ margin:0 15px 15px 0; position:relative; }

	ul.indent.double	{ margin:0 15px 15px 15px; position:relative; }

	ul.indent li		{ position:relative; left:15px; margin-bottom:4px; }



	.credit, .related	{ font-size:.9em; font-weight:bold; }

	.credit:before		{ content:"Read the full article: "; }



	.related a:before	{ content:"+ "; }

	.metabox .blogquotes p	{ text-indent:-5px; }

	.metabox .blogquotes p em, .flush	{ text-indent:0; }



	blockquote			{ font-size:.9em; color:#000; font-style:normal; font-weight:bold; margin:18px 18px 0 18px; }

	blockquote.italic	{ color:#999; font-style:italic; font-size:.9em; font-weight:normal; }

	blockquote .credit2 { font-weight:normal; font-style:italic; color:#999;  margin:-10px 0 30px 0; }



	blockquote.italic .credit2	{ font-size:.9em; font-weight:bold; font-style:normal; color:#000; }





.clearfix:after 			{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

* html .clearfix             	{ zoom: 1; } /* IE6 */

*:first-child+html .clearfix 	{ zoom: 1; } /* IE7 */













/************************************************************************************************************************************/

/* CONTACT PAGE */



form#contact, .success			{ width:61%; margin-top:10px; float:right; }

form#contact fieldset, form#contact input, form#contact select		{ display:block; }

.legend						{ margin:8px 4% 8px 0; font-size:11px; color:#666; line-height:16px; }

form#contact label			{ float:left; width:15%; font-size:9px; text-transform:uppercase; letter-spacing:1px; color:#000; font-weight:bold; }

form#contact input, form#contact select				{ margin:0 0 15px 0; }



form#contact textarea, form#contact input			{ border:1px solid #dcdcdc; width:80%; margin-bottom:8px; padding:4px; font-family:font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Lucida, Arial, sans-serif; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background:#fff; }



#contact button, #submit 		{ float:right; width:auto; border:0; margin:8px 4% 0 0; background:#666; color:#fff; font-size:9px; text-transform:uppercase; letter-spacing:2px; padding:3px 8px 3px 8px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; cursor:pointer; }



#submit				{ font-size: 8px; margin-right:0; }

.contactimg			{ float:left; width:35%; height:475px; margin-top:10px; overflow:hidden; border:1px dotted #cdcdcd; }

.contactimg img		{ height:100%; width:auto; }

#message			{ font-family: 'Lucida Grande','Lucida Sans', 'Lucida Sans Unicode', Lucida, Arial, sans-serif; line-height:1.6em; font-size:.9em; }

.success			{ background:#EAEDDE; width:55%; padding:3%; font-size:12px; }

.success .legend	{ color:#000; font-size: 12px; }

#contact .shade		{ background:#EAEDDE; width:92%; padding:3%; font-size:11px; font-weight:bold; margin-bottom:30px; }

#contact .shade a:hover	{ text-decoration:underline; }



form#contact input  { padding:2px 4px 2px 4px; }



.success a			{ font-weight:bold; }

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



form#contact label.website-link, form#contact input.website-link { display:none; }







/************************************************************************************************************************************/

/* PUBLICATIONS PAGE */



.publications h1	{ margin:30px 0 0 0; }

.pub				{ float:left; width:100%; margin:0 0 30px 0; position:relative; padding-top:20px; }

.pub object			{ float:left; margin:0; }

.pub .info			{ float:right; position:absolute; top:0; width:auto; margin:20px 0 0 620px; padding:0 0 0 20px; margin-bottom:;

		background-image: url("/img/1px-green.jpg"); background-repeat: repeat-y; max-height:388px; overflow:hidden; }

.pub .info h1		{ font-size:1.5em; margin:0 0 15px 0; width:auto; }

.pub .info h1 a		{ font-size:12px; font-family: 'Lucida Grande','Lucida Sans', 'Lucida Sans Unicode', Lucida, Arial, sans-serif; }

.pub .info .links	{ margin-top:8px; }





.pclt, .pcrt		{ float:left; width:100%; height:300px; margin-bottom:3px; position:relative; }

.catdisplay			{ float:left; width:73%; height:auto; position:relative;  }

.pclt .catdisplay	{ float:right; }

.catdisplay .bkg	{ width:100%; height:auto; }

.catdisplay .hori 	{ position:absolute; top:0; left:0; width:65%; left:35%; height:300px; overflow:hidden; }

.catdisplay .vert  	{ position:absolute; top:0; right:0; width:35.2%; left:0; height:300px; overflow:hidden; }

.catdisplay .hori img, .catdisplay .vert img		{ position: absolute; vertical-align: middle; width: 100%; height:auto; }

.pcrt .catdisplay h1	{ position:absolute; display:block; right:0; top:40px; background:#fff; padding:8px; font-size:1.4em;

			  -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; border-top-left-radius: 9px;

			  -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; border-bottom-left-radius: 9px;

			  -moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.4); 

			  box-shadow: -5px 3px 5px rgba(0,0,0,0.4); }  

.pclt .catdisplay h1	{ position:absolute; display:block; left:0;  top:40px; background:#fff; padding:8px; font-size:1.4em;

			  -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px;

			  -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px;

			  -moz-box-shadow: 5px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 3px 5px rgba(0,0,0,0.4); 

			  box-shadow: 5px 3px 5px rgba(0,0,0,0.4); }



.catinfo			{ position:absolute; right:0; width:25%; padding:0 0 0 2%; background:#fff; min-width:200px;  }

.pclt .catinfo		{ left:0; padding:0 3% 0 0; }

.list				{ list-style:none; margin:0; font-size:.95em; line-height:1.6em; }

.pclt .list			{ text-align:right; margin-top:20px; }



.catinfo h1			{ font-size:1.6em; margin-bottom:8px; }

.projectsmain #textbox	{ margin:30px 0 60px 0; }







body#gingko			{ background-image:url(http://www.tkwa.com/img/gingko-bkg.jpg); background-position:0 70px; }

#whiteheader		{ position:absolute; top:0; left:0; width:100%; background:#fff; height:78px; z-index:0; }



#footerwhite		{ position:absolute; bottom:0; left:0; width:100%; background:#fff; height:50px; z-index:0; }

#footerfloat		{ position:relative; bottom:0; width:100%; max-width:1280px; min-width:750px; margin: 0 auto 0 auto; }

#gingko footer		{ border:none; width:92%; height:auto; margin: 0 4% 0 4%; }



#wholenesstitle		{ position:absolute; top:-86px; right:0; color:rgba(255,255,255,0.6); font-size:100px; line-height:100px; margin-right:4%;  }



.sectionbox {

	position:absolute; top:110px; width:100%; 

/*  -webkit-transform-origin: center 450px;

     -moz-transform-origin: center 450px;

      -ms-transform-origin: center 450px;

       -o-transform-origin: center 450px;

          transform-origin: center 450px; */

}



.sectionbox #featuring { position:absolute; left:30%; top:60%;

width:300px; height:300px; background:#fff; z-index:99; padding:20px; text-align:center; 



     -moz-transform: scale(0.3333);

/*

  -webkit-transform: scale(0.3333);

      -ms-transform: scale(0.3333);

       -o-transform: scale(0.3333);

          transform: scale(0.3333); */

}



a.click	{display:block; width:100%; height:100%; margin:0; cursor:pointer; }