* {
	font-family: "Times New Roman", Times, serif;
}

body {
	background: #8a8a7e url(bg.png) repeat;
	color: #000;
}

a {
	color: #567854;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: 0;
}

#wrapper {
	background: #e7e3cc;
	margin: 0 auto;
	padding: 2em;
	width: 80%;
}

	#site_logo {
		font-size: 1.8em;
		letter-spacing: 0.2em;
		margin: 0.5em 0 0 0;
		text-align: center;
	}
		#site_logo:before, #site_logo:after { content: "~ "; }

	#navigation {
		font-size: 0.9em;
		list-style-type: none;
		margin: 0;
		padding: 0 0 2em 0;
		text-align: center;
	}
		#navigation li {
			display: inline;
			margin: 0;
			padding: 0;
			text-align: center;
		}
			#navigation li span {
				padding: 0 1em;
			}
			#navigation li + li:before {
				content: " ~ ";
			}

	#main_content {
		clear: both;
	}
		#content, #sidebar {
			float: left;
		}
		#content {
			border-right: 1px dotted #afac9a;
			margin-bottom: 2%;
			min-height: 17em;
			padding-right: 3%;
			width: 70%;
		}
			blockquote {
				border-left: 1px solid #afac9a;
				font-style: oblique;
				margin-left: 2em;
				padding-left: 2em;
				
			}
			#content img {
				max-width: 99%;
			}
		#sidebar {
			font-size: 85%;
			margin-bottom: 2%;
			padding: 0 0 2% 3%;
			width: 20%;
		}
			#sidebar h2 {
				margin: 0.75em 0 0.25em 0;
				padding:0;
			}
			#sidebar ul {
				list-style-position: inside;
				margin-left: 0;
				padding-left: 0;
			}
	
	#footer {
		border-top: 1px solid #afac9a;
		clear: both;
		font-size: 0.8em;
		margin-top: 2em;
		padding-top: 1em;
		text-align: center;
	}
	
	.flash_message {
		background: #fff;
		opacity: 0.8;
		padding: 1em;
	}
	
	.comment {
		border-bottom: 1px dotted black;
		margin-bottom: 1em;
	}
	
	#comment_form {
		margin: 1em 0;
	}
	#comment_form div {
		margin: 1em 0;
	}
	
	#comment_form label { padding-right: 1em;}