/* Reset based on http://meyerweb.com/eric/tools/css/reset/ */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, input, button, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;
	}
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/* global elements */

	body { text-align: center; font-size: 16px; line-height: 1.5em; font-family: Georgia, "Times New Roman", serif; background: transparent none top center repeat-x; }
	h1, h2, h3, h4 { font-weight: 500; font-family: Baskerville, "Palatino Linotype", "Times New Roman", serif; font-style: italic; }
	h1 { font-size: 1.75em; line-height: 1.7143em; margin-top: 1.2em; position: absolute; right: 0; bottom: 0; width: 33em; height: 12.4em; z-index: 100; }
	.journal h1 { width: 44.3em; height: 14.7em; }
	h2 { font-style: normal; margin-bottom: 1.5em; font-size: 2em; line-height: 1.5em; }
	a:hover { text-decoration: underline; }
	p, ul { margin-bottom: 1.5em; }
	ul, ol { margin-left: 2.6em; list-style-type: disc; list-style-position: outside; }
	ol { list-style-type: decimal; }
	input, button, textarea { font-size: 1em; border: .0625em solid; padding: 0.1667em; outline: 0; line-height: 1em; font-family: inherit; }
	textarea { margin-bottom: .5em; }
	button { margin-right: 1em; padding: 0.2em 1em; cursor: pointer; }
	blockquote { padding-left: 1.3em; border-left: .2em solid; }
	iframe, object { display: block; margin: 0 auto; }


/* layout structure */

	#wrapper { margin: 0 auto; width: 60em; text-align: left; background: transparent none top center repeat-x; }
		#header { position: relative; height: 26em; text-align: center; }
			.journal #header { height: 28em; }
		#content { float: left; width: 37em; margin-bottom: 4em; }
		#sidebar { float: right; width: 18em; padding-left: 4.5em; margin-bottom: 4em; }
		#footer { clear: both; margin-bottom: 1.5em; font-size: 0.875em; line-height: 1.7143em; }

	.me { display: block; position: absolute; width: 26.9em; height: 19.9em; right: 0; bottom: 0; background: transparent none top left no-repeat; }
		.journal .me { width: 57.9em; height: 24.2em; }
	.dove { display: block; position: absolute; width: 7em; height: 7em; top: 0; left: 0; background: transparent none bottom right no-repeat; }
	.ducks { display: block; position: absolute; width: 42em; height: 22.5em; top: 0; left: 0; background: transparent none bottom right no-repeat; }
	.sign { display: block; position: absolute; width: 5.9em; height: 19em; bottom: 0; right: 0; z-index: 110; }
		.journal .sign { width: 9.5em; height: 11em; }
		.journal .sign a { display: block; width: 6.8125em; height: 6.5em; }


/* global page styles */

	#sidebar .item { margin-bottom: 2em; }
		#sidebar h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; }
		#sidebar #search { margin-top: .7em; } 
			#sidebar #search input#q { width: 90%; }
		#sidebar ul { list-style-type: none; margin-left: 0; }
			#sidebar ul li { overflow: auto; height: 1%; }
				#sidebar ul li span.date { display: block; float: left; width: 4.5em; }
		#sidebar dl { margin-bottom: 1.5em; }
			#sidebar dt, #sidebar dd { padding: .0625em .5em; border: .0625em solid; }
			#sidebar dd { margin: .5em 0 2em 0; }

	#search legend, #search label { display: none; }

	#footer #note { float: left; }
	#footer #links { float: right; text-transform: uppercase; letter-spacing: .0625em; }
	#footer #goodlinks { clear: both; text-align: center; }

	#jumper { overflow: auto; height: 1%; margin: 0; padding-top: 1em; }
		#jumper li { display: block; float: left; width: 36%; text-align: center; list-style-type: none; }
			#jumper li.first { width: 32%; text-align: left; }
			#jumper li.last { float: right; width: 32%; text-align: right; }

	#newblog { margin-bottom: 2em; padding: .5em 0; text-align: center; border: .5em solid transparent; }
		#newblog a { border-bottom: .0625em solid transparent; }
			#newblog a:hover { text-decoration: none; border-bottom: .0625em solid transparent; }

	.right { text-align: right; }
	.small-margin { margin-bottom: .5em; }
	.large-margin { margin-bottom: 3em; }
	

