body {
	margin: 0;
	padding: 0;
	font-family: trebuchet ms, arial, verdana; 
	font-size: small;
	line-height: 170%;
	background: #eee; }

ul {
	margin: 0;
	padding: 0; }

li {
	margin: 0; 
	padding: 0;
	list-style: none; }

p {
	margin: 0;
	padding: .5em 0; }

a, a:visited {
	color: #cc6600; }

a:hover {
	color: #993300; }

a img {
	border: 0; }

h2 {
	margin: 0;
	padding: 0;
	margin-top: 20px; }

h2 a, h2 a:visited {
	text-decoration: none; }

.wrap {
	margin: 0 auto;
	width: 800px; }

#header {
	height: 200px;
	background: url(img/orangeback.jpg) repeat; }

#nav {
	margin-bottom: 10px;
	font-size: 110%;
	background: #333; }

#nav li a, #nav li a:visited {
	color: #ddd;
	background: #2e2e2e;
	text-decoration: none;
	margin-right: 1px;
	float: left;
	padding: 10px; }

#nav li a:hover {
	color: #fff;
	background: #222; }

#main {
	background: #fff;
	clear: both;
	width: 500px;
	float: left; }

.postmetadata {
	padding: 5px 5px 5px 25px;
	color: #333;
	font-size: 90%;
	background: #f6f6f6 url(img/icons/bullet_disk.png) no-repeat 5px 7px;
	margin: 10px 0 30px 0; }

.timestamp {
	padding: 5px 0; 
	font-size: 90%;
	color: #ccc; }

#sidebar {
	float: left;
	width: 260px;
	color: #fff;
	margin: 0 0 20px 40px; }

#sidebar a, #sidebar a:visited {
	color: #333; }

#sidebar a:hover {
	color: #fff; }

#sidebar h2 {
	color: #fff;
	font-size: 125%;
	background: #333; 
	padding: 5px 5px 5px 30px; }

#sidebar ul li ul {
	padding: 10px 10px 10px 5px;
	background: url(img/orangeback.jpg) repeat; }

#sidebar ul li ul li {
	background: url(img/icons/bullet_orange.png) no-repeat 0 4px;
	padding-left: 18px; }

#sidebar li.linkcat h2 {
	background: #333 url(img/icons/page_link.png) no-repeat 10px 7px; }

h2#archives {
	background: #333 url(img/icons/folder_page_white.png) no-repeat 10px 7px; }

h2#classes {
	background: #333 url(img/icons/book.png) no-repeat 10px 7px; }

h2#login {
	background: #333 url(img/icons/lock_go.png) no-repeat 10px 7px; }

#footer {
	background: #222;
	color: #999;
	clear: both; }

#footer a, #footer a:visited {
	color: #eee; }

#footer a:hover {
	color: #fff; }

#footer .wrap {
	padding: 20px; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */