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

Stephanie Ognar
Global Stylesheet

Version: 1.0
Author: Poccuo (http://www.poccuo.com)        	

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

@import url('reset.css');
@import url('sifr.css');

body 			{ font-family: Helvetica, Arial, sans-serif; line-height: 18px;}
div#wrapper 	{ width: 800px; margin: 0 auto; }

/* --- Global ------------------------- */

.clear 	{ clear: both; }
.left 	{ float: left !important; }
.right 	{ float: right !important; }

/* --- Header ------------------------- */

div#header 			{ height: 80px; background: url("/_assets/img/grayb.jpg") repeat-x bottom left; margin: 0 0 63px 0; }
h1#logo 			{ display: block; float: left; width: 144px; height: 20px; padding: 40px 0 0 0; }
h1#logo a 			{ display: block; width: 144px; height: 120px; text-indent: -999em; background: url("/_assets/img/logo.gif") no-repeat; }

ul#navigation 									{ display: block; width: 330px; float: right; margin-top: 35px; margin-right: -18px; }

	ul#navigation li 								{ float: left; display: inline; background-image: url(/_assets/img/menu_sprite.gif);}
	ul#navigation li a 								{ height: 30px; display: block; text-indent: -10000px; background-image: url(/_assets/img/menu_sprite.gif);}
	ul#navigation li a:hover 						{ }

	ul#navigation li.work							{ width: 70px;}
	ul#navigation li.work a 						{ width: 70px;}
	ul#navigation li.work a:hover 					{ background-position: 0 -30px;}
	ul#navigation li.work.active,
	ul#navigation li.work.active a 					{ background-position: 0 -30px;}

	ul#navigation li.bio 							{ width: 103px; background-position: -70px 0;}
	ul#navigation li.bio a 							{ width: 103px; background-position: -70px 0;}
	ul#navigation li.bio a:hover	 				{ background-position: -70px -30px;}
	ul#navigation li.bio.active,
	ul#navigation li.bio.active a 					{ background-position: -70px -30px;}

	ul#navigation li.news							{ width: 71px; background-position: -173px 0;}
	ul#navigation li.news a 						{ width: 71px; background-position: -173px 0;}
	ul#navigation li.news a:hover 					{ background-position: -173px -30px;}
	ul#navigation li.news.active,
	ul#navigation li.news.active a 					{ background-position: -173px -30px;}

	ul#navigation li.contact						{ width: 86px; background-position: -244px 0;}
	ul#navigation li.contact a 						{ width: 86px; background-position: -244px 0;}
	ul#navigation li.contact a:hover 				{ background-position: -244px -30px;}
	ul#navigation li.contact.active,
	ul#navigation li.contact.active a 				{ background-position: -244px -30px;}

/*
ul#navigation 				{ display: block; padding: 44px 0 0 0; text-align: right; }
ul#navigation li 			{ display: inline; padding: 0 0 0 37px; letter-spacing: normal; }
ul#navigation li a 			{ text-decoration: none; color: #98bdd1; font-weight: normal; font-size: 14px;}
ul#navigation li a:hover 	{ color: #085a82; }
*/
body.work li.work a, body.bio li.bio a, body.news li.news a, body.contact li.contact a { color: #085a82 !important; }

/* --- Footer ------------------------- */

p#footer	{ font-size: 10px; color: #aaa; padding: 40px 0 15px 0; text-align: right;}

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

div#content 							{ clear: both; }
div#content .large 						{ font-weight: bold; padding: 0 0 35px 0; line-height: 22px; color: #999; font-size: 18px; }
div#content .medium 					{ font-weight: normal; padding: 0 0 35px 0; line-height: 18px; color: #999; font-size: 14px; }
div#content .medium h2 					{ color: #085a82; font-size: 18px; line-height: 18px; padding: 0; margin: 0 0 1em 0; }
div#content .medium p.description		{ color: #87AFC7; font-size: 12px; font-style: italic; margin: -.5em 0 1em 0;}
div#content .medium p					{ margin: 0 0 1em 0;}


div#content .controls 					{ border-top: 2px solid #87AFC7; padding: 7px 0 0 0; font-size: 18px; line-height: 22px; color: #87AFC7; }
div#content .controls span.right a 		{ text-decoration: none; color: #0D476E; }
div#content .controls span.left 		{ color: #87AFC7; }

div#content .blue 				{ background-color: #87AFC7; font-size: 14px; line-height: 17px; color: #fff; padding: 22px; }
body.bio div#content .blue 		{ width: 486px; margin-left: 4px; height: 220px; float: right; }
div#content .blue a 			{ color: #0D476E; text-decoration: none; font-size: 12px; }
	
body.news div#content div.left 			{ width: 532px; }	
body.news div#content div.left div 		{ border-top: 2px solid #87AFC7; }
	
div#content div.entry 			{ padding: 22px 0; }
div#content div.entry h2 		{ color: #085a82; font-size: 18px; line-height: 18px; padding: 0; margin: 0; }
div#content div.entry h4 		{ color: #085a82; font-size: 12px; line-height: 17px; padding: 0 0 18px 0; margin: 0; }
div#content div.entry img	 	{ padding-bottom: 18px; margin: 0 0 10px 0; display: block; }
div#content div.entry p 		{ line-height: 18px; color: #999; font-size: 14px; padding-right: 10px; margin: 0 0 1em 0; }
div#content div.entry a			{ color: #0D476E; text-decoration: none; }
div#content div.entry a:hover	{ color: #0D476E; text-decoration: underline; }
div#content div.entry ul 		{ list-style-type: disc; color: #999; padding: 20px 40px; line-height: 18px; font-size: 14px; }
div#content div.entry ol 		{ list-style-type: decimal; color: #999; padding: 20px 40px; line-height: 18px; font-size: 14px; }

div#content.four_oh_four h1 			{ color: #085a82; font-size: 18px; line-height: 18px; padding: 0; margin: 0 0 1em 0; }
div#content.four_oh_four h2 			{ color: #999; font-weight: normal; font-size: 16px; line-height: 18px; padding: 0; margin: 0 0 1em 0; line-height: 24px;}
div#content.four_oh_four ol 			{ margin-bottom: 20px;}
div#content.four_oh_four ol li 			{ font-weight: normal; padding: 0; line-height: 18px; color: #999; font-size: 14px; margin: 10px 0 0 40px; padding: 0; list-style-type: decimal;}
div#content.four_oh_four a				{ color: #0D476E; text-decoration: none; }

			
body.news div#content div.right form, body.news div#content div.right dl	{ width: 216px; background: #d9e3e3; display: block; padding: 24px; margin-bottom: 5px; }
body.news div#content div.right dl dt 		{ font-size: 18px; line-height: 18px; border-bottom: 1px #FFF solid; padding-bottom: 10px;}
body.news div#content div.right dl dd 		{ font-size: 12px; line-height: 18px; padding: 10px 0; border-bottom: 1px #FFF solid;}
body.news div#content div.right dl dd a 	{ text-decoration: none; color: #0D476E; }

body.news div#content div.right form 																{ overflow: hidden; height: 1%; display: block; padding: 24px; width: 216px;}
body.news div#content div.right form input.search_input 											{ float: left; display: inline; border: 1px #E2E2E2 solid; border: 1px #FFF solid; height: 16px; width: 170px; padding: 4px 4px 2px 4px; font: 12px Helvetica Neue, "Helvetica Neue", Helvetica, Arial; color: #666; margin: 0; }
body.news div#content div.right form input.search_submit											{ float: left; display: block; margin: 0; padding: 0; width: 23px; height: 22px; border: 1px #FFF solid; border-left: 0px #0683C2 solid;}
body.news div#content div.right form input.blur														{ color: #AAA;}

/* --- Cycle Plugin ------------------- */

ul.cycle 						{ display: block; width: 800px; margin: 0 0 35px 0; }
ul.cycle li 					{ text-align: center; }
ul.cycle li ul					{ overflow: hidden; width: 800px;}
ul.cycle li ul li				{ width: 264px; float: left; display: inline; margin-right: 4px;}
ul.cycle li ul li.last			{ margin-right: 0;}
ul.cycle li p 					{ margin-top: 5px; float: left; font-size: 11px; font-style: italic; color: #777; }
		
ul#feature_module 				{ height: 460px; }
ul#projects_module 				{ height: 300px; background: url("/_assets/img/grayb.jpg") repeat-x bottom left; }
ul#project_details_module 		{ height: 435px; background: url("/_assets/img/grayb.jpg") repeat-x bottom left; }
ul#project_details_module li 	{ width: 800px; }
ul#project_details_module p 	{ text-align: left; float: none; }
		
p.paginate 						{ display: block; margin: 0px auto; height: 1%; overflow: hidden; }		
p.paginate a					{ text-indent: -10000px; display: block; height: 12px; width: 12px; float: left; margin: 3px 0 0 4px; background: url("/_assets/img/cycle.png") top right; }
p.paginate a.activeSlide		{ background-position: top left !important; }
p.paginate a:hover				{ background-position: top left !important; }
p.paginate a.active:hover		{ background-position: top left !important; }