body {
	font-family:Helvetica, sans-serif;
	font-size:75%;
}

#main{
	margin:1.5em 1em;
	width:50em;
}

#header
{
	background:url(header.gif) left top no-repeat;
	height:73px;
	margin:0;
	padding:0;
	margin-bottom:-1em;
}

#header span
{
	display:none;
}

h2,h3,h4
{
	font-size:1.55em;
	font-family:Georgia;
	font-weight:lighter;
	letter-spacing:0.02em;
	color:#333;
	background:url(title_background.gif) bottom left no-repeat;
}

h3{ font-size:1.3em;}
h4{ font-size:1.2em;}

a img{ border:0; }
h2 img{float:left; margin-top:-1px;margin-right:4px;}


pre{
	font-family:monospace;
	font-size:1.2em;
	border:1px #999 solid;
	padding:1em;
	background-color:#d8e7f8;
}

pre.php
{
	background-image:url(php_back.png);
	background-position:top right;
	background-repeat:no-repeat;
}

pre.template
{
	background-image:url(template_back.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#footer{
	margin-top:2em;
	padding-top:1em;
	border-top:1px #aaa solid;
	text-align:center;
	color:#333;
}

/* navigation */

#nav
{
position:absolute;
top:30px;
left:300px;
margin-bottom: 1em;
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 0;
}

#nav ul
{ 
width:160px;
list-style-type: none; 
margin: 0;
padding: 0;
margin-top:0.5em;
}

#nav li
{
border-left: 1px solid #333;
float: left;
line-height: 1.2em;
margin: 0 .5em 0 -.55em;
padding: 0 .5em 0 .5em;
}

a
{
	color:blue;
}
a:visited
{
	color:green;
}