/* Reset */
body * {
  margin:0;
  padding:0;
}

/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
  display: block;  
}  

/* Page structure */
body {
  font-family:Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 62.5%;
  color:#6A958A;
  line-height:1.3em;
  background:#302226;
	}

/* Header is outside the page */
	body > header {
		height:183px;
		margin:0 auto;
		padding:0;
		}
		body > header h1 {
			margin:0;
			font-size:2.4em;
			padding:10px 20px 10px 0;
			text-align:right;
			}
			body > header h1 a {
				border:none;
			}
			body > header h1 a:hover {
				border-bottom:thin solid #956A75;
			}
		body > header h2 {
			font-style:italic;
			font-size:1.4em;
			text-align:right;
			margin:0;
			padding:0 20px 0 0;
		}

/* Main page container */
#page {
	margin:0 auto;
  width:725px;
	}

		#main {
			width:425px;
			margin:0 0 0 222px;
			min-height:500px;
			}
			#content {
				margin:0;
				overflow:hidden;
				font-size:1.2em;
				}
				#content .entry-tags {
					line-height: 1.2em;
				}
				nav {
					margin-bottom:20px;
				}
				nav .current-page {
					border:thin solid;
				}
				nav a {
					border:none;
					padding:1px;
				}
				#content nav {
					min-height:2.2em;
          margin-top:20px;
				}
				#content nav .next {
					float: right;
				}
				#content nav .previous {
					float: left;
				}
				.post-content ul {
					list-style-type:disc;
					padding:5px;
					margin:0 0 40px 20px;
					padding-bottom:3em;
					}
					.post-content ul li {
						line-height:1.2em;
						margin:6px 0 0 0;
						padding:0;
					}

		aside {
			width:180px;
			position:absolute;
			padding:0px 8px 10px 8px;
			margin:0;
			text-align:right;
			font-size:1.1em;
			min-height:500px;
			}
			aside a {
				border:none;
			}
			aside ul {
				list-style-type:none;
				padding:5px;
				margin:0 0 80px 0;
				padding-bottom:3em;
			}
			aside ul li {
				margin:0.1em 0 0 0;
			}

		footer {
			margin:7px auto;
			padding:px 0;
			border-top:#956A75 1px solid;
			font-size: 0.8em;
			text-align:center;
		}

/* Element defaults */

a {
  color:#6A958A;
	border-bottom:thin dotted #956A75;
  text-decoration:none;
}
a:hover {
	border-bottom:thin solid;
	background-color:#3B544D;
	text-shadow:1px 1px 1px #000;
}
a img {
  border: none;
}

h1, h2, h3, h4 {
  font-weight: normal;
  letter-spacing: 1px;
	line-height: 1.2em;
}
p {
  margin: 0 0 1em;
  padding: 0;
  line-height: 1.5em;
}

input.text, textarea {
  background: #F3F6ED;
}
acronym, abbr {
  border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
  cursor: help;
  letter-spacing: .07em;
}
code {
  font-size: 1em;
  font-style: italic;
  white-space: pre;
}
blockquote {
  margin: 15px 30px 15px 45px;
  padding: 0 0 0 45px;
  font-style:italic;
}
blockquote em {
  font-style:normal;
}

cite {
  font-size: 0.9em;
  font-style: normal;
}
article {
  margin:0 0 30px 0;
}
article img {
  margin: 5px;
  max-width: 100%;
}

.post-title, .page-title {
  font-size:1.3em;
  font-style: italic;
  margin:0;
}
.page-title {
  font-size:1.6em;
  font-weight:normal;
}
#content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active {
  border:none;
}
article time {
  float:left;
  font-size:0.9em;
  font-style:italic;
  text-align:center;
  margin:3px 10px 0 0;
  padding:0px 8px 8px;
  width:55px;
  line-height:1.1em;
}

.post-content {
  padding:10px 0;
  margin:10px 0;
  border-top:#956A75 1px solid;
  font-size:1em;
}

.draft {
/* Use some CSS effects to get a rotated background "draft" */
}

/* footnotes */
.footnotes {
	padding-top:4px;
  border-top:#956A75 1px solid;
	font-size:0.9em;
}

/* Clear fix to clear elements */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}