/* Chapter 42 styles */
/* Overrides and expands whitewhale.css */

/* Background */
#page { background:#eed url(/images/backgrounds/blog.jpg) repeat-y -155px -420px; min-width:1120px; }

/* Page structure */
#masthead {  }
	#title { position:absolute; left:15px; top: 155px; width:340px; }
	#title h1 a, #title h2 a { display:block; border:2px solid #f00; overflow:hidden; text-indent:-9999px;  }
		#title h1,#title h2 { position:static; margin:0; font-size:1em; }
		h1 a { height:42px; }
		h2 a { margin-top:54px; width:141px; height:26px; }
		div#ww_login_rss { margin-top:484px; margin-left:33px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.1em;}
		div#ww_login_rss a { text-decoration:none; color:#000;}
		div#ww_login_rss a:hover { text-decoration:line-through;}
	
	#tagcloud a { color:#000; }
#main { text-align:left; color:#333; float:left; }
	#navigation li { opacity:0.4; }
	#navigation li#blog { opacity:1; }
	#navigation {display:none;}
	
#sidebar { position:absolute; top:6.5em; left:960px; }
	#sidebar h3 { margin-top:0; }
	#sidebar a { display:block; color:#222; text-decoration:none; font-weight:bold; }
	#sidebar a:hover { color:#444; }
/* Type */
h3 { font-family:Helvetica,sans-serif;}
.post { margin-top:1.5em; }
	.post-title h2 { display:inline; font-family:Helvetica,sans-serif; font-size:3.5em; letter-spacing:-0.05em; line-height:1em; font-weight:bold; }
		#content .post-title h2 a { font-weight:bold; }
	.post-byline { font-weight:bold; color:#999; display:block; margin-top:10px; }
		.post-author,.post-time { color:#666; }
	.post-edit a { font-size:0.9em; margin-left:0.4em; white-space:nowrap; color:#c33 !important; }	
	.post-edit a:hover { background-color:#fee; }
	.entry { margin-top:0.5em; }
		.entry p,.entry blockquote { margin-top:0; }
		.entry pre,.entry code { background-color:#eee; position:relative; z-index:300; margin-bottom:1em; padding:0.5em; overflow:auto; }
	.entry img { max-width:493px; border:1px solid #ccc; display:block; margin:1em auto; }
	.postmetadata { text-align:left; font-size:0.9em; margin-top:-0.5em; margin-bottom:60px; color:#999; border-top:1px solid #ccc; padding-top:0.3em;}

.comment .avatar { float:left; margin-right:0.5em; }
.comment-author { font-weight:bold; color:#999; }
.comment-author cite { color:#666; }
.commentmetadata { font-size:0.9em; }
#content .commentmetadata a+a,#content a.logout { color:#c33 !important; }
.comment p { margin-top:0.2em; }
#commentform p { margin:0.2em 0; }
textarea#comment { width:490px; }