html, body{
	margin:0;
	padding:0;
}
#page, #title{
	padding-bottom:10px;
}

body{
	background:#262626 url(../images/page/bg.jpg) repeat-x top;
}

body, input, textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
}

input, textarea{
	width:200px;
	color:#666666;
}
textarea{
	height:100px;
}

body, a{
	color:#8a8888;
}

div{
	float:left;
}

a{
	outline:0;
}
a img{
	border:0;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}
h3{
	font-size:12px;
	color:#CCCCCC;
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0 0 20px 0;
}

#page{
	width:750px;
	background:url(../images/page/texturebg.jpg) repeat-y left 206px;
}
#title{
	width:100%;
	background:url(../images/page/titlebg.jpg) no-repeat left top;
}

h1#site_title, h1#site_title a, #nav ul li a{
	text-indent:-9000px;
}
h1#site_title, h1#site_title a{
	display:block;
	height:40px;
	width:206px;
	padding:0;
}
h1#site_title{
	margin:40px 0 0 60px;
}

#nav, #content, #footer, #bottom{
	margin-left:32px;
}

#nav, #nav div, #bottom, #bottom div{
	width:500px;
}

#bottom{
	background:url(../images/page/bl.png) no-repeat left bottom;
}
#bottom div{
	background:url(../images/page/br.png) no-repeat right bottom;
}
#bottom div div{
	background:none;
	background-color:#000000;
	margin:0 20px;
	width:460px;
}

#nav, #nav div, #nav ul, #nav ul li, #nav ul li a, #bottom, #bottom div{
	height:32px;
}
#nav{
	margin-top:28px;
	background:url(../images/page/tl.png) no-repeat left top;
}
#nav div{
	background:url(../images/page/tr.png) no-repeat right top;
}
#nav ul, #nav ul li, #nav ul li a{
	display:block;
	padding:0;
}
#nav ul{
	width:436px;
	margin:0 20px;
	padding:0 12px;
}
#nav ul li{
	float:left;
	margin:0 30px 0 0;
}
#nav ul li#about{
	width:90px;
	background:url(../images/nav/about.gif) no-repeat left -32px;
}
#nav ul li#about.on, #nav ul li#about a:hover{
	background:url(../images/nav/about.gif) no-repeat left top;
}
#nav ul li#writing{
	width:65px;
	background:url(../images/nav/writing.gif) no-repeat left -32px;
}
#nav ul li#writing.on, #nav ul li#writing a:hover{
	background:url(../images/nav/writing.gif) no-repeat left top;
}
#nav ul li#resume{
	width:73px;
	background:url(../images/nav/resume.gif) no-repeat left -32px;
}
#nav ul li#resume.on, #nav ul li#resume a:hover{
	background:url(../images/nav/resume.gif) no-repeat left top;
}
#nav ul li#contact{
	width:74px;
	background:url(../images/nav/contact.gif) no-repeat left -32px;
}
#nav ul li#contact.on, #nav ul li#contact a:hover{
	background:url(../images/nav/contact.gif) no-repeat left top;
}

#content, #nav ul{
	background-color:#000000;
}
#content{
	width:432px;
	padding:26px 34px 0 34px;
}

#content.pic{
	background:#000000 url(../images/jen.jpg) no-repeat 350px 30px;
	padding-right:200px;
	width:266px;
}

#content ul{
	list-style-type:disc;
	margin:0;
	padding:6px 0 15px 15px;
}
#content ul li{
}

#content.resume{
	line-height:1.2;
}
#content.resume p{
	padding-bottom:10px;
}
#content.resume ul{
	padding-top:0;
}
#content.resume strong{
	color:#cccccc;
}
#content.resume em{
	color:#666666;
}


#footer{
	padding:5px 0 0 34px;
	width:466px;
	font-size:9px;
}
#footer, #footer a{
	color:#666666;
}