body { font-family: Ubuntu, Calibri, sans-serif; font-size: 1em; margin: 2em; }

.c, .s { font-size: 0.9em; background-color: #ececec; }

p.c, p.s { padding: 0.5em; }

.c::before, .s::before { color: #7e7e7e; font-weight: bold; }

.c::before { content: "Chris: "; }

.s::before { content: "Simon: "; }

a, a:visited { text-decoration: none; color: #c15728; }

a:hover { text-decoration: underline; }

h1, h2, h3 { font-family: Palatino, "Book Antiqua", Garamond, "Palladio URW", serif; color: #666; margin: 0; }

h1 { font-size: 5em; }

h2 { font-size: 3em; }

h3 { font-size: 2em; }

header { margin: 0 0 3em 0; }
header h1 { padding: 0; font-weight: 900; font-style: oblique; }
header h1 a, header h1 a:visited { color: #666; }
header nav { text-align: right; }
header nav ul { margin: 0; padding: 0; }
header nav ul li { display: inline; padding: 0 0 0 1em; }

section, header { max-width: 960px; }

section.articlelist ul { list-style: none; padding: 0 0 0 0; }
section.articlelist ul li { margin: 0 0 3em 0; }
section.articlelist ul h3 { margin: 0 0 0 0; }

div.excerpt, div.postcontent { text-align: justify; text-justify: inter-word; }

div.postcontent { margin: 2em 0 0 0; }

div.byline { font-size: 0.8em; }