html, body { 
	background-color: #ededed;
	font-family: utopia, georgia, times;
	font-size: 14pt;
	font-weight: normal;
	padding: 0px;
	margin: 0;
	height: 100%;
}

h1, h2, h3 { color: #888;}
h1 { font-size: 24pt; font-weight: normal; margin: 0px; padding: 0 0 36pt 0; }
h2 { font-size: 18pt; font-weight: normal; margin: 0px; padding: 0 0 8pt 0; }
h3 { font-size: 12pt; font-weight: normal; margin: 0px; padding: 0 0 8pt 0; }
p { font-size: 14pt; color: #000; margin: 0px; padding: 0 0 8pt 0; line-height: 19pt;}
a { color: #5c5; text-decoration: none; }
	a:hover { text-decoration: underline; }

div { position: relative; }

div#content { width: 1100px; height: 100%; }

div#left { z-index: 50; width: 550px; float: left; background-color: #fff; padding: 0 25px; min-height: 100%; }
	div#head { height: 150px; margin-top: 25px; }
		div#id { position: absolute; width: 500px; top: 0px; left: 0px; }
			div#id h1, 
			div#id a { font-size:56pt; color: #888; line-height: 36pt;}
		div#nav { position: absolute; width: 500px; top: 60px; left: 0px; }
			div#nav a { display: block; font-size: 24pt; float: left; padding-right: 30px; text-decoration: none;}
				div#nav a:visited,
				div#nav a:active,
				div#nav a:link { color: #5c5; }
				div#nav a:hover { text-decoration: underline; }
	div#body { width: 500px; margin-bottom: 25px; }
		div#body h2 a { text-decoration: none; }
			div#body h2 a:hover { text-decoration: underline;}
		div#side1 p, div#side2 p { font-size: 12pt; color: #666; }
		div#side1 ul, div#side2 ul { list-style: none; margin: 0px; padding: 0 0 12pt 0; }
			div#side1 li, div#side2 li { font-size: 12pt; padding: 0 0 8pt 0; color: #666; }
				
div#right { z-index: 20; width: 450px; float: left; padding: 25px; padding-top: 178px; }
	div#side1, div#side2 { z-index: 10; width: 200px; float: left; }
	div#side1 { margin-right: 25px; }


/* Blog-specific */