body {
    background: #ccffcc;
    text-align: center;
}

#text {
   color: black;
   background: #e8ffe8;
   margin: 2em auto;
   padding: 1em 3em;
   width: 35em;
   font-family: palatino linotype, palatino, book antiqua, hoefler text, georgia, serif;
   line-height: 150%;
   font-size: 105%;
   text-align: left;
}

// .body {
//    text-align: justify;
//    line-height: 140%;
// }

#masthead, #footer {
    margin: 1em auto;
    width: 41em;
}

#masthead div, #footer div {
    font-family: helvetica, arial, sans-serif;
    line-height: 20px;
}

.nav  { font-size: 80% }
.colortable { font-size: 80% }
.storyindex, .author { font-size: 90% }

.arrows { font-family: helvetica, arial, sans-serif; }

.overstrike { text-decoration: line-through }

.epigraph .bibl { text-align: right; margin-right: 4em; }
.signed { font-style: italic }
.lg, .sp, .pick, .story, .chapter { margin-top: 1em }

blockquote {
    margin-left: 2em;
    margin-right: 2em;
}

#masthead a:link, #footer a:link, #masthead a:visited, #footer a:visited {
    text-decoration: none;
    color: black;
    border-bottom: 0;
}

#masthead a:hover, #footer a:hover {
    text-decoration: none;
    color: white;
    background: black;
    border-bottom: 0;
}

a:link {
    text-decoration: none;
    color: black;
    border-bottom: 1px solid darkslateblue;
}

a:visited {
    text-decoration: none;
    color: darkslateblue;
    border-bottom: 1px solid darkslateblue;
}

a:hover {
    text-decoration: none;
    color: white;
    background: darkslateblue;
}

a.mm:link, #footer a.mm:link, #footer a.mm:visited {
    text-decoration: none;
    border-bottom: 2px solid cyan;
}

a.mm:visited {
    text-decoration: none;
    color: darkslateblue;
    border-bottom: 2px solid cyan;
}

a.mm:hover, #footer a.mm:hover {
    text-decoration: none;
    background: cyan;
    color: black;
}

a.fd:link, #footer a.fd:link, #footer a.fd:visited {
    text-decoration: none;
    border-bottom: 2px solid green;
}

a.fd:visited {
    text-decoration: none;
    color: darkslateblue;
    border-bottom: 2px solid green;
}

a.fd:hover, #footer a.fd:hover {
    text-decoration: none;
    background: green;
    color: white;
}

a.md:link, #footer a.md:link, #footer a.md:visited {
    text-decoration: none;
    border-bottom: 2px solid yellow;
}

a.md:visited {
    text-decoration: none;
    color: darkslateblue;
    border-bottom: 2px solid yellow;
}

a.md:hover, #footer a.md:hover {
    text-decoration: none;
    background: yellow;
    color: black;
}

a.ff:link, #footer a.ff:link, #footer a.ff:visited {
    text-decoration: none;
    border-bottom: 2px solid red;
}

a.ff:visited {
    text-decoration: none;
    color: darkslateblue;
    border-bottom: 2px solid red;
}

a.ff:hover, #footer a.ff:hover {
    text-decoration: none;
    background: red;
    color: white;
}

a.mf:link, #footer a.mf:link, #footer a.mf:visited {
    text-decoration: none;
    border-bottom: 2px solid purple;
}

a.mf:visited {
    text-decoration: none;
    color: darkslateblue;
    border-bottom: 2px solid purple;
}

a.mf:hover, #footer a.mf:hover {
    text-decoration: none;
    background: purple;
    color: white;
}

.stage { font-style: italic }
em em   { font-style: normal }
em em em  { font-style: italic }
div.form { font-weight: bold }

pre, tt, .typewriter { font-family: courier new, courier, monospace }

h3 {
    font-size: 130%;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 150%;
}

p {
    text-indent: 2em;
    margin-top: 0.5em;
    margin-bottom: 0em;
}

.mindthegap {
    margin-top: 3em;
}

.milestone {
    display: block;
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    letter-spacing: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

hr {
    height: 1px;
    margin: 1em 2em;
    border-width: 1px 0 0 0;
    border-color: gray;
    border-style: dashed;
}

.frontmatter, .backmatter, div.note {
    font-size: 95%;
    background: #ccffcc;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* Ignored in IE6. Minor adjustments; not a big deal. */

h3 + p, p:first-child, div + p {
    text-indent: 0;
}

p + h3, div + h3, p + div {
    margin-top: 0.5em;
}

#datecol {
    width: 11em;
}

.screenplay {
    font-family: courier new, courier, fixed;
    text-indent: 0;
    margin-left: 4em
}

.screenplay .sp {
    margin-left: 4em;
    margin-right: 4em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.screenplay .speaker {
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: normal;
}


.screenplay .sp .stage {
    text-align: center;
    display: block;
}

.screenplay div.stage {
    margin-top: 2em;
    margin-bottom: 2em;
}