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



/* OVERRIDES */







	/* scaling for widescreen monitors - 1440x900 and 1280x800 */



	/* @media all and (device-aspect-ratio: 16/10),(device-aspect-ratio: 15/9),(device-aspect-ratio: 16/9) and (max-device-height:1000px) */



	@media screen and (device-width:1440px) and (device-height:900px), screen and (device-width:1280px) and (device-height:800px)







	{ 



		body 			{ width: 76%; } 



		body.page-template-features-php, body.page-template-drawings-php, body#patterns { width: 100%; } 



		.teampost		{ width:12.15%; margin:0 1px 1px 0; }



		.studio #textbox #left	{ width: 20%; }



		.studio #textbox #right	{ width: 76%; }



		.button a		{ width:180px; min-height:65px; }



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



		.buttonlabel		{ width:120px; }



		.button p		{ width:120px; }



		.stafftext ul.recent li .ptitle	{ display:inline; width:auto; margin:0 8px 0 0; }



		.stafftext ul.recent li .pinfo	{ width:80%; }



		.contactimg		{ width:33%; }



		form#contact		{ width:63%; }



                #contact .shade		{ margin-bottom:16px; }



		.catdisplay		{ width:69%; }



		.catinfo		{ width:28%; }



		#blogmain #social	{ width:250px; padding:15px; }



	}  



	@media screen and (max-width:1150px)	{ 



		.teampost 		{ width:12%;  } 



		.featured a .title	{ width:34%; }



		a.fb			{ margin-top:5px; line-height:1.2em; }



		#blogmain #social	{ width:250px; padding:15px; }	

		.page-id-10331 .studio #textbox #right	{ max-width:65%; }



	}





	@media screen and (max-width:1000px)	{ 



		.page-id-10331 .studio #textbox #right	{ max-width:62%; }



		.featured 	{ width:33%; margin:0 1px 1px 0; }



		.featured a .title .details, .featured a .title .view { display:none; }



		.featured a .title, .featured a .title.left		  { top:80%; height:14%; width:94%; }



		.featured a .title h1				  { border:0; font-size:1.2em; }



		.page-template-projectlist-php #imagebox 	  { margin-bottom:15px; }



		.page-template-projects-php #imagebox 	  { margin-bottom:15px; }



		.publications .pub .info .links		{ display:none; }



	}







	@media screen and (max-width:940px)	{ 



		.page-id-10331 .studio #textbox #right	{ max-width:55%; }



		.teaminfo	{ padding:2px 4% 2px 4%; }



		.teaminfo h2	{ font-size:.8em; line-height:.9em; margin:2px 0 2px 0; }



		#textbox #left	{ width:28%; }



		#textbox #right	{ width: 68%; }



		ul.indent	{ float:none; }



		#property	{ margin-top:20px; }



		#property.fifteen { width:700px; }



		ul.propmenubox	{ margin:20px 0 0 50px; }



		.page-template-projectlist-php #textbox .left  { float:left; width:100%; height:auto; padding:0; margin-bottom:20px; }



		.page-template-projectlist-php #textbox .right	{ float:left; width:100%; height:auto; padding:0; background-image:none; }



		.page-template-projects-php #textbox .left  { float:left; width:100%; height:auto; padding:0; margin-bottom:20px; }



		.page-template-projects-php #textbox .right	{ float:left; width:100%; height:auto; padding:0; background-image:none; }



		.page-template-drawings-php, .page-template-features-php  { max-width:700px; }



		.stafftext ul.recent li .ptitle	{ display:inline; width:auto; margin:0 8px 0 0; }



		.contactimg	{ display:none; }



		form#contact	{ width:100%; }



		.success		{ width:94%; }



		.pub object	{ margin-left:60px; }



		.pub .info 	{ float:left; position:static;margin:20px 0 0 0; padding:0; background:none; } 



	}  







	@media screen and (max-width:850px)	{ 



		.hide850  { display:none; } 		







	} 







	/* this one should go last to override some of the 76% corrections */



	@media screen and (device-width:1440px) and (device-height:900px) and (max-width:1100px), screen and (device-width:1280px) and (device-height:800px) and (max-width:1100px)	{







		.hide850  { display:none; }



		#property	{ margin-top:20px; margin-right:0px; }



		#property.fifteen { width:650px; }



		ul.propmenubox	{ margin:20px 0 0 50px; }



	}







	@media screen and (device-width:1440px) and (device-height:900px) and (max-width:1310px), screen and (device-width:1280px) and (device-height:800px)  {



		.teampost		{ width:12%; margin:0 1px 1px 0; }



		.featured	{width:33%; height:49%; margin:0 2px 2px 0; }



		.featured a .title .details, .featured a .title .view { display:none; }



		.featured a .title, .featured a .title.left		  { top:80%; height:14%; width:94%; }



		.featured a .title h1				  { border:0; font-size:1.3em; }



	}















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



/* PRINT STYLES */







