
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}



BODY
{
	font: 90%/1.7 "Helvetiva", Arial, sans-serif;
	background-color: white;
}
#wrapper
{
	position: relative;
	margin: 0 auto 20px auto;
	width: 960px;
}



DIV.clear
{
	clear: both;
}
STRONG
{
	font-weight: bold;
}
SPAN.caps
{
	letter-spacing: 0.1em;
	font-size: 90%;
}


H1 A
{
	width: 75px;
	display: block;
	height: 0px !important;
	height /**/:75px; /* IE 5/Win hack */ 
	padding: 75px 0 0 0;
	overflow: hidden;	
	background-repeat: no-repeat;
	
	position: absolute;
	left: 15px;
	top: 15px;
}






#navigation
{
	position: absolute;
	top: 135px;
	left: 0;
	width: 85px;
	text-align: right;
}
#navigation LI A
{
	text-decoration: none;
}
BODY #wrapper #navigation LI A:hover
{
	color: black;
}
#navigation LI.main A,
BODY.main H2,
BODY.main A,
BODY.main H2 A:hover,
BODY.main H3
{
	color: #E88200;
}
#navigation LI.portfolio A,
BODY.portfolio H2,
BODY.portfolio A,
BODY.portfolio H2 A:hover
{
	color: #ABB412;
}
#navigation LI.photography A,
BODY.photography H2,
BODY.photography A,
BODY.photography H2 A:hover
{
	color: #26B8C0;
}
#navigation LI.resume A,
BODY.resume H2,
BODY.resume A,
BODY.resume H2 A:hover
{
	color: #C00000;
}
#navigation LI.contact A,
BODY.contact H2,
BODY.contact A,
BODY.contact H2 A:hover
{
	color: #AE639A;
}




#content
{
	position: absolute;
	left: 135px;
	top: 130px;
	width: 500px;
	
	color: #333;
}
#content H2
{
	position: absolute;
	top: -85px;
	left: 0;
	font-size: 200%;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	width: 800px;
}
#content H3
{
	font-size: 150%;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
}
#content P
{
	margin-bottom: 15px;
}
#content UL A:hover,
#content P A:hover
{
	color: black;
}





BODY.portfolio #projects
{
	width: 670px;
}
BODY.portfolio #projects LI
{
	height: 75px;
	width: 220px;
	position: relative;
	padding-top: 95px;
	float: left;
}

BODY.portfolio #projects LI A
{
	text-decoration: none;
}
BODY.portfolio #projects LI SPAN.info
{
	display: block;
}
BODY.portfolio IMG.illustration,
BODY.portfolio IMG.cover
{
	border: 1px solid #ABB412;
	padding: 3px;
}
BODY.portfolio A:hover IMG.cover
{
	border-color: black;
}
BODY.portfolio IMG.cover
{
	position: absolute;
	left: 0;
	top: 0;
}
BODY.portfolio #projects LI SPAN.info
{
	color: #999;
}
BODY.portfolio DIV.info
{
	position: absolute;
	left: 530px; 
	width: 285px;
}
BODY.portfolio A.external
{
	padding: 3px 6px;
	-webkit-border-radius: 5px;
	background-color: #ABB412;
	color: white;
	text-decoration: none;
}
BODY.portfolio P.technology
{
	color: #999;
}


BODY.photography #photos
{
	width: 650px;
}
BODY.photography #photos LI
{
	display: inline;
}
BODY.photography #photos LI A
{
	border-right: 5px solid white;
	border-bottom: 5px solid white;
}
BODY.photography A.photo IMG
{
	border: 1px solid #26B8C0;
	padding: 3px;
}



BODY.resume DIV.info
{
	position: absolute;
	top: 0;
	left: 150px;
	width: 650px;
}
BODY.resume IMG.portrait
{
	border: 1px solid #C00000;
	padding: 3px;
}



