html,
body {
        margin: 0;
        padding: 0;
        color: #000;
        background: #FFA }
body {
        font-family: sans-serif;
        height: 100%;
        width: 100%;
        text-align: justify }
a  {
        color: #44F;
        background: transparent }
a img { border: 0 }
a:link,
a:active,
a:visited { text-decoration: none }
a:link:hover,
a:visited:hover { color: #0A0 }
h1 {
        font-size: 2.5em;
        font-weight: bold;
        margin: 0.5em 0;
        text-align: center }
h2 {
        font-size: 1.4em;
        font-weight: bold;
        margin: 0.5em -0.5em;
        border: medium outset #964;
        padding: 0.2em 0.5em;
        color: #FFF;
        background: #964;
        clear: both }
h3 {
        font-size: 1.2em;
        font-weight: bold;
        margin: 0.5em 0 }
div.boiler {
        font-size: 0.7em;
        text-align: center;
        margin: 1em auto;
        border-top: 1px solid #EE9;
        padding: 1em 0 }
div.boiler p { color: #880; margin: 0 }
sup.endnote { font-size: 0.6em }
div.shadow {
        max-width: 45em;
        margin: 2em auto 1em;
        background: #CC8;
        border-left: 4em solid #FFA /*for centering*/ }
div.shadow>div {
        border: thin solid #008;
        background: #FFE;
        position: relative;
        bottom: 2em;
        right: 2em }
div#content { padding: 0 1em }
div#content>div {
        padding: 0 0.5em;
        margin: 0 0.5em /*for :target hilight*/ }

/* Slick dl styling courtesy of http://www.moronicbajebus.com/playground/cssplay/dl/ */
dl {
        float: left;
        width: 97%;
        padding: 1%;
        margin-bottom: 1em }
dl dt {
        float: left;
        clear: left;
        width: 24%;
        padding: .5em 3% 1em 3%;
        font-weight: bold;
        margin: 0 -1px 0 0;
        border-right: 1px solid #ABD }
dl dd {
        width: 60%;
        padding: .5em 4.5% 1em 5%;
        float: left;
        margin: 0 ;
        border-left: 1px #ABD solid;
        clear: right /*Force the dd to break to the next line.*/ }
dl>dd+dt,
dl>dd+dt+dd { border-top: 1px #ABD solid }

.figure { margin-bottom: 0.5em; border: thin solid black }
.right { float: right; margin-left: 0.5em }
.left  { float: left; margin-right: 0.5em }

ol.nav { font-size: 1.3em }
div.nav {
        max-width: 45em;
        margin: 0 auto 1em;
        text-align: center;
        padding: 0.5em;
        border: thin solid black;
        background: #FFE;
        font-size: 1.1em }
div.nav a { float: left; color: #00F }
div.nav.thirds  a { width: 33% }
div.nav.fourths a { width: 25% }
div.nav a.nolink { color: #F00 }
div.nav a:link:hover,
div.nav a:visited:hover {
        color: #00F; text-decoration: underline }
.nav a.prev,
.nav a.first { text-align: left; /*float: left */ }
.nav a.next,
.nav a.last  { text-align: right; float: right }

h1.cited { text-align: center }
ul.cited { list-style: none }
ul.cited sup { font-size: 1em }
ul.cited li {
        padding-left: 5em;
        text-indent: -5em;
        line-height: 2em;
        text-align: left }

div.stretcher { clear: both /* HACK HACK HACK */ }
:target { background: #EEF /* CSS3! */ }

img#apotato {
        width: 100%;
        border: 1px solid black;
        margin: 0 -1px 1em }