/* Basic Styling
   ----------------------------------------------------*/

body { 
	background-color:#333;
	color:#fff; 
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #eaeaea; }	

.left {
	text-align:left; }

.center {
	text-align:center; }

a {
	color:#fff;
	text-decoration:underline; }

a:hover {
	text-decoration:none; }

/* Structure
   ----------------------------------------------------*/

#header {
	text-align:left;
	height:100px;
	border-top:thin 1px red;
	background-color:#737373; }

#logo {
	float:right;
	font: 26px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-top:15px;
	margin-right:20px;}

#container {
	margin:0 auto 0;
	width:970px; }

#footer {
	text-align:right;
	background-color:#737373; 
	margin-top:25px;
	padding:3px;}

#tagline {
	margin:25px auto 0;
	font-style:italic; 
	text-align:center;}
	
/* Navigation
   ----------------------------------------------------*/	

#nav {
	text-align:left;
	float:left;
	margin-top:70px;
	margin-left:15px;}

#nav a {
	padding:3px;
	text-decoration:none; }

#nav a:hover {
	background-color:#ccc;
	color:#333; }

#nav ul {
	font-weight:bold; }

#nav ul li { 
	display:inline; }	

#nav span.selected{
	border-bottom:solid 2px #ccc; }
	
/* Resume
   ----------------------------------------------------*/	

#resume {
	width:950px;
	margin: 15px auto; 
	line-height:18px; }

.resume_skills {
	width:185px; }
	
.resume_block {
	width:890px; }	
	
.resume_block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

#resume ul {
	margin-top:5px;
	margin-bottom:5px; 
	list-style-type:circle; 
	margin-left:15px;
	padding-left:1em; }
	
.subtitle {
	text-align:right;
	width:100px;
	float:left;
	padding:0 10px 0 0;
	font-weight:bold; }

.main {
	text-align:left;
	width:640px;
	float:left;
	padding:0 20px 10px 10px;
	border-left: 2px solid #aaa;}

.year {
	text-align:right;
	width:100px;
	float:left;
	padding:0;}
	
/* Contact
   ----------------------------------------------------*/

#contact {
	width:600px;
	margin: 15px auto; 
	line-height:22px; }

#contact .text {
	float:left;
	padding-top:15px; 
	width:330px; }	

#contact .image {
	float:left; 
	width:200px;}	

#contact .image img {
	border:solid 1px #333; }
		

/* Images / Photography
   ----------------------------------------------------*/

.frame_box_border {
	float:left;
	padding:1px;
	background-color:#595959;
	border:1px #141414 solid;
	margin: 8px;}	

.frame_box {
	padding: 25px 20px 15px;
	background-color:#464646; }	

.image_container {
	width:950px;
	text-align:center;
	margin: 15px auto 0; }	

.image_title {
	margin-top:8px;
	font: 11px "Arial", Helvetica, sans-serif;}

/* Projects
   ----------------------------------------------------*/

#projects .frame_box {
	padding-top:16px; }

.project_container {
	width:415px; }

.project_title {
	text-align:left;
	font-weight:bold; 
	margin-bottom:12px;}
		
.project_container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
	
.project_description ul {
	margin-top:0;
	margin-bottom:0; 
	list-style-type:circle; 
	margin-left:5px;
	padding-left:1em; }

.project_details strong {
	width:4em;
	display:block;
	float:left;}
	
.project_image {
	float:left;
	margin-right:15px; }
		
.project_description {
	float:left;
	font-style:italic;
	width:180px;
	text-align:left;}
	
.project_details {
	text-align:left;
	padding-top:10px;}
	
/* Fixes
   ----------------------------------------------------*/

.clear {
	clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */