@charset "UTF-8";


/* Styles Reset */

html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	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 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; }
	:focus { outline:0; } /* remember to explicitly define focus styles if you want a click trail */
	body { line-height:1; color:black; background:transparent; }
	ol, ul { list-style:none; }
	table { border-collapse:collapse; border-spacing:0; } /* any tables still need 'cellspacing="0"' in the markup */
	caption, th, td { text-align:left; font-weight:normal; }
	blockquote:before, blockquote:after,
	q:before, q:after { content:""; }
	blockquote, q { quotes:"" ""; }


/* Octothorp Studio Type Style CSS */


	body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #333333; background-color: #F9F9F9; line-height: 16px; margin: 0px 0px 0px 0px; }

	a { color: #000000; text-decoration: none; border-width: 0px 0px 1px 0px; border-color: #000000; border-style: dotted; }
	a:hover { color: #59738b; }

	em{ font-style: italic; }

	h1, h2, h3{ font-family: "Calluna", Georgia, "Times New Roman", Times, serif; }
	h1{ font-size: 28px; margin: 0px; font-weight:normal; margin: 5px 0px 15px 0px; color: #666666; line-height: 28px; }
		h1.section{ font-family: "Museo", "Calluna", Georgia, "Times New Roman", Times, serif; font-size: 31px; color: #999999; }
	h2 { font-size: 18px; margin: 0px 0px 10px 0px; font-weight: normal; color: #59738b; }
	h3{ font-size: 12px; margin: 0px 0px 10px 0px; font-weight: normal; color: #59738b; display: inline-block; }

	hr{ height: 1px; color: #cccccc; background-color: #cccccc; margin: 15px 0px; border:none; }
	hr.head{ height: 5px; color: #212b34; background-color: #212b34; margin: 0px 0px 5px 0px; border:none; }

	img { border: none; }

	p { font-size: 11px; line-height: 21px; margin-top: 10px; display: block; }
	
	strong{ font-weight: bold; }


/***********************************************************
Layout
***********************************************************/
	
	#container { clear: both; display: relative; width: 975px; margin: 0px auto 0px auto; padding: 0px 125px 0px 20px; }
	#content { width: 975px; float: left; min-height: 600px; margin-top: 0px; }
	
	#footer{ background-color: #59738b; clear: both; margin: 30px 0px 0px 0px; padding: 5px; width: 965px; display: inline-block; }
		#footer .copyright{ color: #2c3843; font-size: 10px; width: 100%; text-align: right; }
	
	#header{ display: inline-block; padding: 0px; clear:both; margin: 20px 0px 0px 0px; width: 100%; }
		#header .col1{ display: relative; float: left; }
		#header .col2{ display: relative; float: right; text-align:right; }
		#header .logo{ width: 179px; height: 42px; }
		#header .logo a{ width: 179px; height: 42px; display: block; border:none; }
		#header .logotype{ width: 190px; height: 16px; color: #cccccc; }
		#header .logotype a{ width: 190px; height: 16px; display: block; border:none; }
		#header .lonlat{ width: 195px; height: 31px; float: right;  }
		#header .tag{ font-style:italic; color: #666666; clear:both;  }
	
	#sidemenu { width: 600px; margin: 0px 0px; float:right; display: block;}
		#sidemenu ul{ float: right;}
		#sidemenu li{ float: left; }
		#sidemenu a{ display: block; background-color: #59738b; color: #FFFFFF; font-style:italic; padding: 5px; border:none; width: 100px;  text-align: right; margin: 0px 1px 5px 0px; }
		#sidemenu a:hover{ background-color: #f18348; }
		#sidemenu li.spacer { margin: 20px 0px 0px 0px; }
		
	#topstrip{ display: block; background-color: #59738b; width: 175px; height: 10px; margin-bottom: 20px; float: left; }	
	
	

/***********************************************************
Margins and Sizes
***********************************************************/
		
	.hidden{ visibility: hidden; }
	
	p.leadin{ font-family: Georgia, "Times New Roman", Times, serif; color: #59738b; font-size: 14px; line-height: 24px; margin: 0px;  }
	
	div.link{ width: 11px; height: 4px; display: inline-block; background: url( ../img/page_graphics/icon_link.png ) no-repeat; vertical-align: middle; margin-right: 3px; }
	div.arrow{ width: 11px; height: 5px; display: inline-block; background: url( ../img/page_graphics/icon_arrow.gif ) no-repeat; vertical-align: middle; margin-right: 3px; }
	div.icon_email{ width: 9px; height: 7px; display: inline-block; background: url( ../img/page_graphics/icon_email.gif ) no-repeat; vertical-align: middle; margin-right: 3px; }
	div.pdf{ width: 17px; height: 10px; display: inline-block; background: url( ../img/page_graphics/icon_pdf.gif ) no-repeat; vertical-align: middle; margin-right: 3px; }
	
	span.gray{ color:#999999; }
	
		
/***********************************************************
Content Specific
***********************************************************/

	#contact{}
		#contact h2{ margin: 25px 0px 3px 0px; }
		#contact .col1{ display: inline-block; width: 250px; margin-right: 20px; vertical-align: top; }
		#contact .col2{ display: inline-block; width: 700px; }
		#contact .col_container{ margin-top: 30px; }
		#contact .map_container{ border: #cccccc solid 1px; background-color: #FFFFFF; padding: 1px; }

	#currated{}
		#currated ul{ margin-top: 20px; }
		#currated li{ display: inline-block; margin: 0px 10px 0px 0px; }
		#currated h1.presentation{ margin-top: 20px; }
		#currated h2{ margin-bottom: 5px; }
		#currated .row{ border-color: #CCCCCC; border-style: solid; border-width: 1px 0px; margin: -1px 0px 0px 0px; padding: 15px 10px; clear:both; display:inline-block; width: 955px; }
			#currated .row:hover{ background-color: #FFFFFF; }
		#currated img{ display: block; width: 300px; height: 200px; background-color:#FFFFFF; vertical-align:top; }
		#currated a.img{ display: inline-block; border: solid 1px #cccccc; margin: 0px 3px 0px 0px; padding: 1px; width: 300px; height: 200px; }
		#currated a.img:hover{ border: solid 1px #000000; }
		#currated .content{ display: inline-block; width: 580px; vertical-align: top; margin: 10px 0px 0px 10px; }
		#currated .edge{ width: 20px; display: inline-block; height: 19px; vertical-align: top; margin: 100px 0px 0px 20px; }
		#currated a.arrow{ width: 10px; height: 19px; display: block; background: url( ../img/page_graphics/arrow.gif ) no-repeat; border: none;  }
		
		#currated .allWork{ float: right; clear: both; margin: 20px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; border: none; }
		#currated .leadin{ font-size: 13px; line-height: 21px; margin-top: 15px; }
		#currated .meta{ border-width: 1px 0px; border-style: solid; border-color: #cccccc; margin-top: -1px; padding: 15px 5px; cursor: pointer; }
			#currated .meta h1{ margin: 0px; }
			#currated .meta:hover{ background-color: #ffffff; }
		#currated .overview{ margin: 10px 0px 0px 10px;; display:inline-block; width: 700px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 24px; }
		#currated .projects{ margin: 0px 0px 0px 0px; }
		#currated .group{ border-width: 0px 0px 1px 0px; border-style: solid; border-color: #cccccc; padding: 25px 10px 15px 10px; }
			#currated .process p.leadin{ margin: 0; }
			#currated .col1, #currated .col2{ margin: 0; }
			#currated .collaboration li{ display: block; margin-bottom: 10px; }
			#currated .process ul{ margin: 10px 0px 0px 0px; }
			#currated .process li{ display: block; margin-bottom: 10px; }
			#currated .ligature ul{ margin: 10px 0px; }
			#currated .ligature li{ display: block; margin-bottom: 10px; }
			#currated .ligature img{ border: 1px #cccccc solid; padding: 1px; }
			#currated .ligature .col1 img{ width: 480px; height: 260px; }
		#currated .signature{ background-image: url( ../img/page_graphics/signature.png ); width: 125px; height: 24px; margin-left: 10px; }
		

	#cv{}
		#cv h2{ margin-top: 40px; }
		#cv h3{ margin: 10px 0px 10px 0px; }
		#cv li{ padding: 3px 0px; }
		#cv p{ font-size: 11px; line-height: 24px; margin-bottom: 15px; }
		#cv .work{ font-family: Georgia, "Times New Roman", Times, serif; }
		#cv .contact{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000000; line-height: 24px; }
		#cv .page{ width: 750px; background-color: #FFFFFF; border: #cccccc 1px solid; display:block; padding: 40px; margin: 40px 0px 0px 0px; }
		#cv .leadin{ font-size: 18px; line-height: 32px; }
		
	#document{}
		#document img{ border: #cccccc solid 1px; margin-bottom: 10px; }

	#gallery{ width: 501px; height: 700px; overflow:hidden; background-color:#FFFFFF; }
		#gallery .noflash{ width: 468px; height: 668px; border: solid 1px #cccccc; padding: 15px;  }
        
        #galleryRental{ width: 500px; height: 500px; overflow:hidden; background-color:#FFFFFF; margin-bottom: 25px; }

	#homepage{ margin-top: 25px; }
		#homepage h2{ color: #999999; margin-bottom: 15px; }
		#homepage a{ border: none; }
			#homepage a:hover{ color: #000000; border-width: 0px 0px 1px 0px; border-color: #000000; border-style: dotted; }
		#homepage a.img{ border: #cccccc solid 1px; display: block; width: 202px; height: 135px; }
			#homepage a.img:hover{ border: #000000 solid 1px; }
		#homepage img{ margin: 0px 0px 0px 0px; width: 500px; height: 200px; }
		#homepage .projectimg{ width: 200px; height: 133px; display: block; background-color: #FFFFFF; overflow:hidden; margin: 0px; padding: 1px;  }
		#homepage .item{ width: 200px; float: left; margin: 0px 0px 10px 0px; }
		#homepage .itemr{ width: 200px; float: left; margin: 0px 10px 10px 0px; }
		#homepage .col1{ width: 520px; float:left; margin:0px 0px 25px 0px; }
		#homepage .col2{ width: 414px; float:right; margin:0px 0px 25px 0px; }
		#homepage .quotation{ width: 520px; height: 350px; display: block; background-image: url( ../img/page_graphics/quotation.png ); margin: 0px; }
		
	#inspiration{ display:block; width: 100px; height: 100px; background-image: url( ../img/page_graphics/ode_to_bucky.png ); z-index: 0; margin: 15px 0px 0px -10px; }
		
	#map{ width: 696px; height: 498px; }
		#map a{ border:none; }
                
        #mapRental{ display: block; width: 500px; height: 300px; border: #cccccc 1px solid; }
	    #mapRental a{ border:none; }
		
	#pageTitle{ color: #FFFFFF; width: 600px; float:left; }
		#pageTitle h1{ color: #999999; margin: 5px 0px 30px 0px; }
		
	#photos{ }
		#photos h1{ width: 240px; height: 38px; display: block; overflow: hidden; background: url( ../img/page_graphics/header_photography.png ) no-repeat; margin-bottom: 20px; }
		#photos a{ background-color: #59738b; color: #ffffff; display: block; border: none; width: 240px; padding: 5px; margin-bottom: 1px;  }
		#photos a:hover{ background-color: #f18348; }
		#photos li.selected{ background-color: #8e9fae; color: #ffffff; display: block; border: none; width: 240px; padding: 5px; margin-bottom: 1px; }
		#photos p.leadin{ margin: 0px 0px 15px 0px; }
		#photos .nav{ width: 240px; float: left; margin: 0px 35px 0px 0px; }
		
	#photo_slideshow{ width: 700px; height: 665px; background-color: #f1f1f1; display: block; float: left; }
		
	#project{ margin-top: 25px; }
		#project h1{ font-size: 21px; color: #212b34; margin: 0px 0px 3px 0px; line-height: 21px; }
		#project h2{ margin: 0px 0px 10px 0px; color: #666666; font-size: 14px; clear: both; line-height: 20px; }
		#project a.back{ color: #999999; display:inline-block; margin-top: 25px; border: none; }
			#project a.back:hover{ color: #59738b; }
		#project ul{ clear: both; width: 100%;}
			#project ul.credit_item{ margin: 5px 0px; width: 200px; }
			#project ul.calophon_item{ margin: 5px 0px; }
		#project li{ display: inline-block; vertical-align: top; }
			#project li.item{ display: block; float: left; width: 200px; margin-right: 25px; }
			#project li.row{ border-color: #CCCCCC; border-style: solid; border-width: 0px 0px; margin: -1px 0px 0px 0px; padding: 5px 0px; width: 440px;}
			#project li.field_label{ width: 50px; color: #999999; }
			#project li.field{ width: 375px; }
			#project li.credit_label{ width: 200px; color: #999999; display: block; }
			#project li.credit{ width: 200px; }
			#project li.location{ margin-bottom: 10px; }
                #project ul.bullet{ clear: none; width: 100%; list-style: decimal inside url( ../img/page_graphics/icon_arrow.gif ); }
                        #project li.bulletRow{ display: block; width: 450px; margin-bottom: 10px; }
		#project .content{ float: left; width: 450px; margin: 0px 0px 0px 0px;  }
		#project .slideshow{ float: left; width: 500px; margin-right: 25px; }
		#project .selected{ width: 500px; margin: 0px 0px 20px 0px; border: 1px solid #CCCCCC; min-height: 300px; }
		#project .no_slideshow{ width: 478px; height: 300px; padding: 10px; background-color: #f2f1f1; border: solid 1px #cccccc; }
		#project .thumb{ margin: 0px 4px 4px 0px; border: 1px solid #CCCCCC; }
		#project .thumb:hover{ border: 1px solid #000000; }
		#project .name{ width: 330px; margin-right: 20px; float: left; margin-bottom: 0px; }
		#project .year{ width: 100px; float: left; text-align: right; margin-top: 5px; }
		#project .text{ margin: 25px 0px; display: block; clear: both; }
		#project .rights{ font-size: 10px; color: #999999; margin-top: 20px; line-height: 16px; }
		
	#projectList{}
		#projectList h2{ margin: 25px 0px 10px 0px; font-size: 21px; color: #59738b; font-style:italic; clear:both; }
		#projectList h3{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-transform:none; letter-spacing: 0px; margin: 0px 0px 3px 0px; }
		#projectList .row{ border-color: #CCCCCC; border-style: solid; border-width: 1px 0px; margin: -1px 0px 0px 0px; padding: 5px 10px; clear:both; display:inline-block; width: 955px; }
		#projectList .date{ float: left; font-family: Georgia, "Times New Roman", Times, serif; color:#999999; }
		#projectList .project{ float: left; margin: 0px 10px; }
		#projectList .thumb{ width:50px; height:40px; overflow:hidden; background-image-position:center; }
		
	#projectGrid{}
		#projectGrid h2{ display: block; margin: 0px 0px 15px 0px; font-size: 28px; color: #59738b; font-style:italic; clear:both; }
		#projectGrid h3{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-transform:none; letter-spacing: 0px; margin: 3px 0px 3px 0px; }
		#projectGrid .group{ display:inline-block; width: 100%; padding: 0px 0px 50px 0px; }
		#projectGrid .item{ float: left; display: block; margin: 0px 18px 30px 0px; width: 306px; }
		#projectGrid img{ display: block; width: 300px; height: 200px; background-color:#FFFFFF; }
		#projectGrid a.img{ display: block; border: solid 1px #cccccc; margin: 0px 3px 0px 0px; padding: 1px; width: 300px; height: 200px; }
		#projectGrid a.img:hover{ border: solid 1px #000000; }
		#projectGrid p{ margin: 5px 0px 0px 0px; width: 300px; line-height: 12px; }

	#projectHeader{ width: 100%; }

	#projectView{ float: right; margin-top: 12px; }
		#projectView a{ display: inline-block; border: none; width: 19px; height: 19px; background-color: #FFFFFF; overflow: hidden; }
			#projectView a.grid{ background-image: url(../img/page_graphics/icon_grid_u.png); margin-right: 0px;}
			#projectView a.list{ background-image: url(../img/page_graphics/icon_list_u.png); }
			#projectView a:hover{ background-position: 0px -19px; }
		#projectView span{ display: inline-block; border: none; width: 19px; height: 19px; }
			#projectView span.grid{ background-image: url(../img/page_graphics/icon_grid_d.png); margin-right: 0px;}
			#projectView span.list{ background-image: url(../img/page_graphics/icon_list_d.png); }

	#supplemental{}
		#supplemental ul{ margin: 5px 0px 0px 0px; }
		#supplemental li{ margin: 0px 0px 10px 0px; }
		#supplemental a{ vertical-align: top; margin: 0; }


/***********************************************************
Margins and Sizes
***********************************************************/

	#print_container{ width: 850px; margin: 10px 0px 0px 10px; }

	#col1 { width: 48%; float:left; margin:0px 0px 25px 0px; }
	#col2 { width: 48%; float:right; margin:0px 0px 25px 0px; }
	
	.col1 { width: 48%; float:left; margin:0px 0px 25px 0px; }
	.col2 { width: 48%; float:right; margin:0px 0px 25px 0px; }
	
	.colsetContainer{ display: inline-block; margin-bottom: 25px; }
	.colset3{ display: table; float: left; width: 250px; }
	
	.clear{ clear:both; }
	
	.margin0{ margin: 0px; }
	
	.marginLeft10{ margin-left: 10px; }
	
	.marginRight10{ margin-right: 10px; }
	
	.marginTop0{ margin-top: 0px; }
	.marginTop5{ margin-top: 5px; }	
	.marginTop10{ margin-top: 10px; }
	.marginTop25{ margin-top: 25px; }
	.marginTop30{ margin-top: 30px; }
	.marginTop40{ margin-top: 40px; }
	
	.marginBottom0{ margin-bottom: 0px; }
	.marginBottom25{ margin-bottom: 25px; }
	.marginBottom30{ margin-bottom: 30px; }	
	
	.alignRight{ text-align: right; }
	
	
/* Hacks and Fixes */
/****************************************************************/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
 * html .clearfix { height: 1%; }
	
	
/***********************************************************
Messages and Errors
***********************************************************/
	
	.message{ width: 965px; background-color: #ecfbb6; padding: 5px; border-width: 1px; border-color: #bfd586; border-style: solid; margin: 0px 0px 15px 0px; }
	


/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}

/* Tables */
table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}