@charset "UTF-8";

p, blockquote, h1, h2{
font-family:verdana;
	font-size:88%;
	color:#000000;
	text-decoration:none;
	padding:3px;
	font-weight:bold;
	letter-spacing:-1px;
}
a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:88%;
	color:#8b5d3b;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:-1px;
}

a:hover {
	background-color:#8b5d3b;
	color:#ffffff;
}

div#logo {
	width:100%;
	height:219px;
	bottom:0px;
	position:absolute;
	background-image:url(../images/logo.png);
	background-position:right;
	margin:0;
	padding:0;
	}

div#navigation {
	position:absolute;
	bottom:229px;
	right:0px;
}	
	
#navigation ul {
	margin: 0 130px 10px 0;
	}	
#navigation ul li {
	margin-bottom:9px;
	text-align:right;
}
#navigation ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#8b5d3b;
	text-decoration:none;
	padding:3px;
	font-weight:bold;
	letter-spacing:-2px;
	}
#navigation ul li a:hover, #navigation ul li a.selected {
	background-color:#8b5d3b;
	color:#ffffff;
}

div#projects,div#portfolio,div#writing,div#contact{
	display:none;
	right:400px;
	bottom:250px;
	position:absolute;
	width:300px;
}

span.description {
	display:none;
	position:absolute;
	left:-100px;
	top:-150px;
	padding:5px;
	border:1px solid #8b5d3b;
	color:#8b5d3b;
	background-color:#DFD68E;
}

span.portfolio-description {
	top:-85px;
}

span.description p {
	color:#8b5d3b;
	font-weight:normal;
}