body {
  background-color: white;
  color: #333;
  font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  font-size: 100%;
  padding: 0 1.5em;
}

h1 {
  color: #333;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}

h1 a {
  color: #333;
}

h1 em {
  font-style: italic;
}

footer, header, main {
  margin: 1.5em auto;
  max-width: 50em;
}

footer {
  display: flex;
  flex-flow: row wrap;
}

footer section {
  flex: 1 33.333%;
  min-width: 15em;
}

body#home header, body#home main {
  text-align: center;
}

body#home main h3 {
  display: none;
}

#sitename a {
  color: #333;
  font-size: 3em;
}

h1.quoted,
li.quoted {
  text-indent: -0.4em;
}

h2, h3 {
  color: #333;
  font-size: 1.286em;
  line-height: 1.1667;
  margin-bottom: 1.1667em;
  margin-top: 1.1667em;
}

p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

p.caption,
p.author {
  font-size: .857em;
  line-height: 1.75;
}

p.caption {
  text-align: center;
}

p.photo {
  margin: 1.1667em 0;
  text-align: center;
}

p.photo img {
  -webkit-box-shadow: #aaa 3px 3px 10px;
}

p.caption {
  margin-top: -1.75em;
}

p.author {
  margin-top: -1.1667em;
}

li {
  font-size: 1em;
  line-height: 1.5;
}

ul {
  margin-bottom: 1.5em;
  padding: 0;
}

header h1,
header h1 a {
  font-size: 1.75em;
}

article header h1 {
  font-size: 1.5em;
}

pre {
  background-color: lightgray;
  font-size: .857em;
  line-height: 1;
  overflow-x: scroll;
  padding: 1em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

ul {
  list-style-type: square;
}

ul ul {
  list-style-type: circle;
  padding-left: 1em;
}

ul ul ul {
  list-style-type: disc;
}

div.slideshow {
  background-color: black;
  margin-bottom: 1.5em;
  text-align: center;
  width: 50em;
}

code {
  font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}

blockquote {
  font-style: italic;
  line-height: 1.5;
  margin-left: 1.5em;
}

ol {
  list-style: decimal outside;
}

ol li {
  margin-bottom: .5em;
}

nav.articles {
  margin-top: 2em;
}

nav.articles ul {
  list-style-type: none;
}

nav.articles ul li.previous {
  margin-left: -1.3em;
}

a {
  text-decoration-style: dotted;
}

a:hover {
  text-decoration-style: solid;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p.photo a, span.previous a, span.next a, #sitename a {
  text-decoration-line: none;
}

img#cclef {
  -webkit-box-reflect: below 1px 0 color-stop(0.5,transparent), to(white));
}

input {
  font-size: 100%;
  height: 1.777em;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 1.777;
}

div.post + div.post {
	margin-top: 5em;
}