style.css

/* 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, .post-content ol {
					list-style-type:disc;
					padding:5px;
					margin:0 0 40px 20px;
					padding-bottom:3em;
					}
					.post-content ul li, .post-content ol 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;
}

dl {
  line-height: 1.5em;
  }
  dt {
    font-weight: bold;
    display: inline;
  }
  dt:after {
    font-weight: normal;
    content: " \000BB  ";
  }
  dd {
    display: inline;
  }

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 20px 15px 25px;
  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;
  min-height:250px;
}

.draft:before {
  content:"DRAFT";
  z-index:-1000;
  position:relative;
  text-align:center;
  top:200px;
  color:black;
  font-size:8em;
  display:block;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0.3;
  text-shadow: 0 0 2px #21191B;
}

/* 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%;
}

/* GeSHi */
.geshicode {
  background: lightgrey;
  border: 1px solid #141414;
  color: black;
  padding: 5px;
  margin: 5px;
  font-family: Monaco, Courier, monospace !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  overflow-x: auto;
  overflow-y: hidden;
}