body {
margin:0;
padding:0 0 30px;
background:#efeeec url(../images/bg_trees.jpg) center 90px no-repeat;
color:#444;
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}

h1, h2 {margin: 10px 3px;}

a {
color:#179AA6;
text-decoration:none;
outline:none;
}
a:hover {
color:#6C9B09;
outline:none;
}


#container {
width:830px;
margin:0 auto;
text-align:left;
}

h1.logo {
width:250px;
height:150px;
margin:80px 30px 80px 0;
}
h1.logo, h1.logo a {
float:left;
}
	h1.logo a {
	width:230px;
	height:41px;
	color:#efeeec;
	text-shadow:-1px -1px #732d0f;
	padding:89px 0 20px 20px;
	background:url(../images/bg_wood.jpg) 0 0 repeat;
	font:24px/30px 'Yanone Kaffeesatz', helvetica, arial, serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:3px;
	box-shadow:inset 0 1px 2px #000;
	-moz-box-shadow:inset 0 1px 2px #000;
	-webkit-box-shadow:inset  0 1px 2px #000;
	}
	h1.logo a span {
	font:11px/16px helvetica, arial, serif;
	letter-spacing:.5px;
	font-weight:400;
	}

h2.message {
float:left;
width:500px;
margin:163px 0 0;
color:#593b2b;
font:400 13px/24px Georgia, serif;
font-style:italic;
text-transform:lowercase;
}
	

/*
h2.about {margin:65px 25px 0 0;}
h2.about, h2.about a {float:right;
width:138px;
height:58px;
}
	h2.about a {background:url(../images/header.png) no-repeat 0 -200px;
	text-indent:-9999px; 
	}
	h2.about a:hover {background:url(../images/header.png) no-repeat -644px -200px;}

	#nav {margin:50px;}
	#nav h1, #nav h2 {margin:0;
	padding:0;
	}
	#nav h1 a, #nav h2 a {float:left;
	clear:left;
	width:468px;
	padding:0;
	text-indent:-9999px; 
	outline:none;
	}
	
	#nav h1 a {height:68px;
	margin:0 20px 20px 0;
	}
	#nav h2 a {height:44px;
	margin:0 20px 10px 0;
	}
	
	a.portfolio {background:url(../images/nav.png) no-repeat 0 -85px;}
	a.photography {background:url(../images/nav.png) no-repeat 0 -180px;}
	a.inspiration {background:url(../images/nav.png) no-repeat 0 -224px;}
	
	a.portfolio:hover, a.portfolio_on {background:url(../images/nav.png) no-repeat -469px -85px;}
	a.photography:hover, a.photography_on {background:url(../images/nav.png) no-repeat -469px -180px;}
	a.inspiration:hover, a.inspiration_on {background:url(../images/nav.png) no-repeat -469px -224px;}
	*/


#main_content, #about .about {
clear:both;
margin:0 auto;
text-align:left;
}

#about .about, .portfolio, .job, .edu, #proficiency, p.more_work {
padding:15px;
background:url(../images/bg_white.png);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}


#main_content {width:830px;}
	#main_content dl {margin:0 0 40px;}
	#main_content dt {font-weight:700;}
	#main_content dd {margin:0 10px;}
	

#about {
padding:15px 35px 5px;
background:url(../images/wood_about.jpg) bottom left repeat;
color:#444;
}
	#about .about {width:845px;}
	#about p {
	margin:0;
	font-size:12px;
	line-height:18px;
	}
		#about p b {
		font-size:18px;
		font-weight:700;
		}
	#about dl {
	float:left;
	margin:10px 30px 0 0;
	}
		#about .location {margin:0 0 10px;
		font-style:italic;
		}


