/*  
Theme Name: Kraus Fitch
Description: Sustainably cohousable.
Version: 0.8.5
Author: Matthew
Author URI: http://wimmerwebworks.com/
*/

body {
	background: url(images/kfa_bg.jpg) repeat-x left top fixed;
	font-size: 76.01%;
	left: 3em;
	top: 0;
	margin: 0;
}

hr {
	display: none;
}

#wrapper {
	margin: 0;
}

img.framed {
	padding: 10px;
	border: 1px #C7840F dotted;
}

/* LINK STYLES */

a:link {
	color: #222222;
	text-decoration: none;
}

#copy a:link {
	border-bottom: 1px #9b000e solid;
	color: #9b000e;
}

a:visited {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px #999 dotted;
}

#copy a:visited {
	color: #084208
	text-decoration: none;
	border-bottom: 1px #999 dotted;
}

a:hover, .footlight a:hover {
	border-bottom: 1px #9b000e solid;
	color: #9b000e;
}

#copy a:hover {
	border-bottom: 1px #084208 solid;
	color: #084208;
}

a:active {
	
}

/* HEADER */

#header {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #0d0f7e;
	margin-left: 1.1em;
	margin-top: 2.2em;
	width: 90%;
	float: left;
}

#header img {
	float: left;
	margin-right: 1.1em;
	margin-bottom: 1.8em;
}

#headtext {
	padding: 1.6em 0 0 0;
}

h1#title {
	font-size: 2.1em;
	font-weight: normal;
	margin: 0;
}

p#description {
	margin-top: 0.3em;
	font-size: 1.3em;
	font-style: italic;
}

/* NAVIGATION MENU */

#menu {
	color: #222222;
	font: 1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	width: 18em;
	float: left;
	margin-bottom: 3em;
}

#menu ul {
	clear: both;
	margin-left: 0;
	padding-left: 0.9em;
}

#menu ul li {
	list-style: none;
	padding-bottom: 0.5em;
}
#menu ul li ul li {
	padding-left: 1.2em;
}

#menu p {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.3em;
	font-style: italic;
	text-transform: lowercase;
	color: #0d0f7e;
	width: 10em;
	text-align: right;
	padding-right: 1em;
	border-top: 1px #333 solid;
	padding-top: 0.2em;
	margin: 0.6em;
}

/* MAIN CONTENT SECTION */

#main {
	clear: both;
}

#content {
	margin-left: 17em;
	padding-right: 5em;
}

#copy {
	margin: 0 0 5em 3em;
}

#copy h2 {
	color: #C7840F;
	margin: 0;
	padding: 0 1em 0 0;
	font: bold 1.7em/1.3em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	text-transform: lowercase;
}

#copy h3 {
	color: #084208;
	margin: 0;
	padding: 2em 1em 0 0;
	font: bold 1.4em/1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	text-transform: lowercase;
}

#copy h4 {
	color: #0E0E5C;
	margin: 0;
	padding: 2em 1em 0 0;
	font: bold 1.3em/0.9em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	text-transform: lowercase;
}

#copy p {
	color: #222222;
	font: 1.2em/1.5em Georgia, Times, "Times New Roman", serif;
	margin: 0;
	padding: 1em 1em 0 0;
}

#copy ol, #copy ul {
	font: normal 1em/1.5em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
}

#copy ul li, #copy ol li {
	margin-bottom: 0.5em;
}

/* FEATURE */

#feature {
	width: 525px;
	padding: 0;
	float: right;
	margin: 0 0 20px 20px;
}

#frame {
	padding: 10px;
	float: left;
	border: 1px #C7840F dotted;
	margin-bottom: 10px;
}

#frame img {
	border-style: none;
}

#caption {
	padding-top: 10px;
	width: 200px;
}

#caption.tall {
	margin-left: 10px;
	float: left;
	clear: none;
}

#caption h1 {
	color: #C7840F;
	font: italic normal 1.3em Georgia, Times New Roman, Times, serif;
	margin-bottom: 10px;
}

#caption h2 {
	font: bold 1.2em "Arial Narrow", Arial, sans-serif;
	color: #084208;
	margin: 0 0 10px 0;
}

#caption p {
	float: left;
	font: 1.1em/1.3em "Arial Narrow", Arial, sans-serif;
	color: #0E0E5C;
	margin: -7px 0 0;
	padding: 0;
}

iframe {
width:90%;
height:460px;
}
/* FOOTER */

#footer {
	clear: both;
	background: #084208 url(images/footer_bg.png) top left repeat-x;
	margin: 0 0 0 0;
	padding: 1em;
}

.footstyle {
	color: #fff;
	padding: 0;
	font: bold .9em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: right;
	clear: left;
	margin: 0;
}

span.footlight {
	float: left;
}

.footlight, .footlight a, .footlight a:visited {
	color: #003200;
	font-weight: normal;
	border-bottom: none;
} 

#copy #inset {
	float:right;
	padding: 0.4em 0 0.7em 0.7em;
	margin:0.7em;
	text-align: left;
	width: 31em;
	height:auto;
	color: #0E0E5C;
	border: 1px #C7840F dotted;
	font: normal normal 1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
}

#copy #insetsmall {
	float:right;
	padding: 0.4em 0 0.7em 0.7em;
	margin:0.7em;
	text-align: left;
	width: 20em;
	height:auto;
	color: #0E0E5C;
	border: 1px #C7840F dotted;
	font: normal normal 1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
}


#inset ul {
	list-style-type: none;
	list-style:none;
	padding: 0;
}

#insetsmall ul {
	list-style-type: none;
	list-style:none;
	padding: 0;
}


#inset p.insethead {
	margin: 0.2em 0 0.5em 0;
	padding: 0 0 0 0.4em;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.4em;
	font-style: italic;
	text-transform: lowercase;
	color: #9b000e;
	border-bottom: 1px #666 solid;
}

#inset ul.insetsub li {
	font: normal normal 1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	padding-left: 0.8em;
	margin-bottom: 0.5em;
	color: #0E0E5C;
}

#insetsmall ul.insetsub li {
	font: normal normal 1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	padding-left: 0.8em;
	margin-bottom: 0.5em;
	color: #0E0E5C;
}


#copy #inset ul.portfolio {
	width:31em;
	margin-left: 1em;
	list-style-type: none;
	list-style:none;
}

#inset ul.portfolio li {
	float:left;

	list-style-type:none;
	margin-right: 1em;
	padding:.5em;
	width:150px;
}

#inset ul.portfolio li p {
	margin: 0;
	font: normal normal 1em "Lucida Grande", LucidaGrande, Lucida, Arial, Geneva, Helvetica, sans-serif;
	padding: 0;
}

#copy #inset ul.portfolio li a {
	border-bottom: none;
	color: #0E0E5C;
}

#inset ul.portfolio li img {
	border: none;
	padding-right: 1em;
	display:inline;
}