/*===============================================================

This is the base CSS file for Brent Otterlei's portfolio
Written by: Brent Otterlei
Last update: Jan 25th 09

=================================================================*/

@import url("reset.css");

body {
	padding:0;
	margin:0;
	font-family: Georgia, "MS Trebuchet", sans-serif; /*Georgia (Serif) if available, then step down to San-serif..*/ 
	font-size:12px;
	color:#EEE;
	/*background:#FFF url(../images/bg.jpg) top center repeat-y;*/
}
h1 {
	font-size:220%;
	padding-bottom:10px;
}
h1 span, p span {
	color:#ff4200;
}
h2 {
	font-size:150%;
	font-weight:normal;
}
p {
	padding-bottom:12px;
}
a, a:visited {
	color:#EEE;
}
hr {
	height:1px;
	margin:16px 0 16px 0;
	border:0;
	border-top:1px solid #352e2b;
}
.clearBlock {
	padding:0;
	margin:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
	clear:both;
}
.mainHeader {
	padding:0 0 20px 0;
	color:#24201e;
}
.mainHeader h1 {
	letter-spacing:-1px;
	padding-bottom:0;
}
.mainBodyContainer {
	padding:0;
	margin:20px auto 30px auto;
	width:900px;
}
.mainBodyHolder {
	padding:12px 0 12px 0;
	background:#24201e;
	min-height:455px;
}
.mainBodyHeader {
	padding:20px 12px 12px 16px;
	margin:0;
	float:left;
	width:150px;
}
.mainHeaderNav ul li a {
	padding:2px 0 10px 12px;
	font-size:120%;
	display:block;
	text-decoration:none;
}
.mainHeaderNav ul li a.selected {
	color:#ff4200;
}
.mainHeaderNav ul li a {
	color:#EEE;
}
.mainHeaderNav ul li a:hover {
	text-decoration:underline;
}
.mainBodyContents {
	padding:0 0 12px 0;
	margin:0;
	float:left;
	width:700px;
	border-left:1px solid #352e2b;
}
.siteEnds {
	text-align:center;
}
.mainProjTitle {
	font-size:500%;
	letter-spacing:-1px;
	padding-bottom:0;
}
.contentHolder {
	padding:0 0 8px 0;
	text-align:center;
}
.contentHolder img {
}
.contentHolder p {
	font-size:125%;
	line-height:135%;
	padding-bottom:8px;
}
.contentImageHolder {
	margin:16px 0 16px 0;
	padding:0 40px;
	text-align:center;
}
.contentImageHolder img {
	margin:14px 0 18px 0;
}
.descriptionHolder {
	padding:10px 100px;
	margin:0;
}
.descriptionHolder p {
	color:#DDD;
}
.descriptionHolder p a {
	color:#ff4200;	
}
.descEndsT {
	margin-top:8px;
}
.descEndsB {
	margin-bottom:8px;
}
.homeImageCont img {
}
.portSummary {
	padding:8px 100px;
	margin:12px 0 20px 0;
}
.footer {
	background:#cfd1c5 url(../images/footer.jpg) top left repeat-x;
}
.footerContainer {
	width:860px;
	margin:0 auto;
	padding:60px 0 50px 40px;
	color:#000;
}
.footerContainer img {
	border:4px solid #FFF;
	float:left;
}
.aboutMe {
	float:left;
	width:600px;
	padding:0 0 0 14px;
	margin:0 0 0 12px;
}
.aboutMe p {
	font-size:120%;
	line-height:130%;
}
.aboutMe a {
	color:#24201e;
}