/* custom page styles */

	#preview form { margin-bottom: 2em; }

	#comments { margin-top: 2.6em; }
		#comments h3, #related h3, #preview h3, #colophon #content h3, #syndication #content h3, #searchresults #content h3 { font-size: 1.625em; line-height: 1.8462em; }

	#comment { margin-left: 2em; width: 80%; }
		#comment legend { display: none; }
			#comment label { position: relative; display: block; margin-top: 1em; }
				#comment label span { cursor: pointer; }
					#comment label span span { position: absolute; top: 0; right: 0; cursor: default; font-size: 0.875em; line-height: 1.7143em; }
				#comment label input { display: block; }
				#comment input, #comment textarea { width: 100%; }

	#markup h2 { margin-bottom: 1em; }
	#markup ul { list-style-type: none; margin-left: 0; }
	#markup #content p { margin-bottom: .5em; }
	#markup #content h3 { margin-top: 1.5em; font-size: 1.625em; line-height: 1.8462em; }
	#markup #content .syntax, #markup #content .result { margin-left: 1.3em; padding: .3em .5em; }
	#markup #content .syntax { border: .0625em solid; }
	#markup #content .result { margin-bottom: 1.5em; border: .0625em solid; }
	#markup #content .result a { text-decoration: underline; }
	#markup #content ul.result { padding-left: 1.3em; list-style-type: disc; list-style-position: inside; }
	#markup #content ol.result { padding-left: 1.3em; list-style-type: decimal; list-style-position: inside; }

	#searchresults #content h2 { margin-bottom: 1em; }
	#searchresults #content h3 { margin-bottom: 1em; }
	#searchresults #content form { margin-bottom: 1em; overflow: hidden; width: 100%; }
		#searchresults #content label { display: block; float: left; padding: 0.1em 0.7em 0 0; }
		#searchresults #content input#q { display: block; float: left; width: 20em; }

	.entry { overflow: auto; height: 1%; margin-bottom: 3em; }
		.entry h2 { clear: both; margin: 0 0 .5em 5em; font-size: 2em; font-style: italic; line-height: 1em; }
		.entry p { float: right; width: 27em; margin: 0 0 1.5em 0; }
		.entry img, .entrybody img { display: block; margin: 0 auto; padding: .0625em; max-width: 32.5em; border: .0625em solid; }
		.entry img { max-width: 25em; }
		.entry blockquote p { width: 25.4em; padding-left: 1.3em; border-left: .2em solid; }
		.entry span.date { display: block; float: left; font-size: 0.875em; line-height: 1.7143em; text-transform: uppercase; letter-spacing: .0625em; }

	.comment { margin: 2em 0 2.5em 1em; line-height: 1.2em; }
		.comment span { display: block; margin-bottom: 1em; }
		.comment p, .comment ul, .comment ol, .comment blockquote { margin-left: 1.3em;  }
		.comment ul, .comment ol { padding-left: 2.6em; }
		.comment blockquote p { margin-left: 0; }

	.month h3 { font-size: 1.625em; line-height: 1.8462em; margin-top: 1.5em; overflow: hidden; height: 1%; }
		.month h3 a { float: left; }
		.month h3 span.amount { float: right; font-size: 0.75em; }
	.month ul { list-style: none; margin: 0; }
		.month ul span.date { display: block; float: left; width: 10em; font-size: 0.875em; line-height: 1.7143em; text-transform: uppercase; letter-spacing: .0625em; margin-right: 2em; text-align: right; }

	.entrybody h2 { margin-bottom: .3em; line-height: 1em; }
	.entrybody h3 { font-size: 1.625em; line-height: 1em; margin: 1em 0; }
	.entrybody h4 { font-size: 1.5em; line-height: 1em; margin: 1em 0; } 
	.entrybody span.date { display: block; margin-bottom: 1.5em; font-size: 0.875em; line-height: 1.7143em; text-transform: uppercase; letter-spacing: .0625em; }


/* images & colors */

	body, #wrapper { background-image: url(../img/bg_park.jpg); }
	body.journal, .journal #wrapper { background-image: url(../img/bg_bali.jpg); }
	.me { background-image: url(../img/me_sitting.png); }
	.journal .me { background-image: url(../img/me_backpack.png); }
	.dove { background-image: url(../img/dove.png); }
	.ducks { background-image: url(../img/ducks.png); }

	:focus { border-color: #ab864f; }
	body { background-color: #efe5ca; }
	body.journal { background-color: #fff6d9; }
	body, input, button, textarea, #header h1 a span, .month h3 a, #goodlinks a { color: #453a3e; }
	h1, a, #sidebar h3 { color: #a12315; }
	.journal h1, .journal a, .journal #sidebar h3 { color: #1d711d; }
	input, button, textarea, #markup #content .syntax, #sidebar dt { background-color: #d8c191; }
	input, button, textarea { border-color: #d8c191; }
	blockquote { border-color: #785a3e; color: #785a3e; }
	blockquote a { color: #573b25; }
	#comment label span span, .month h3 span.amount { color: #6c5e65; }
	#markup #content .syntax, #sidebar dt { border-color: #ab864f; }
	#markup #content .result, #sidebar dd { background-color: #c7ab71; border-color: #573b25; color: #000; }
	#markup #content .result { color: #000; }
	#markup #content .result a { color: #573b25; }
	#newblog, #newblog a { color: #ffd700; }
	#newblog { background-color: #453A3E; border-color: #A12315; }
	.journal #newblog { border-color: #1d711d; }
	#newblog a { border-color: #FFD700; }
	#newblog a:hover { color: #20B2AA; border-color: #20B2AA; }
	.entry img, .entrybody img { border-color: #453a3e; }


/* print style */

	@media print {

		body { background-image: none; }

		#header, #sidebar, #footer, #jumper, #related, #comments form, #comments #formular { display: none; }
		#content { width: auto; }

		#content a:after { content: " (" attr(href) ") "; font-size: .9em; }
		#content h2 a:after { content: ""; font-size: 1em; }

	}