/*	This stylesheet and the general styling of my pages
	in general were taken from mcstories.com			*/

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

#text {
   color: black;
   background: #e6e6e6;
   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;
}

#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 { 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;
}

.mfcode {
	margin-left: 1cm;
	margin-bottom: 0.5em;
}

.stage { font-style: italic }
em em   { font-style: normal }
em em em  { font-style: italic }
div.form { font-style: 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: 0em;
    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: 2px;
    margin: 1em 2em;
    border-width: 1px 0 0 0;
    border-color: gray;
    border-style: dashed;
}

.frontmatter, .backmatter {
    font-size: 95%;
    background: #cccccc;
    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: 0em;
    margin-top: 0.5em;
    margin-bottom: 0em;
}

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