body { font-family: Georgia, serif; color: #2a2118; line-height: 1.6;
  background: #c9b48c; margin: 0; padding: 2em 1em; }
.page { max-width: 720px; margin: 0 auto; background: #f7f1e1;
  border: 1px solid #8c7a55; border-radius: 6px; padding: 1.5em 2em;
  box-shadow: 0 2px 10px rgba(60, 45, 20, 0.35); }
header a { text-decoration: none; color: inherit; }
header h1 { margin-bottom: 0; color: #5c4a2a; }
.byline { margin-top: 0.2em; color: #8a7855; font-style: italic; }
header { border-bottom: 2px solid #d8c8a0; margin-bottom: 1.5em; }
h2 { margin-bottom: 0.1em; color: #5c4a2a; }
.date { color: #998a66; font-size: 0.85em; }
a { color: #7a5a2a; }
ul.index { list-style: none; padding: 0; }
ul.index li { padding: 0.6em 0.8em; margin-bottom: 0.5em;
  border: 1px solid #d8c8a0; border-radius: 4px; background: #fffdf6; }
ul.index li:hover { background: #fff; border-color: #b89a60; }
ul.index .date { display: inline-block; width: 9em; }
article { border: 1px solid #e3d6b6; border-radius: 4px;
  background: #fffdf6; padding: 0.5em 1.2em 1em; }
.center { text-align: center; }
img { max-width: 100%; height: auto; }
footer { margin-top: 2em; border-top: 2px solid #d8c8a0; padding-top: 1em; }