img {
	border: none;
}

/* clear stuff out */

a {
	color: #214f80;
	text-decoration: none;
}

a:hover {
	color: #216fc2;
}

/* page */

body {
	background: #eee;
	-background: #eee url('images/_back.gif');
	background-repeat: none;
	padding: 0;
	margin: 20px;
	color: #444;
}

#page {
	width: 800px;
	margin: 0 auto 0 auto;
}

/* subheader */

#subheader {
	margin: 0 0 20px 0;
	padding: 0 5px 0 5px;
	height: 20px;
	background: #f7f7f7;
	color: #ccc;
	font: normal 11px/20px Verdana, sans-serif;
}

#category {
	float: right;
}

#subheader a {
	color: #888;
}

#subheader a:hover {
	color: #216fc2;
}

/* content */

#content {
	margin: 0 0 20px 0;
	padding: 0 40px 0 40px;
	width: 500px;
	font: normal 14px/20px Georgia, Serif;
	background: #fff;
}

#header {
	margin: 0;
	padding: 0;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}

h2 {
	margin: auto;
	padding: 0;
	font: normal 18px/20px 'Consolas', 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;
	color: #214f80;
}

h2 a {
	color: #214f80;	
}

p {
	margin: 0 0 20px 0;
	padding: 0;
}

h3 {
	font: normal 16px/20px 'Consolas', 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;
	color: #214f80;
	margin: 0;
	padding: 0;
}

h4 {
	font: normal 14px/20px 'Consolas', 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;
	color: #5c7ea2;
	margin: 0;
	padding: 0;
}

/* special case: if there's no paragraph text between a header and subheader,
   then pad between them. */
h3 + h4 {
	margin-top: 20px;
}

ol, ul {
	margin: 0 0 20px 20px;
	padding: 0;	
}

/* don't add space after a list if it's nested inside another list. */
li ol, li ul {
	margin-bottom: 0;
}

pre {
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	font: normal 12px/20px 'Consolas', 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;
	color: #777;
	border-left: solid 5px #eee;
}

code {
	font: normal 12px/20px 'Consolas', 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;
	color: #777;
}

table {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

thead {
	color: #777;
	background: #f7f7f7;
}

tr, td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#content table td.date
{
	font: normal 11px/20px Verdana, sans-serif;
	color: #aaa;
	text-align: right;
}

/* quote */

blockquote {
	margin: -10px 0 10px 0;
	padding: 0;
	font: italic 13px/20px Georgia, Serif;
	color: #8e9499;
	background: #edf6ff url('images/quote-top.gif');
	background-repeat: no-repeat;
}

blockquote p {
	margin: 0;
	padding: 10px 20px 0 20px;
}

blockquote p + p {
	padding-top: 20px;
}

blockquote pre {
	margin-left: 20px;
	color: #8e9499;
	border-color: #e1e9f2;
}

blockquote > ol, blockquote > ul {
	margin: 0 0 20px 40px;
	padding: 0;		
}

blockquote:after
{
	content: url('images/quote-bottom.gif');
}

.quote-name
{
	margin: -10px 0 20px 0;
	padding: 10px 20px 0 0;
	background: url('images/quote-name.gif');
	background-repeat: no-repeat;
	text-align: right;
	font: italic 13px/20px Georgia, Serif;
	color: #8e9499;
}

/* comment box */

#no-comments {
	padding: 20px 40px 20px 40px;
	margin: 0 -40px 0 -40px;
	font: normal 13px/20px Georgia, Serif;
	color: #888;
	background: #f7f7f7;
}

#no-comments p {
	margin: 0;
}

#buttons {
	margin: 0;
	padding: 10px 0 0 0;
	height: 30px;
	text-align: center;
}

/* sidebar */

#sidebar {
	float: right;
	width: 200px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}

#prev {
	-float: left;
}

#next {
	float: right;
}

h1 {
	border: solid 5px white;
	margin: 0;
	padding: 15px 10px 15px 10px;
	height: 40px;
	color: white;
	background: #7ba63a;
	font: normal 15px/20px 'Consolas', 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;	
}

h1 a {
	color: white;
}

h1 a:hover {
	color: #deffad;
}

#sidebar p {
	margin: 10px 0 -10px 0;
	padding: 10px;	
	color: #aaa;
	background: #f7f7f7;
	font: normal 11px/20px Verdana, sans-serif;
}

#sidebar p a {
	font: normal 11px/20px Verdana, sans-serif;
	color: #7ba63a;
}

#sidebar p a:hover {
	color: #91c445;
}

#sidebar h2 {
	margin: 20px 0 0 0;
	padding: 0;
	color: #ccc;
	font: normal 11px/20px Verdana, sans-serif;
}

#sidebar ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	color: #ccc;
	font: normal 11px/20px Verdana, sans-serif;
}

#sidebar li a {
	font: normal 11px/20px Verdana, sans-serif;
	color: #aaa;
}

#sidebar li a:hover {
	color: #7ba63a;
}

/* copyright */

.copyright
{
	margin: 0 0 20px 0;
	padding: 0;
	width: 580px;
	font: normal 11px/20px Verdana, sans-serif;
	color: #aaa;
	text-align: center;
}