/*	General content style sheet for cakmakli.com
	Copyright (c) 2008 Tuncer Çakmaklı Architects. Some rights reserved.
	The design, markup, and css of this website are licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
	To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/
*/

#content div.text {
	margin-left: -1px;
	border: 1px solid #5A5C46;
	width: 37em;
	padding: 1em 2em;
	background: #878968;
	}
#content div.intro {
	margin: 0 0 2em -1px;
	border: 1px solid #444535;
	width: 39em;
	padding: 1em;
	background: #686C51;
	}



#content h1 {
	color: #444535;
	font-size: 1.3333em;
	margin: 0 0 1em;
	}
#content h3, #content h2 {
	color: #444535;
	font-size: 1.1667em;
	margin: 1em 0;
	}
#content h3 a {
	color: #444535;
	}
#content h4 a {
	color: #444535;
	}

#content p, #content li {
	margin: 1em 0;
	}

#content li li {
	margin: 0.5em 0;
	}



#content .map {
	float: right;
	margin-left: 2em;
	}


#content p a, #content li a {
	color: #DADCC6;
	text-decoration: underline;
	}

#content ul {
	list-style: square;
	margin-left: 1.5em;
	}
#content ul.outline {
	list-style: none;
	margin-left: 0;
	}
#content ul ul {
	list-style: circle;
	}
#content ul.outline ul {
	list-style: square;
	}

#content p a:hover, #content p a:focus, #content li a:hover, #content li a:focus, #content h3 a:hover, #content h3 a:focus, #content h4 a:hover, #content h4 a:focus {
	color: #444535;
}
#content p a:active, #content li a:active, #content h3 a:active, #content h4 a:active {
	color: #F8F8F4;
	background: #5A5C46;
	text-decoration: none;
}

#content p.date {
	margin-top: -1em;
	font-size: 0.9167em;
	}
form p {
	text-align: right;
	padding: 0.5em 1em;
	border: 1px solid #C7C9A8;
	background:#999C76;
	}


#projects img {
	position: absolute;
	top: 1em;
	left: 1em;
	width: 5em;
	height: 5em;
	}
#projects p, #projects div {
	font-size: 1em;
	margin: 0 0 1em 6em;
	width: 31em;
	}
#projects h3 {
	font-size: 1.3333em;
	margin: 0 0 0.75em 4.5em;
	width: 22.5em;
	}
#projects li {
	display: block;
	border: 1px solid #5A5C46;
	width: 37em;
	padding: 1em 2em;
	margin: 0 0 1em -1px;
	background: #878968;
	min-height: 5em;
	}
	
#projects ul > li:last-child {
	margin: 0;
	}
#content ul#projects {
	list-style: none;
	margin: 0;
	}
#projects .more, #projects .more a {
	color: #DADCC6;
	}

#projects .location {
	margin-top: -1em;
	}



#content #cases h3 {
	margin: 0 0 0.8571em 10.2857em;
	width: 21.4286em;
	}
#content #cases p, #content #cases h4 {
	margin: 0 0 1em 12em;
	width: 25em;
	}
#content #cases div {
	top: 1em;
	left: 1em;
	}
#content #cases li {
	display: block;
	border: 1px solid #5A5C46;
	width: 37em;
	padding: 1em 2em;
	margin: 0 0 1em -1px;
	background: #878968;
	min-height: 11em;
	}
#content ul#cases {
	list-style: none;
	margin: 1em 0 0;
	}

#content ul#media {
	float: none;
	margin: 0;
	}
#content #media li{
	display: block;
	border: 1px solid #5A5C46;
	width: 27.5em;
	padding: 1em 2em 1em 11.5em;
	margin: 0 0 1em -1px;
	background: #878968;
	}
#content #media img {
	left: 1em;
	}
#content #media p.details {
	margin: 0;
	}
#content #media h3 {
	font-size: 1.1667em;
	line-height: 1.1em;
	margin: 0 0 0.6429em;
	}
#headshot {
	float: right;
	width: 8em;
	height: 10em;
	padding: 0 0 1em 1em;
	}