body {
			margin: 30px 0;
			padding: 0;
			color: #1D1801;
			font-family: Helvetica, Arial, sans-serif;
			background: #FFFFFF;
		}
		
		a {
			color: #1D1801;
			text-decoration: underline;
		}
		
		a:active,
		a:focus {
			outline: 0;
		}
		
		#header {
			width: 800px;
			margin: auto;
			position: relative;
		}
		
			#header .description {
				line-height: 1.6em;
				font-size: 0.81em;
				letter-spacing: 0;
				padding-bottom: 10px;
			}
		
			#header a.title {
				color: #1D1801;
                text-align: center;
				text-decoration: none;
				font-size: 3.75em;
				letter-spacing: -1px;
			}
			
			#header .bar {
				width: 788px;
				height: 21px;
				font-family: Helvetica, Arial, sans-serif;
				font-size: .9em;
				line-height: 1.5em;
				color: #FFFFFF;
				text-align: right;
				background: #1D1801;
				margin-top: 2px;
				padding: 0 6px;
			}
			
				#header .bar a {
					color: #FFFFFF;
					text-decoration: none;
				}
		
		#content {
			width: 800px;
			margin: 30px auto auto auto;
		}
		
			#content .space {
				width: 100%;
				clear: both;
			}
			
				#content .space.big {
					height: 30px;
				}
		
				#content .space.small {
					height: 3px;
				}
		
			#content #post {
				width: 800px;
				position: relative;
			}
		
				#content #post .left {
					width: 270px;
					font-family: Helvetica, Arial, sans-serif;
					font-size: .9em;
					text-align: right;
					float: left;
				}
		
					#content #post .left a.timestamp {
						width: 258px;
						height: 21px;
						color: #FFFFFF;
						text-decoration: none;
						line-height: 1.6em;
						background: #1D1801;
						padding: 0 6px;
						display: block
					}
					
					a.comments {
    				    color: #1D1801;
    				    text-align: right;
    				    text-decoration: none !important;
    				    border-bottom: 1px solid #ccc;
    				    padding: 6px  6px 6px 0;
    				    display: block;
				  }
		
					#content #post .left .notes {
						width: 265px;
						color: #9C9C9C;
						padding: 6px 2px 0 2px;
					}
					
						#content #post .left .notes a {
							color: #9C9C9C;
							text-decoration: none;
							padding: 1px 3px;
						}
						
					#content #post:hover .left .notes {
						color: #1D1801;
					}
					
						#content #post:hover .left .notes a {
							color: #1D1801;
							background-color: #FCFF8B;
							filter: alpha(opacity = 95);
							-moz-opacity: 0.95;
							-khtml-opacity: 0.95;
							opacity: 0.95;
						}
						
						#content #post .left .notes a:active {
							filter: alpha(opacity = 100);
							-moz-opacity: 1.0;
							-khtml-opacity: 1.0;
							opacity: 1.0;
						}
						
					#content #post .left .tags {
						width: 138px;
						float: right;
						padding: 6px 3px 0 0;
					}

						#content #post .left .tags a.tag {
							color: #9C9C9C;
							text-decoration: none;
							border-radius: 3px;
						  -moz-border-radius: 3px;
						  -webkit-border-radius: 3px;
							padding: 1px 3px;
							margin: 0 0 3px 3px;
							float: right;
						}

						#content #post:hover .left .tags a.tag {
							color: #1A1A1A;
							background-color: #E0F1FF;
							filter: alpha(opacity = 95);
							-moz-opacity: 0.95;
							-khtml-opacity: 0.95;
							opacity: 0.95;
						}
						
							#content #post:hover .left .tags a.tag:active {
								background-color: #D2EAFD;
								filter: alpha(opacity = 100);
								-moz-opacity: 1.0;
								-khtml-opacity: 1.0;
								opacity: 1.0;
							}
						
				#content #post .right {
					width: 500px;
					line-height: 1.7em;
					float: left;
					font-size: 0.81em;
					padding: 0 0 0 30px;
				}
				
				    #content #post .right img {
				        max-width: 100%;
				    }
				
					#content #post a {
						text-decoration: underline;
					}
					
					#content #post blockquote {
						font-style: italic;
						padding-left: 15px;
						border-left: 2px solid #1D1801;
					}
				
					#content #post .right a.title {
						color: #1D1801;
						font-size: 1em;
						font-weight: bold;
						text-decoration: none;
					}
					
					/* this is for chat */
					#content #post .right table {
						border-collapse: collapse;
					}
					
						#content #post .right table tr.line1 {
							margin: 0;
						}
						
						#content #post .right table tr.line2 {
							margin: 0;
							background-color: #EEEEEE;
						}
						
						#content #post .right table tr td {
							padding: auto;
							vertical-align: top;
						}
						
						#content #post .right table tr td.name {
							text-align: right;
							font-weight: bold;
							padding: 2px 15px;
						}
						
						#content #post .right table tr td.words {
							width: 100%;
							text-align: left;
							padding: 2px;
						}
						/* that was for chat */
					
					#content #post .right .quote .mark {
						font-size: 3.75em;
						line-height: 0.9em;
						float: left;
						margin: 0 15px -20px 0;
					}
					
						#content #post .right .quote .byline {
							text-align: right;
						}
					
						#content #post .right .quote .words {
							width: 445px;
						}
						
					#content #post .right a.link {
						color: #1D1801;
						font-size: 1em;
						font-weight: bold;
						text-decoration: none;
						border-bottom: 2px solid #1D1801;
					}
					
					#content #post .right .audio embed {
						border: 1px solid #9C9C9C;
					}
					
	#footer {
		width: 800px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 0.69em;
		margin: auto;
	}
	
		#footer #pagination {
			width: 488px;
			height: 21px;
			color: #FFFFFF;
			line-height: 1.8em;
			text-align: right;
			background: #1D1801;
			position: relative;
			margin: auto 0 auto 300px;
			padding: 0 6px;
		}
		
			#footer #pagination .count {
				position: absolute;
				left: 6px;
			}
	
			#footer #pagination a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
		#footer #credit {
			width: 500px;
			color: #9C9C9C;
			text-align: right;
			margin: 30px 0 auto 300px;
		}
		
			#footer #credit:hover {
				color: #1D1801;
			}
		
			#footer #credit a {
				color: #9C9C9C;
				text-decoration: none;
				padding: 1px 3px;
			}
			
				#footer #credit:hover a {
					color: #1D1801;
					background-color: #FCFF8B;
					filter:alpha(opacity=95);
					-moz-opacity:0.95;
					-khtml-opacity: 0.95;
					opacity: 0.95;
				}
				
					#footer #credit:hover a:active {
						filter:alpha(opacity=100);
						-moz-opacity:1.0;
						-khtml-opacity: 1.0;
						opacity: 1.0;
					}
					
    ol.notes {
    	padding: 0px;
    	margin: 55px 0px 25px 0;
    	list-style-type: none;
    }

    ol.notes li.note {
        background: #f4f4f4;
        margin: 0 0 2px 0;
    	padding: 10px;
    }

    ol.notes img.avatar {
        max-width: 16px;
    	margin-right: 8px;
    	border: solid 1px #ccc;
    	padding: 1px;
    	float: left;
    }

    ol.notes span.action {
    	float: left;
    	padding-top: 1px;
    	line-height: 18px;
    }

    ol.notes .clear {
    	clear: both;
    	height: 1px;
    }

    ol.notes blockquote {
    	border-color: #eee;
    	padding: 4px 10px;
    	margin: 7px 0px 0px 25px;
    	font-weight: normal;
    	line-height: 18px;
    }

    ol.notes blockquote a {
    	text-decoration: none;
    }

    ol.notes .answer_content {
    	font-weight: normal;
    }
					
	

