@import url(reset.css);

hr { display: none; }
.clearall { clear: both; height: 0px; overflow: hidden; }

p strong { font-weight: bold; }
p em { font-style: italic; }

html { color: #222222; background-color: white; }
body { margin: 0; background: url('../images/back_index.gif') top left no-repeat; }
	body#applepie     { background: url('../images/back_applepie.gif') top left no-repeat; }
	body#rants        { background: url('../images/back_rants.gif') top left no-repeat; }
	body#drawingboard { background: url('../images/back_drawingboard.jpg') top left no-repeat; }

#container { width: 950px; padding: 10px; }

#pagehead { position: relative; width: 950px; height: 30px; margin-bottom: 50px; }
	#pagehead h1, #pagehead p#slogan, #pagehead p#linkhome a { font-size: 0px; text-indent: -9999px; overflow: hidden; }
		#pagehead h1 { position: absolute; left: 40px; top: 7px; width: 182px; height: 16px; background: url('../images/name.gif') top left no-repeat; }
		#pagehead p#slogan { position: absolute; left: 227px; top: 11px; width: 600px; height: 12px; background: url('../images/slogan_index.gif') top left no-repeat; }
			body#applepie     #pagehead p#slogan { background: url('../images/slogan_applepie.gif') top left no-repeat; }
			body#rants        #pagehead p#slogan { background: url('../images/slogan_rants.gif') top left no-repeat; }
			body#drawingboard #pagehead p#slogan { background: url('../images/slogan_drawingboard.gif') top left no-repeat; }
		#pagehead p#linkhome { position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; background: url('../images/logo_index.gif') top left no-repeat; }
			#pagehead p#linkhome a { width: 30px; height: 30px; display: block; }
				body#cover        #pagehead p#linkhome a { background: url('../images/logo_index.gif') top left no-repeat; }
				body#applepie     #pagehead p#linkhome a { background: url('../images/logo_applepie.gif') top left no-repeat; }
				body#rants        #pagehead p#linkhome a { background: url('../images/logo_rants.gif') top left no-repeat; }		
				body#drawingboard #pagehead p#linkhome a { background: url('../images/logo_drawingboard.gif') top left no-repeat; }
	#pagetitle h2, #pagetitle p { font-size: 0px; text-indent: -9999px; overflow: hidden; } 

#pagefoot { clear: both; border-top: 1px solid #666666; padding-top: 0.75em; margin: 3em 0 3em; }
	#pagefoot #navigation { width: 930px; padding: 10px; background: #e6e6e6; }
		#navigation #navabout { float: left; width: 324px; padding-right: 15px; }
		#navigation #navweblogs { float: left; width: 350px; padding: 0 10px; border-left: 1px solid #222222; border-right: 1px solid #222222; }
		#navigation #navother { float: left; width: 209px; padding-left: 10px; }
		
		#navigation h3 { font: normal 75%/1.5em Georgia; text-transform: uppercase; letter-spacing: 0.16666em; margin-bottom: 0.75em; }
		#navigation h4 { font: normal 100%/1.5em Georgia; }
		#navigation p, #navigation li { font: normal 75%/2em Georgia; }
			#navigation li { margin-left: 1.25em; list-style-type: square; }
			#navigation p+h4 { margin-top: 0.5em; }

			#navigation a { text-decoration: none; border-bottom: 1px solid #666666; color: #222222; }
			#navigation a:hover { border: 0; padding-bottom: 1px; background: white; }
			
	#pagefoot #copyright { font: normal 75% Georgia; margin-top: 1em; border-top: 1px solid #666666; padding-top: 0.75em; text-align: left; }
		#copyright span.copyyear { letter-spacing: 0.0833em; }