html {
	height: 100%;
	padding: 0;
	margin: 0 0 1px;
}
body {
	height: 100%;
	color: #bbb399;
	background: #330b00;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 20px;
	padding: 0;
	margin: 0 0 1px;
}

#header {
	height: 250px; 
	background: url(/static/images/bg-top.gif) repeat-x;
	margin-bottom: -190px;
}
#logo {
	position: absolute;
	top: 19px;
	left: 50%;
	width: 168px;
	height: 30px;
	background: url(/static/images/logo.gif) no-repeat;
	margin-left: -483px;
}
#logo a {
	display: block;
	width: 168px;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
}

#tagline {
	position: absolute;
	top: 19px;
	right: 50%;
	width: 360px;
	height: 30px;
	background: url(/static/images/chinotto.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	margin-right: -483px;
}

#nav {
	position: absolute;
	top: 32px;
	left: 50%;
	width: 400px;
	height: 16px;
	margin-left: -298px;
}
#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#nav ul li {
	float: left;
	height: 16px;
	padding: 0;
	margin: 0 10px 0 0;
}
#nav ul li a {
	display: block;
	height: 16px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#nav ul li a:hover {
	background-position: 0 -16px;
}
#nav ul li.active a {
	background-position: 0 0;
}
#nav ul li.active a:hover {
	background-position: 0 0;
}
#nav ul li#blog {
	width: 39px
}
#nav ul li#blog a {
	background-image: url(/static/images/nav-blog.gif);
}
#nav ul li#resume {
	width: 59px
}
#nav ul li#resume a {
	background-image: url(/static/images/nav-resume.gif);
}
#nav ul li#photography {
	width: 98px
}
#nav ul li#photography a {
	background-image: url(/static/images/nav-photography.gif);
}
#nav ul li#contact {
	width: 62px
}
#nav ul li#contact a {
	background-image: url(/static/images/nav-contact.gif);
}

#wrapper {
	background: url(/static/images/bg-bottom.gif) bottom center repeat-x;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#content {
	padding-bottom: 32px;
}

#content a {
	color: #cc6222;
	text-decoration: none;
}
#content a:hover {
	color: #fe7f33;
}
#content h1 {
	font: normal 26px/1.2 "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	margin: 28px 0 0;
}
#content h2 {
	font: normal 22px/1.2 "Trebuchet MS", Tahoma, sans-serif;
	margin-top: 32px;
	margin-bottom: 16px;
}
#content h4 {
	font: normal 16px/1.2 "Trebuchet MS", Tahoma, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}
#content p {
	margin: 16px 0;
}
#content span.date {
	float: right;
	padding-left: 2em;
}
#content ul {
	margin: -16px 0 0;
}

#content div.blog-sidebar {
	float: right;
	width: 120px;
	font-size: 11px;
	line-height: 18px;
	text-align: right;
	padding-top: 5px;
}
#content div.blog-main {
	margin-right: 300px;
}
#content div.post h2 {
	margin-bottom: 0;
}
#content div.post ul, ol {
	margin-top: 16px;
	margin-bottom: 16px;
}
#content div.post li p {
	margin: 0;
}
#content div.post img {
	display: block;
	border: solid 5px #1e0600;
	margin: auto;
}
#content div.post p.dateline {
	font: normal 12px/12px "Trebuchet MS", Tahoma, sans-serif;
	margin-top: 0;
}