@media print {







body			{ font-size:12px; }



body a 			{ color:#000; }



.sf-menu li a, a.map	{ color: #718A0F; }



.page-template-projects-php .sf-menu li a#projects, .single .sf-menu li a#projects, .category .sf-menu li a#projects,  



.page-template-wholeness-php .sf-menu li a#wholeness, .page-template-studio-php .sf-menu li a#about, 



.page-template-projectlist-php .sf-menu li a#projects { color:#718A0F; }



#next, #prev, .studio #imagebox, #blogmain #subnav, #respond, a.moreinfo, #imagemenu { display:none; }



.studio #left .shade	{ background:#000; opacity:1; color:#000; font-size:10px; }







}







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



/* mobile stylesheet */







	@media screen and (max-width:640px){ 



		body 			{ width:96%; margin:0 2% 0 2%; padding:0; max-width:640px; min-width:290px; } 



		#container     		{ width:100%; margin:0px; }



		header        		{ float:left; min-width:290px; margin:0; padding:20px 0 15px 0; }



		header img		{ float:left; margin-right:2%; width:100px; }







		.nonmobile		{ display:none; }



		.mobile			{ display:inline; }







		#firminfo, .single #textbox #left, .pbox, img#image02, img#image03, img#image04, img#image05, img#image06,



		img#image07, img#image08, .home #textbox #left, #imagebox .bkg, .login, .button, a.moreinfo, footer p.right, .currentcat,



		.projectsmain #imagebox, .projectsmain .line, .studio .line, #social, .contactimg, .contact .shade, .facebook, .studio #textbox #left



					{ display:none; } 







		.sf-menu		{ width:80%; float:left; margin:18px -3px 0 0; font-size:10px; }



		.sf-menu li		{ margin-left:2%; font-size:1.1em; }



		.sf-menu li a		{ padding:2px 4px 2px 4px; }







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



		#imagebox		{ float:left; width:auto; height:auto; }



		#horizontal		{ float:left; width:100%; }



		#vertical		{ display:none; }



		.category #horizontal	{ left:0; }







		#textbox #right		{ background:none; }







		.home #textbox		{ float:left; margin:-10px 0 15px 0; }



		.home #textbox #right	{ float:left; margin-top:30px; width:100%; }







		.category #textbox	{ float:left; width:100%; margin-top:10px; }



		.category #textbox #left	{ width:94%; margin:0 3% 0 1%; padding:0 0 0 2%; }



		.category #textbox #right	{ width:96%; margin:0 3% 0 1%; }



		.category #textbox #left .light	{ font-size:1em; line-height:1.6em; color:#000; }



		.category #textbox #right.menu ul.col1, .category #textbox #right.menu ul.col2	



						{ width:100%; margin:0; }







		.single #textbox	{ float:left; margin:15px 0 0 0; max-width:640px; }



		.single #textbox #right { float:left; width:96%; margin:0 2% 0 0;  }



		.page-id-10331 .studio #textbox #left	{ display:none; }

		.page-id-10331 .studio #textbox #right	{ float:left; width:96%; max-width:96%; margin:25px 3% 0 1%; }	

		.studio #textbox #right	{ float:left; width:96%; max-width:96%; margin:25px 3% 0 1%; }	







		#c-link			{ margin:10px 0 10px 0; }







		.awards #textbox #left	{ display:none; }



		.awards #textbox #right	{ margin-top:20px; }



		.awards h1		{ margin-bottom:10px; }



		.awards .year		{ margin-top:10px; width:98%; padding:2px 0 2px 2%; }







		.directions #textbox #left	{ display:none; }



		.directions #textbox #right	{ width:96%; margin:-10px 3% 0 1%;  }



		#google		{ display:none;  }

		





		.contact		{ float:left; width:96%; margin-left:3%; margin-right:1%; }

		.contact h1		{ margin:55px 0 10px 0; }

		.contact.postbody { margin-left: 0; width:92%; }

		#contact button		{ display:block; margin-left:80%; }



		form#contact label	{ width:20%; margin-top:5px; }



		form#contact textarea, form#contact input { width:72%; float:right; margin:5px 2% 0 2%; }







		#next .arrow 		{ margin: 4px 0 5px 8px; font-size:15px; }



		#prev .arrow 		{ margin: 4px 8px 5px 0; font-size:15px; }



		#next 			{ height:27px; -moz-border-radius-topleft: 10px; 



					  -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; 



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



					  border-bottom-left-radius: 10px; bottom:10px; }



		.category #next, .category #next .arrow	{  }



		



		#prev 			{ height:27px; -moz-border-radius-topright: 10px; 



					  -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;



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



					  border-bottom-right-radius: 10px; bottom:10px; }







 		#next		{  -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); }



		#prev		{ -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); }







		.projectsmain #textbox 		{ float:left; width:96%; margin:20px 3% 0 1%; }



		.projectsmain #textbox #left	{ width:100%; }



		.projectsmain #textbox #right	{ width:100%; margin:-30px 0 0 0; }



		ul.pcol				{ width:100%; float:left; margin:0; padding:0; font-size:1em; }







		.blogpost h1 a, .blogpost .blogentry, .blogcomments, .comment-notes    	{ width:100%; }



		.blogentry .imgbox, .blogentry .imgbox100, .blogentry .imgbox40 { display:block; width:100%; height:auto; }



		img.stretch33			{ margin-right:10px; margin-bottom:10px; }



		#blogmain .pbutton		{ margin-right:5px; }



		blockquote			{ margin-left:0; margin-right:0; }



		.comment-notes			{ font-size:1em; }



		.metabox, .rsslink		{ display:none; background:transparent; }



		.blogcomments label, #comment	{ float:left; display:block; width:90%; background-image: none; }



		#author			{ margin-left:0px; }



		#respond h3  		{ margin-top:0; }



		#submit			{ margin-right:8px; }







		footer p		{ width:100%; }







	}  /* mobile */