* {
	font-weight: inherit;
	font-family: sans-serif;
	line-height: 1.6;
}

body {
	max-width: 100%;
	min-width: 360px;
	width: 640px;
	margin: 0 auto;
	font-size: 12pt;
}

body.wide {
	width: auto;
}

header, footer {
	background-color: #eee;
	padding: 1ex 1em;
}

article {
	padding: 6pt;
}

footer {
	text-align: right;
}

.left {
	float: left;
}

#portrait {
	float: left;
	margin: 1em 6pt 1em 0;
	text-align: right;
	width: 34%;
}

.right {
	width: 320px;
	float: right;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 16pt;
}

h1, h2, h3 {
	margin-bottom: 0;
}

.wrap {
	margin: 1em 1em 0;
}

footer {
	clear: both;
}

.multicol {
	padding: 0 1.5em 1.5em;
	max-width: 80em;
	        columns: 25em;
	   -moz-columns: 25em;
	-webkit-columns: 25em;
	        column-gap: 3em;
	   -moz-column-gap: 3em;
	-webkit-column-gap: 3em;
	        column-rule: thin solid #A8B6B9;
	   -moz-column-rule: thin solid #A8B6B9;
	-webkit-column-rule: thin solid #A8B6B9;
}

.multicol ul {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-before: avoid;
	-webkit-column-break-before: avoid;
}

h1, h2, h3 {
	break-after: avoid;
	-webkit-column-break-after: avoid;
}

code {
	max-width: 100px;
	font-family: monospace;
	word-wrap: break-word;
}

.entries h3 {
	margin-top: 0;
}

.entries .entry-date {
	margin-top: .25em;
}