/* Portfolio */
#portfolio {margin:0 0 10px;}
.portfolio {
clear:both;
height:300px;
margin:0 0 40px;
}
	.portfolio h3, .portfolio p {margin:0 0 3px;}
	.portfolio h3 {font-size:15px;}
	.portfolio p {
	margin:0 0 5px;
	text-align:justify;
	}
	.portfolio a.visit {
	color:#6c9b09;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	}
	
	.portfolio img {
	float:left;
	margin:0 15px 0 0;
	border:1px solid #bdbdbd;
	}
	
	.portfolio .toolbox {margin:25px 0 0;}
	.portfolio .toolbox img {
	margin:0 5px 0 0;
	border:none;
	}
		.portfolio .toolbox img.wordpress {margin:-3px 5px 0 0;}
	
p.more_work {
text-align:right;
}
p.more_work b {
float:left;
}	
	
/* START Work */
.work {
float:left;
width:250px;
margin:0 0 100px 40px;
}
.work.left {
clear:left;
margin:0 0 100px;
}
.work img, .work .img {
margin:0 0 10px;
padding:0 0 2px;
border-bottom:3px solid #372d1e;
}
.work .img {
display:block;
width:250px;
height:150px;
background-color:#372d1e;
}
.work h3 {
margin:0;
font: 24px/30px 'Yanone Kaffeesatz', helvetica, arial, serif;
color:#3f2507;
}
.work h3 span  {
font-size:16px;
line-height:20px;
color:#908272;
}
.work p, .work a, .work span.soon {
font:italic 11px/16px Georgia, "Times New Roman", Times, serif;
}
.work p {
margin:5px 0;
}
.work a, .work span.soon {
display:block;
}
.work span.soon {
color:#afa798;
}
/* END Work */	
	
/* Photography Page */	
#photography {position:relative;
bottom:0;
width:100%;
margin:0 0 10px;
background-color:#ff0;
}	


/* Resume Page */
#main_content h2 {
clear:left;
}

.job, .edu, p.more_work {
clear:both;
margin:0 3px 10px;
}
	.edu {
	float:left;
	width:290px;
	margin:0 0 30px 3px;
	}
	
	#proficiency {
	width:450px;
	float:right;
	margin:0 3px 30px 0;
	padding:8px 15px 7px;
	}
	.proficiency {
	float:left;
	width:100px;
	height:21px;
	margin:4px 10px;
	background:url(../images/proficiency.gif) 38px 14px no-repeat;
	}
	.code {width:120px;}
	.two {background:url(../images/proficiency.gif) 38px -24px no-repeat;}
	.three {background:url(../images/proficiency.gif) 38px -54px no-repeat;}
	.four {background:url(../images/proficiency.gif) 38px -84px no-repeat;}
	.code.two {background:url(../images/proficiency.gif) 62px -24px no-repeat;}
	.code.three {background:url(../images/proficiency.gif) 62px -54px no-repeat;}
	.code.four {background:url(../images/proficiency.gif) 62px -84px no-repeat;}
		.proficiency img {margin:0 0 0 10px;}
		.proficiency b {float:left;
		width:57px;
		margin:1px 0 0;
		text-align:right;
		}
		
	.job div, .edu div {
	float:left;
	width:250px;
	}
	.job ul.job_description {
	float:right;
	width:450px;
	}
	.job p, .job ul, .job b, .edu p, .edu ul {margin:0;}
	.degree {display:block;}



/* Inspiration Page */
#inspiration {
position:relative;
margin:0;
}
	#inspiration ul {
	margin:5px 0 15px;
	padding:0;
	}
	#inspiration li {
	margin:0;
	list-style:none;
	}
	
	#inspiration h2 {margin:0;}
	#inspiration h3 {
	margin:0 5px;
	font-size:12px;
	}
	#inspiration a {
	padding:3px 5px;
	text-decoration:none;
	}
	#inspiration a:hover {
	color:#5b8d36;
	background:url(../images/bg_white.png);
	}
	
	
/* SINGLE Clear Fix */
.clear:after {
content:".";
display:block;
height:0; 
clear:both; 
visibility:hidden;
}
.clear {
display:inline-table; 
display:block;
}
html[xmlns] .clear {display:block;}
* html .clear {height:1%;}
.clear {display:inline-block;} 
/* Hide from IE Mac \*/
.clear {display:block;} 

/* End hide from IE Mac */