html, body { height: 100%; margin: 0; padding: 0; font-size: 100%; }
a:link, a:visited { color: #000; background: transparent; }
a:focus, a:hover, a:active { background: #000; color: #fff; }

#bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#bg img { margin: 0; padding: 0; }

#content {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 50%;
	width: 50em;
	height: 78%; 
	min-height: 29em;
	margin-left: -25em;
	font: 0.75em/1.3 Verdana, Helvetica, sans-serif;
	padding: 2em 0 5em 0;
	color: #555;  
}

* html #content { height: 70%; padding-bottom: 9em; }

body #content h1 { color: #000; font-size: 1.8em; font-weight: normal; letter-spacing: -0.02em; margin-top: 2.5em; }
#content * { margin: 0 0 0.3em 0; padding: 0; }
#content p, #content h1 { padding: 0.5em;  background: #fff; }
#content p#intro { color: #555; margin-bottom: 3em; line-height: 1.5; }
#content blockquote { background: #eee; font-size: 2.5em; letter-spacing: -0.02em; }
#content blockquote p { background: transparent; color: #000; letter-spacing: -0.05em; }


#about { z-index: 1; position: absolute; bottom: 0%; width: 100%; line-height: 1.5; }
#about p { background: #fff; padding: 0.5em; }
#about p#credits { font-size: 0.75em; }