html, body { font-family: "Verdana"; font-size: 10pt; }
h1 { font-size: 16pt; }
h2 { font-size: 13pt; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; }
h5 { font-size: 10pt; }
pre code { display: block; margin-left: 2em; overflow: auto; width: auto; }
span.fake-link { text-decoration: underline; }
q { font-style: italic; }

@media screen
{
	body { margin: 0; }
	form#search-form { float: right; width: 22%; text-align: right; margin: 0; padding-right: 1%; }
	form#search-form p { padding: 0; margin: 0; }
	button { color: #FFAA00; }
	/* Header background image from Agent Smith http://www.flickr.com/photos/jonassmith/ */
	div#header { background-color: #1166AA; overflow: hidden; width: 100%; background-image: url("../images/header.jpg");  }
	div#header h1, div#header h2 { padding-left: 1%; color: white; }
	div#main { padding: 1%; float: left; width: 70%; text-align: justify; }
	div#right { padding: 1%; float: right; width: 25%; background-color: #66AAFF; }
	div#footer { clear: both; padding: 1%; font-size: smaller; text-align: center; }
	ul#menu { float: left; padding: 0; margin: 0; overflow: hidden; width: 76%; text-align: center; }
	ul#menu li { float: left; width: 16%; display: block; }
	ul#menu li a { text-decoration: none; display: block; width: 100%; padding-top: 3%; padding-bottom: 3%; font-weight: bold; color: #FFAA00; background-color: #3388CC; /* height: 18px; */ }
	ul#menu li a:hover { background-color: #66AAFF; color: #FFFF33; }
	.grey { background-color: #EEEEEE; }
	.post-heading a { display: block; width: 100%; }
	ul.errors { color: red; }
	p.paging { text-align: right; }
	.comment-heading, .post-heading { background-color: #EEEEEE; }
	.comment-content { overflow: auto; }
	/* blockquote { font-style: italic; } */
	cite { text-align: right; }
	cite:before { content: " — "; }
	div#right img { border: 1px solid #1166AA; }
	div#main img { max-width: 100%; overflow: scroll; }
	img.illustration { display: block; }
	code, samp { background-color: #F8F8EE; }
	img.icon { border: 0; background-color: white; }
	form#comment-form label, form#comment-form input { display: block; float: left; margin-bottom: 5px; }
	form#comment-form label { width: 10%; }
	form#comment-form textarea { width: 50%; }
	form#comment-form br { clear: left; }
	input#name, input#website, input#title { width: 40%; }
	thead { font-weight: bold; text-align: center; }
}

@media print
{
	div#header, div#footer, div#right, p.comment-controls, p.paging, form, p#icons, h4#new-comment-head { display: none; }
	div.post-heading { page-break-after: avoid; }
}