body {
			margin: 30px 0;
			padding: 0;
			color: #1D1801;
			font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', 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-decoration: none;
				font-size: 3.75em;
				letter-spacing: -1px;
			}
			
			#header .bar {
				width: 788px;
				height: 21px;
				font-family: Verdana, Geneva, Tahoma, sans-serif;
				font-size: 0.69em;
				line-height: 1.8em;
				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: Verdana, Geneva, Tahoma, sans-serif;
					font-size: 0.69em;
					text-align: right;
					float: left;
				}
		
					#content #post .left a.timestamp {
						width: 258px;
						height: 21px;
						color: #FFFFFF;
						text-decoration: none;
						line-height: 1.8em;
						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;
    }
					
	a.install {
        width: 96px;
        height: 20px;
        
        display: block;
        position: absolute;
        top: 26px;
        right: 3px;
    }
	
	
	
/* Retain the original desktop theme while fitting narrow screens. */
a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.migration-comments { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #ddd; font-size: .9em; }
@media (max-width: 850px) {
  body { margin: 20px 16px; }
  #header, #content { width: 100%; max-width: 800px; }
  #header a.title { font-size: clamp(2rem, 9vw, 3.75rem); }
  #header .bar { width: auto; height: auto; min-height: 21px; padding: 5px 8px; }
  #content #post { width: 100%; }
  #content #post .left { display: none; }
  #content #post .right { width: 100%; float: none; margin: 0; box-sizing: border-box; overflow-wrap: anywhere; }
  #content #post .right iframe { max-width: 100%; }
  #credit { max-width: 100%; }
}