@CHARSET "UTF-8";

@import url('reset.css');

body
{
	background: transparent url(../img/back.png) repeat fixed;
	color: #FFF;
	padding: 32px 0 0;
	font-family: Arial, sans-serif;
}

a
{
	color: #FFAC7F;
	text-decoration: none;
}

a:hover
{
	color: #FF630F;
}

a.back
{
	float: right;
}

h1#banner
{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	margin: 0;
	color: #FFF;
	z-index: 0;
	text-align: right;
	padding: .5em;
	border-bottom: 1px solid #CCC;
	background: #C47240 url(../img/backorange.png) repeat;
	background: transparent url(../img/backorange.png) repeat;
	height: 1.25em;
}

ul#nav
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: .75em 3em .25em;
	height: 1.25em;
}

ul#nav li
{
	float: left;
	margin-right: 1em;
}

ul#nav li a
{
	color: #CCC;
}

ul#nav li.selected a
{
	color: #EEE;
	font-weight: bold;
}

ul#nav li a:hover
{
	color: #EEE;
}



.clear
{
	clear: both;
}

#body
{
	margin: 0 2em 1em;
}

#content
{
	border: 1px solid #CCC;
	background: transparent url(../img/gray.png) repeat;
	margin-right: 225px;
	padding: 1em;
}

.section
{
	margin-bottom: 2em;
}

p, ul
{
	margin: 0.5em;
	color: #DDD;
}

ul li
{
	margin-bottom: .25em;
}

#face
{
	border: 1px solid #CCC;
}

#sidebar
{
	position: fixed;
	top: 0;
	right: 2em;
	width: 200px;
	z-index: -1;
}

#sidebar .section
{
	border: 1px solid #CCC;
	margin-top: 1em;
	padding: .5em;
	font-size: .8em;
	background: transparent url(../img/gray.png) repeat;
}

#blog
{
	margin: .5em;
}

.blog-entry
{
	border: 1px solid #CCC;
	padding: .5em;
	margin-bottom: 1em;
	background: transparent url(../img/lightgray.png) repeat;
}

pre
{
	background: #FFF;
	border: 1px solid #000;
	padding: .5em;
	overflow: auto;
	color: #000;
}