html {
	max-width: 33rem;
	margin: 0 auto;
	font-family: sans-serif;
}

body {
	font-size: 11pt;
	margin-bottom: 40%;
}

nav {
	float: right;
}

nav a {
	margin: .25em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 2rem 0 .5rem;
}

p, ul, ol {
	margin: 1rem 0;
}

p {
	line-height: 1.5;
}

a {
	text-decoration: none;
}

hr {
	border-top: .25px solid #bbb;
	margin: 1rem auto;
	width: 80%;
}

img, video {
	max-width: 100%;
	margin: auto;
}

aside {
	background-color: #ffffcc;
	color: #444444;
	padding: 0.75em 2em;
	margin-bottom: 1rem;
	border-left: 0.25em solid #cccc33;
}

blockquote {
	border-left: .25rem #888 solid;
	color: #888;
	margin-left: 0;
	padding-left: 1rem;
}

div.code {
	background-color: #f3f3f3;
}

div.code > div.file {
	border-bottom: 1px solid #aaa;
	padding: 1rem;
}

pre {
	padding: 1rem;
	tab-size: 4;
	max-width: 100%;
	overflow: scroll;
}

tr.post {
	border-bottom: .2rem solid #444;
}

tr.post td {
	padding: .3rem .2rem;
}

td.date {
	text-align: right;
	vertical-align: top;
	min-width: 4rem;
}