html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  font-family: Georgia;
  line-height: 1;
  letter-spacing: 0;
}

.metanarrative {
  background: url(green_stuff.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-color: #000;
  color: #fff;
}

.fade-metanarrative-to-narrative {
  display: block;
  height: 300px;
  background: url(fade_in.png);
  background-repeat: repeat-x;
  background-position: top center;
}

.narrative {
  color: #444;
  background-color: #fff;
}

ol, ul {
  list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

section, article, header, nav, footer, aside {
  display: block;
}

/* Basic element styles */
strong{ font-weight: bold; letter-spacing: 0.1em; }
em{ font-style: italic; }
abbr{ border-bottom: 1px dotted #aaa; }

a { color: #4a2; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #472; }

blockquote:before { content: "\201C"; margin-right: 0.05em; color: #777; }
blockquote:after { content: "\201D"; color: #777; }
q:before { content: "\201C"; }
q q:before { content: "\2018"; }
q:after { content: "\201D"; }
q q:after { content: "\2019"; }

sub, sup{ height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 75%; }
sub{ top: .5ex; }
sup{ bottom: 1.25ex; }

p, blockquote {
  line-height: 1.7em;
  margin-top: 1.1em;
  margin-bottom: 1.1em;
}

li {
  line-height: 1.4em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

ul li {
  margin-top: 1.1em;
  margin-bottom: 1.1em;
}

.header {
  padding-top: 5em;
  margin-bottom: 5em;
}

h1 {
  font-family: Georgia;
  color: #000;
  font-weight: normal;
  font-size: 64px;
  letter-spacing: 9px;
  text-align: center;
}

h2 {
  color: #000;
  font-family: Verdana;
  font-size: 12px;
  letter-spacing: 2px;
  margin-top: 0.8em;
  text-transform: uppercase;
  line-height: 1.4em;
  text-align: center;
}

h2 a, h2 a:visited {
  color: #aad;
  text-decoration: underline;
}

.content-area {
  width: 832px;
  margin: 0 auto;
  margin-top: 5em;
  margin-bottom: 5em;
}

hr {
  border: none;
  margin-top: 8em;
  margin-bottom: 8em;
}

hr:after {
  display: block;
  content: "\2766";
  color: #8c8;
  text-align: center;
}

.booknav {
  margin: 0 auto;
  text-align: center;
  display: block;
  height: 1.7em;
}

.booknav ul {
  display: inline;
}

.booknav li {
  margin: 0;
  line-height: 1.7em;
}

.booknav li a {
  color: #8c8;
  padding: 0em 0.5em;
  font-weight: bold;
  letter-spacing: 0.1em;

  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
}

.booknav li a:hover {
  background-color: #8c8;
  color: #fff;
  text-decoration: none;
}

.booknav li.prev {
  float: left;
}

.booknav li.prev a:before {
  content: "\2190";
  margin-right: 0.25em;
}


.booknav li.next {
  float: right;
}

.booknav li.next a:after {
  content: "\2192";
  margin-left: 0.25em;
}

.folio-prose {
  margin: 0 auto;
  width: 736px;
}

.folio-prose p, .folio-dialogue p {
  line-height: 1.8em;
  margin: 0 auto;
  padding-top: 1.1em;
  padding-bottom: 1.1em;
  width: 736px;
}

.folio-dialogue blockquote {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  padding: 0.5em 1.0em;
  line-height: 1.7em;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  width: 608px;
  margin-right: 208px;
  margin-left: auto;
}

.folio-dialogue blockquote.reply {
  margin-left: 208px;
  margin-right: auto;
}

.folio-dialogue blockquote.centered {
  margin-left: auto;
  margin-right: auto;
}

.folio-dialogue .a { background-color: #ddf; }
.folio-dialogue .b { background-color: #dfd; }
.folio-dialogue .inv-a {
  background-color: #fff;
  color: #444;
}

.folio-dialogue p {
  margin-bottom: 1.8em;
}

.folio-footnotes-divider {
  display: block;
  content: " ";
  position: relative;
  left: -1em;
  width: 20%;
  border-top: 1px solid #ccc;
}

.folio-footnote {
  margin: 0;
}

q.scare:before { content: "\""; }
q.scare:after { content: "\""; }
q q.scare:before { content: "\'"; }
q q.scare:after { content: "\'"; }
q.foreigntrans:before { content: "\300C"; }
q.foreigntrans:after { content: "\300D"; }

a.footnote-link {
  color: #aad;
  vertical-align: super;
  font-size: 80%;
}

a.footnote-link:before { content: "["; font-size: 80%; color: #555; }
a.footnote-link:after { content: "]"; font-size: 80%; color: #555; }

.noteid { font-size: 80%; vertical-align: super; margin-right: 0.5em; }
.noteid:before { content: "["; font-size: 80%; }
.noteid:after { content: "]"; font-size: 80%; }