/* Reset */

body { font-size: 1.1em; line-height: 140%; }
body, h1, h2, h3, ul, ol, blockquote { margin: 0; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*
 Body
 */

body { margin-top: 3em; }

body { font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; }

/*
 Header
 */

header { padding: 0.5em 1em; float: left; height: 100%; width: 16em; }
header h1 { margin-bottom: 0.5em; }
header h2 { margin: 2em 0 0; }
header ol { list-style: none; }
header ol li { display: block; margin: 0.5em 0; }
header p { margin: 0 auto 1em; }
header svg { height: 25px; width: 25px; margin-right: 0.25em; }

header h2 { font-size: 1.3em; font-weight: 200; }
header h1, header h1 a { font-weight: lighter; }
header p, header ol { font-weight: 300; }
header a { font-weight: 400; }
header p strong { font-weight: 500; }

header a { color: black; }

/*
 Content
 */
div#content { margin-left: 20em; width: 35em; }

/*
 Articles
 */

article { margin-bottom: 2em; }
article h1 { display: inline-block; }
article h2 { margin-top: 1.5em; }
article h3 { margin-top: 1.25em; }
article p { line-height: 1.5em; }
article div.date { display: inline-block; margin-left: 1em; }
article blockquote { margin: 1.5em 1em; }
article blockquote > * { margin: 0 2em; }
article ol, article ul { margin-left: 2em; }
article p code { padding: 0.1em 0.3em; }

article { color: #333; }
article h1, article h2, article h3 { font-weight: 500; }
article h1 a { color: black; }
article h2 { font-size: 1.2em; }
article h3 { font-size: 1.1em; }
article blockquote { color: #555; }
article p code { font-size: 1.1em; background-color: #f4f4f4; color: #333; }

article blockquote:before { content: "“"; float:left; padding: 0; position: relative; top: 0.25em; font-size: 3em; }
article:after { content:"◼︎"; }

/*
 Archives
 */

table.archive { margin-top: 1em; }