/* Tags and classes. */

	h1, h2, h3, p.subh1, table.framed thead th { font-family: Courier New, monospace; color: #222222; font-weight: bold; }
	h2 { background: #222222; margin-left: 10px; margin-right: 10px; padding: 0px 5px; color: #ffffff; line-height: 1.2; }
	h3 { background: #aaaaaa; font-size: 1.7em; margin-left: 10px; margin-right: 10px; padding: 0px 5px; color: #ffffff; line-height: 1.2; }

	body { color: #222222; }
	#editor_body { background: #ffffff; }
	p, li, td, th, pre { font-size: 1.3em; }
	code { font-weight: bold; font-family: Courier New, Courier, monospace; }

	a, a:link, a:active, a:visited, span.link { font-weight: bold; text-decoration: underline; }
	a:hover, span.link:hover { text-decoration: none; }
	h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #ffffff; }
	h3 a:link, h3 a:visited, h3 a:link, h3 a:visited { color: #ffffff; }

	label { font-weight: bold; }

	div.table { margin-left: 8px; margin-right: 8px; }
	table.framed { border-spacing: 2px; border-collapse: separate; }
	table.framed thead th { color: #ffffff; padding-top: 0; padding-bottom: 0; background: #90a61f; border: 0; }
	table.framed tbody th, table.framed tbody td { background: transparent; border: 0; }

	pre { background: #cccccc; border: none; color: #222222; font-size: 1.2em; padding: 10px; margin-left: 10px; margin-right: 10px; }
	blockquote { background: #cccccc; margin-left: 10px; margin-right: 10px; }

	div.post { padding-bottom: 10px; background: #ffffff; margin: 0 10px 30px; }
	p.post-title, p.post-meta { font-family: Courier New, monospace; background: #aaaaaa; margin-left: 0; margin-right: 0; padding: 0px 5px; color: #ffffff; line-height: 1.2; }
	p.post-title { font-weight: bold; margin-bottom: 0; font-size: 1.7em; padding-top: 3px; }
	div.post p.post-meta { font-weight: bold; margin: 0 0 10px; font-size: 1.5em; padding: 2px 10px; }
	p.subh1.post-meta { margin: 0 10px 10px; }
	p.post-title a:link, p.post-title a:visited, p.post-title a:link, p.post-title a:visited { color: #ffffff; }

	div.move { font-family: Courier New, monospace; background: #222222; margin-left: 10px; margin-right: 10px; padding: 0px 5px; color: #ffffff; line-height: 1.2; }
	div.move p { text-align: center; font-size: 1.5em; font-weight: bold; }
	div.move p.forward, div.move p.back { position: absolute; }
	div.move p.forward { right: 0; text-align: right; }
	div.move p.back { left: 0; text-align: left; }

/* Body parts. */

	body { background: #ffffff url(images/background_dino.png) no-repeat left bottom; background-attachment: fixed; }
	#header { position: absolute; position: fixed; top: 5px; right: 5px; }

	#nav { position: absolute; position: fixed; top: 0; left: 0; width: 150px; }
	#view { position: absolute; position: fixed; bottom: 0; left: 0; width: 150px; }
	#links { position: absolute; position: fixed; bottom: 18px; right: 5px; width: 123px; }

		#links ul, #view ul, #nav ul { margin: 0; padding: 0; }

		#links li, #view li, #nav li { font-family: Courier New, monospace; font-size: 20px; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
		#links li { font-size: 16px; }
		#links li li, #view li li, #nav li li { font-size: 13px; }

		#links a, #view a, #nav a { color: #ffffff; background: #222222; display: block; text-decoration: none; padding: 4px 10px; }
		#links a:hover, #view a:hover, #nav a:hover { color: #222222; background: transparent; }
		#links a.active, #links a.active:hover, #view a.active, #view a.active:hover, #nav a.active, #nav a.active:hover { color: #222222; background: transparent; }

		#links li li a, #view li li a, #nav li li a { padding: 2px 10px 3px 25px; }

	#content { margin-left: 150px; padding-top: 10px; margin-right: 128px; padding-bottom: 40px; }
	
	#footer { position: absolute; position: fixed; bottom: 0; left: 0; right: 0; background: #222222; }
		#footer p { text-align: center; font-size: 9px; margin: 0; padding: 2px; color: #ffffff; }