html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0%;
border:0px none;
font-size:100%;
margin:0px;
outline-color:invert;
outline-style:none;
outline-width:0px;
padding:0px;
vertical-align:baseline;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}   
ol {
list-style-type:decimal;
}
li {
margin-left:30px;
}       
a {
	text-decoration:none; 
	color: #30cbf8;
} 
a:visited {
	color: #aac7d4;
}
body {
font-family:Arial,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
color:#747e82;
background:#fff url(/2008/images/dotgrid.jpg) repeat -5px center;
}
p, dl, hr, ol, ul, pre, table, address, fieldset {
margin-bottom:20px;
}
span.amp {
	font-family:Baskerville,"Book Antiqua",serif;
	font-size:120%;
	font-style:italic;
}
#container {
	margin-left:auto;
	margin-right:auto;
	width:960px;
} 
#header h1 {
width:262px;
height:84px;
margin-top:21px;
text-indent:-9000px;
background:transparent url(/2008/images/title.gif) no-repeat;
}
#title-container {
	background-color:#fff; 
	margin-bottom:10px;
	border:1px solid #e7e7e7;
}
#title-container h2 {
	margin:0;   
	font-size:1.2em;
	text-transform:uppercase;
	color:#747e82;
	padding:5px;
	border-bottom:1px solid #e7e7e7;
}             
#title-container p {
	font-size:.9em;             
	padding:5px;
	margin:0;
}  
h3 {
	font-size: 1.2em;
	text-transform:uppercase;
	color:#747e82;
}
#header, #title-container, #project-samples, .image-container, #project-description, .featured-image, #nav {
	float:left;
	width:300px;
	margin:0 10px 20px 10px; 
}
body.resume #content {
	float:left;
	width:620px;
	margin:0 10px 20px 10px;
} 
#header, #title-container, .featured-image {
	width:620px;
} 
#project-samples {
	width:640px;
	margin:0;
} 
.image-container {
	font-size:.9em; 
	line-height:1.2; 
	height:22em;
	padding-bottom:10px;
}   
.image-container p {
	margin-top:5px;  
}     
.image-container img {
	border: thin solid #aaa;
}                           
.featured-image p {
	width:300px;
	margin:0;
	float:left;
}
.featured-image p.mediums, .featured-image a.url {
	display:block;
	float:right;    
	text-align:right;
}   
#nav {
	margin-top:28px;
}            
#nav h3 {
	margin:0;
	padding: 0;
	text-align:center;
}
#nav li {
	display:block;
	float:right;
	list-style-type:none;
	padding:5px;
	text-align:center;
	font-size:.9em;  
	text-transform:uppercase;           
}               
#nav .img {
	display:block;
	border: thin solid #aaa; 
	background: #ddd;
	width:60px;
	height:50px;
}