/* Background Patterns */

#chapter {background: transparent url('33.png')}
#index {background: transparent url('bk.png')}
hr {height: 1px; border: none}
body {margin: 2em; padding: 1em; border-width: 1px; border-style: solid}

/* Font/Margin/Link Information */

div, span, h1, h2, h3, p, dl, ul, ol {border-color: inherit}
p {margin-left: 2em; margin-right: 2em; text-align: justify}
a {text-decoration: none; font-family: sans-serif}
a:hover {text-decoration: underline}
h1 {text-align: center; font: bold xx-large sans-serif; margin-top: 1em}
h2 {text-align: left; font: bold x-large sans-serif; margin-left: -1.0125em; margin-right: -1.0125em; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 0.125em; padding-bottom: 0.125em; padding-right: 0.125em; padding-left: 0.9875em}
h3 {text-align: left; font: bold large sans-serif; margin-left: -1.2625em; margin-right: -1.2625em; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 0.125em; padding-bottom: 0.125em; padding-right: 0.125em; padding-left: 0.9875em}

.columned {-moz-column-count: 2; -webkit-columns: 2}

/* Epigraph */

#epigraph {width: auto; margin-left: 6em; margin-right: 6em; padding: 0.5em; background: url('33.png'); border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid}
#epigraph ol {padding: 0; margin: 0}
#epigraph li {padding: 0; margin-left: 1.5em; margin-right:1.5em; text-align: justify}
#epigraph dd {padding: 0; margin: 0; text-align: right}

/* Navigation */

#navigation {display: block; text-align: center; margin: 0; padding: 0}
#navigation:after {content: ' * ~'}
#navigation:before {content: '~'}
#navigation li {display: inline; margin: 0; padding: 0}
#navigation li:before {content: ' * '}

/* Stories */

.story {margin-left: 2em; margin-right: 2em; padding: 0}
.story dt {margin:0; padding: 0; font: bold large sans-serif}
.story ul {margin:0; padding: 0; display: inline}
.story ul:before {content: '('}
.story ul:after {content: ')'}
.story li {margin:0; padding: 0; display: inline}
.story li+li:before {content: '; '}
.parts {display: inline; font: normal small serif; margin: 0}
.keywords {display: inline; font: normal small serif; margin: 0}
.incipit {display: block}

#prose {line-height: 1.4em}

/* Forms */

#useremail {display: block; width: 100%}
#comments {display: block; width: 100%}
label {display: block; text-align: left; font: bold small sans-serif}

/* Style Switcher */

#styleSwitcherBox {display: block; float: right; text-align: right; font-size: xx-small; margin: 0; padding: 2px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; background: url('33.png')}
#styleSwitcherBox dd {display: inline; margin: 0; padding: 0}
#styleSwitcherBox dt {display: inline; margin: 0; padding: 0}
#styleSwitcherBox dt:after {content: ': '}
#styleSwitcherBox dd+dd:before {content: ', '}