@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: "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; background-color: #F9F9F9; line-height: 21px; 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; }
        i{ font-style: italic; }

	h1, h2, h3{ font-weight: lighter; }
	h1{ font-size: 28px; margin: 0px; font-weight:normal; margin: 5px 0px 15px 0px; color: #666666; line-height: 28px; }
	    h1.section{ font-size: 28px; color: #999999; margin: 60px 0px 0px 0px; border-left: 5px solid #c9e19f; padding-left: 10px; line-height: 32px; padding-top: 4px; }
	h2 { font-size: 18px; margin: 0px 0px 10px 0px; font-weight: normal; color: #59738b; }
	h3{ font-size: 16px; margin: 0px 0px 0px 0px; font-weight: normal; color: #59738b; }
        h4{ color: #666666; margin-bottom: 20px; margin-top: 0px; }

	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 { margin-top: 10px; }
	
	strong{ font-weight: bold; }
        
        u{ text-decoration: none; border-bottom: 3px solid #c9e19f; }


/***********************************************************
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: 1%; width: 98%; font-size: 12px; }
        footer .copyright{ color: #94a4b3; text-align: right; }
        footer .quote{ color: #ffffff; }
	
    header{ padding: 0px; clear:both; margin: 0px 0px 20px 0px; width: 100%; }
        header h1{ margin: 40px 0px 5px 0px; }
        header h1 a{ border: none; color: #333333; }
        header h2{ color: #666666; font-size: 16px; font-family: "Amasis MT W01 Light", Georgia, "Times New Roman", Times, serif; }

    nav#global{ width: 600px; margin: 0px 0px; float:right; display: block; font-family: "Amasis MT W01 Light", Georgia, "Times New Roman", Times, serif; }
	nav#global ul{ float: right;}
	nav#global li{ float: left; }
	nav#global a
        {
            display: block; background-color: #59738b; color: #FFFFFF; padding: 8px 8px 6px 8px; border:none;
            width: 100px; line-height: 18px; text-align: right; margin: 0px 1px 5px 0px;
            -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;
        }
	nav#global a:hover{ background-color: #c9e19f; color: #333333; }
	nav#global li.spacer { margin: 20px 0px 0px 0px; }
		
    #topstrip
    {
        display: block; background-color: #59738b; width: 175px; height: 10px; margin-bottom: 20px; float: left;
        -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;
    }	
	
	

/***********************************************************
Margins and Sizes
***********************************************************/
		
	.hidden{ visibility: hidden; }
	
	p.leadin{ font-family: "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 36px; color: #6e6e6e;  }
	
	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
***********************************************************/

    #collaborators{}
        #collaborators li h1{ margin: 0; }
        #collaborators li h2{ margin: 0px 0px 10px 0px; }
        #collaborators li{ margin-bottom: 60px; width: 45% !important; padding-left: 0% !important; }
        #collaborators li.odd{ clear: both; padding-right: 10% !important; }
        #collaborators ul{ margin-top: 60px; }
        #collaborators .website{ margin-top: 15px; text-align: right; }
        #collaborators p{ text-align: justify; }
        

    #contact{ margin-top: 60px; }
	#contact h2{ margin: 25px 0px 3px 0px; }
        #contact h1.section{ margin-top: 0px; }
        #contact li{ margin-bottom: 3px; }
	#contact .map_container{ border: #cccccc solid 1px; background-color: #FFFFFF; padding: 1px; display: block; height: 500px; }

	#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 .page h3{ margin: 0; }
    #cv .job{ margin-bottom: 40px; width: 45% !important; margin-right: 5% !important; }
    #cv .awards{ text-align: right; margin-top: 120px; }
                
    #document{}
	#document img{ border: #cccccc solid 1px; margin-bottom: 10px; }


    #featured-work{}
        #featured-work img{ padding: 0; margin: 0; }
        #featured-work a{ border: none; display: block; outline: none; opacity: 1;  }
            #featured-work a:hover{ opacity: .75; }
        #featured-work .twohalfcol{ width: 24% !important; margin-right: 1% !important; }
        #featured-work h1{ font-size: 13px; margin: 0px 0px 25px 0px; line-height: 16px; }


    #gallery{ width: 100%; height: 700px; overflow : visible; 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-leadin{ margin-bottom: 40px; }
        #homepage-leadin p{ font-family: "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 36px; color: #6e6e6e; }
		
    #homepage-inspiration{}
        #homepage-inspiration .all{ text-align: right; margin-top: 60px; }
                
    #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: 100%; height: 100%; display: block; }
	#map a{ border:none; }
                
    #mapRental{ display: block; width: 500px; height: 300px; border: #cccccc 1px solid; }
	#mapRental a{ border:none; }
		
    .page{ /*background-color: #FFFFFF; border: #cccccc 1px solid; display:block; padding: 40px;*/ margin: 40px 0px 0px 0px; }
        .page h2{ margin-top: 40px; }
	.page h3{ margin: 10px 0px 10px 0px; }
	.page li{ padding: 3px 0px; }
	.page{ line-height: 24px; margin-bottom: 15px; }
	.page .contact{ font-family: "Amasis MT W01 Light", Georgia, "Times New Roman", Times, serif; color: #000000; line-height: 24px; }
	.page .leadin{ font-size: 18px; line-height: 32px; }
                
	#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: #c9e19f; }
		#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 .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{ float: left; margin-bottom: 0px; }
        #project .year{ text-align: right; margin-top: 2px; }
        #project .text{ margin: 25px 0px; display: block; clear: both; }
        #project .rights{ font-size: 10px; color: #999999; margin-top: 20px; line-height: 16px; }
                
    #projects{  }
        #projects h1.section{ margin-bottom: 40px; }
        #projects h2{ font-size: 24px; }
        #projects h3{ color: #6e6e6e; font-size: 12px; }
        #projects .year{ clear: both; margin-bottom: 40px; width: 100%; }
        #projects .project{ height: 250px; }
        #projects .twohalfcol{ width: 24% !important; margin-right: 1% !important; }
        #projects a{ border: none; display: block; outline: none; opacity: 1;  }
            #projects a:hover{ opacity: .75; }


	#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; }
        
    .shadow { -moz-box-shadow: 0px 0px 5px #cccccc; -webkit-box-shadow: 0px 0px 5px #bbbbbb; box-shadow: 0px 0px 4px #cccccc; }
	
	
/* 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;
}