/*
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:0.5em 0; padding:0; }


html[id] body {
  width: auto;
}
body {
  color: #333;
  margin: 0.5em;
  font-size: 95%;
  font-family: "Iowan", "Palatino", "Adobe Garamond", "Garamond", "Palatino", serif;
}
a, a:link, a:visited, a:hover, a:active {
  color: #96B066;

  text-decoration: none;
}

/* Type */
p { line-height: 1.3em; }
p + p { text-indent: 1.0em; }
hgroup + p:first-line, .hgroup + p:first-line { font-weight: bold; }
h3, h4 { margin-top: 3.0em; margin-bottom: 0.4em; }
h4 {
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0.5em;
  line-height: 130%;
  font-size: 1.1em;
}
h3 + h4 {
  margin-top: 0em;
}
/* Footnotes */
ol.endnotes {
  margin-top: 1.0em;
}
ol.endnotes li {
  margin-left: 1.7em;
  margin-bottom: 0.7em;
}
sup {
  margin-right: 4px;
  vertical-align: text-top;
}
sup a {
  font-weight: bold;
}
a.fn_back {
  text-transform: uppercase;
  font-family: "Lucida Grande", sans-serif;
  font-size: 10px;
}
blockquote {
  margin: 2.0em 4.0em;
  font-size: 0.9em;
}
blockquote p {
  text-indent: 0;
  margin-bottom: 1.0em;
}
ul, ol {
  margin: 1.0em 2.0em;
}
ul li, ol li {
  margin-bottom: 0.6em;
  line-height: 1.35em;
  padding-left: 0.8em;
}
ul.references {
  margin-left: 0;
}
ul.references li {
  list-style: none;
  padding-left: 1.6em;
  text-indent: -1.6em;
}
ol.alpha li {
  list-style-type: lower-alpha;
}

hr {
  border-top: 0;
  margin: 10px 0;
  height: 10px;
}

/* title page */
.titlePage {
  text-align: center;
  margin-top: 5%;
  padding-top: 14%;
}
.titlePage h1 {
  margin: 0;
  padding-top: 0;
  font-style: normal;
  font-weight: bold;
  background: none;
}
.titlePage h1 span {
  font-style: italic;
  display: block;
}
.titlePage h2 {
  font-weight: normal;
  text-align: right;
  margin-top: 0.5em;
  margin-bottom: 5.0em;
  text-align: center;
}


/* chapters */

.partHeader {
  margin-left: 4.0em;
  text-align: left;
  margin-right: 3.0em;
  margin-bottom: 4.0em;
}
.partHeader h1 {
  text-align: left;
  margin: 0 0 0.2em 0;
  padding-top: 4.0em;
  letter-spacing: 0.05em;
  font-family: "Lucida Grande";
  font-weight: normal;
}
.partHeader h1 span {
  display: block;
  padding: 0;
  letter-spacing: 0;
  font-weight: normal;
  font-family: "Lucida Grande";
  margin: 1.0em 0 0 0;
}


/* chapters */

.storyHeader {
  margin-left: 0;
  text-align: left;
  margin-right: 3.0em;
  margin-bottom: 2.0em;
}
.storyHeader h1 {
  text-align: left;
  margin: 0 0 0.2em 0;
  padding-top: 4.0em;
  letter-spacing: 0.05em;
  font-weight: normal;
}
.storyHeader h1 span {
  display: none;
}
.storyHeader h2 {
  font-weight: normal;
  /*font-family: "Lucida Grande";*/
  margin: 0.5em 0 0 0;
}

/* imprint */

.imprint {
  padding-top: 4.0em;
  font-size: 80%; 
  color: #777; 
  text-align: left; 
  margin-top: 5.0em;
}
.imprint p, .imprint p + p {
  text-indent: 0;
  margin-bottom: 1.0em;  
}

/* browser */
@media all and (min-device-width: 1025px) {
  body {
    width: 34em;
    padding: 0.5em;
    margin: 0 auto;
  }
  p {
    line-height: 1.4;
  }
  .titlePage h1 {
    font-size: 3.0em;
  }
  .titlePage h2 {
    font-size: 1.8em;
  }
  .storyHeader h1 {
    font-size: 2.6em;
  }
  .storyHeader h2 {
    font-size: 1.3em;
  }
  sup {
    font-size: 0.7em;
  }
  ol.endnotes {
    font-size: 0.95em;
  }
}

/* iPad */
@media all and (orientation: landscape) and (max-device-width: 1024px) {
  p {
    line-height: 1.4;
  }
  .titlePage h1 {
    font-size: 3.0em;
  }
  .titlePage h2 {
    font-size: 1.8em;
  }
  .essaystoryHeaderHeader h1 {
    font-size: 2.6em;
  }
  .storyHeader h2 {
    font-size: 1.3em;
  }
  sup {
    font-size: 0.7em;
  }
  ol.endnotes {
    font-size: 0.95em;
  }
}
@media all and (orientation: portrait) and (max-device-width: 768px) {
  p {
    line-height: 1.4em;
  }
  .titlePage h1 {
    font-size: 3.0em;
  }
  .titlePage h2 {
    font-size: 1.6em;
  }
  .storyHeader h1 {
    font-size: 2.6em;
  }
  .storyHeader h2 {
    font-size: 1.3em;
  }
  sup {
    font-size: 0.7em;
  }
  ol.endnotes {
    font-size: 0.95em;
  }
}

/* iPhone */
@media all and (max-device-width: 320px) {
  body {
    margin: 1.0em;
  }
  p {
    line-height: 1.2;
  }
  hgroup, .hgroup {
    margin-left: 0 ! important;
  }
  .titlePage h1 {
    font-size: 2.4em;
  }
  .titlePage h2 {
    font-size: 1.2em;
    margin-bottom: 2.0em;
  }
  .titlePage img {
    width: 120px;
  }
  .storyHeader h1 {
    font-size: 2.2em;
  }
  .storyHeader h2 {
    font-size: 1.1em;
  }
  sup {
    margin-right: 7px;
    font-size: 0.7em;
    vertical-align: baseline;
  }
  ol.endnotes {
    font-size: 0.95em;
  }
}
/*-----------------*/
 ul#storyNav {
        margin: 0;
        padding: 0;
      }
      ul#storyNav li {
        display: inline;
        margin: 0 20px 0 0;
        padding: 0;
        list-style: none;
      }