/* ---- static-mirror additions (header name links + nav, identical look) ---- */
#header h1.title { color:#1D1801; text-align:center; font-size:3.75em; letter-spacing:-1px;
    font-weight:normal; margin:0; line-height:1.05em; font-family:Helvetica,Arial,sans-serif; }
#header h1.title a { color:#1D1801; text-decoration:none; }
#header h1.title a:hover { text-decoration:underline; }
/* the black bar links home; the nav links ride on top and keep their own targets */
#header .bar { position:relative; }
#header .bar a.bar-home { position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:1; }
#header .bar .bar-links { position:relative; z-index:2; }
.video-embed { position:relative; }
.video-embed iframe { max-width:100%; }
.postnav { width:488px; font-family:Verdana,Arial,sans-serif; font-size:0.75em; color:#9C9C9C;
    border-top:1px dotted #ccc; margin:0 0 0 300px; padding:8px 6px; }
.postnav a { color:#1D1801; text-decoration:none; }
.postnav a:hover { text-decoration:underline; }
.postnav .muted { color:#ccc; }
#footer .credit { width:488px; margin:8px 0 0 300px; color:#9C9C9C;
    font-family:Verdana,Arial,sans-serif; font-size:0.69em; }
#footer .credit a { color:#9C9C9C; }
.archive-list { line-height:1.9em; }
.archive-list a.arc { display:block; text-decoration:none; color:#1D1801; }
.archive-list a.arc:hover .arc-title { text-decoration:underline; }
.archive-list .arc-date { color:#9C9C9C; font-family:Verdana,Arial,sans-serif;
    font-size:0.8em; display:inline-block; width:130px; }
#content #post .left .tags span.tag { color:#9C9C9C; text-decoration:none; padding:1px 3px;
    margin:0 0 3px 3px; float:right; }
@media (max-width:840px) {
    #header,#content,#content #post,#footer { width:auto; max-width:800px; }
    #content #post .left { width:auto; float:none; text-align:left; }
    #content #post .left a.timestamp { width:auto; display:inline-block; }
    #content #post .right { width:auto; float:none; padding:10px 0 0 0; }
    #footer #pagination,.postnav,#footer .credit { width:auto; margin-left:0; }
}