body {background-color: #fffac1; color: black; font: 11pt/15pt Georgia, serif;}

h1, h2, h3, h4 {font-family: Helvetica, sans-serif; margin: 0; padding: .5em 0;}
h2 {font-size: 130%; text-transform: uppercase;}
h3 {font-size: 120%; text-transform: lowercase;}

a, a:link {background-color: #cc8; color: black; text-decoration: none;}

/* h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link {background: none;} */
h1 a:after, h1 a:link:after, h2 a:after, h2 a:link:after, h3 a:after, h3 a:link:after {background-color: #cc8; content: "\2192"; margin-left: .25em;}

a:hover, a:focus,
h1 a:hover, h1 a:focus, h1 a:hover:after, h1 a:focus:after,
h2 a:hover, h2 a:focus, h2 a:hover:after, h2 a:focus:after,
h3 a:hover, h3 a:focus, h3 a:hover:after, h3 a:focus:after {background-color: #ccc;}

a img {display: block; border: none;}
blockquote {border-left: 2pt solid black; margin: .75em 1em; padding-left: 1.5em;}
/*
blockquote {float: left; margin: 1em 50pt; padding: 0; position: relative;}
blockquote:before {clear: left; content: '\201C'; left: -30pt; bottom: 0pt;}
blockquote:after {content: '\201D'; right: -10pt; top: 0pt;}
blockquote:before, blockquote:after {position: absolute; float: left; font-family: sans-serif; font-size: 800%;}
*/
p {margin: 0; padding: 0 0 .5em 0;}

ul, ol {margin-top: .25em;}
li {list-style: square;}

kbd, code {font-family: Menlo, Consolas, monospace; font-size: 80%;}
code {display: block; line-height: 1.2em; margin: 1em;}

#page {}
#head a:hover img, #head a:focus img {background-color: #ccc}
#head, #main, #foot {margin: auto; width: 300pt;}
#foot {padding-top: 4em; font-size: 80%; }


.timestamp {font-size: 80%;}
.left {float: left;}
.right {float: right;}
.inline {display: inline;}

h2.inline:after {content: ' \2014 ';}