body {
background: url(../@Images/lightparchment.jpg) no-repeat center center fixed;
}

/* Center headings.  */
h1 {
    text-align: center;
}
h2 {
    text-align: center;
}
h3 {
    text-align: center;
}

h4 {
    text-align: center;
}

/* Don't underline links in footnotes.  */
a.footnote {
  text-decoration: none;
}

/* Used to name the actor in a block of dialogue.
   Note that EPUB doesn't seem to support the small caps markup used in
   the source text, so we'll have to override that in a separate stylesheet
   for EPUB only.
   This also forces some extra whitespace above the dialogue block so
   that speeches by different actors are set off in the text.  */

p.actor {
    font-variant: small-caps;
    font-style: normal;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.1em;
    }

/* Used for stage directions.  */
p.direction {
    text-align: center;
    font-style: italic;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }

/* Used for scene markings, not in the original text.  */
p.scene {
    font-style: italic;
    text-align: right;
    }

/* Used for running text, e.g. in the introduction to each act.  The
   source text set these in italics, but I think a regular font style
   is easier to read.  */
p.intro {
}

/* The blank verse formatting looks bad if the margins are too wide.
   Adjust automatically.  */
div.text {
    max-width: 40em;
    margin: auto; 
}

/* Hooker's translation is in the form of blank verse with 10
   syllables per line.  Some lines are split between more than one actor,
   or have stage directions interleaved.  To preserve the verse formatting,
   define a set of paragraph classes which we use to give (partial) lines
   beginning at a particular syllable corresponding indentation.  You can
   use <br> elements within these paragraph elements to begin a new line.
   (This is the documented way to format poetry in the HTML 5 specification.)
   If the speech consists of multiple stanzas, use p.stanza for the
   initial paragraph, which adds more whitespace.  */

/* Formatting for wider displays.  */
p.i0 {
    text-indent: 0;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i1 {
    text-indent: 4%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i2 {
    text-indent: 8%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i3 {
    text-indent: 12%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i4 {
    text-indent: 16%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i5 {
    text-indent: 20%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i6 {
    text-indent: 24%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i7 {
    text-indent: 28%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i8 {
    text-indent: 32%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
p.i9 {
    text-indent: 36%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

/* Formatting for narrower displays (or bigger fonts) to avoid
   wrapping indented lines.  */
@media screen and (max-width: 30em) {
    p.i0 {
	text-indent: 0;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i1 {
	text-indent: 6%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i2 {
	text-indent: 12%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i3 {
	text-indent: 18%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i4 {
	text-indent: 24%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i5 {
	text-indent: 30%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i6 {
	text-indent: 36%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i7 {
	text-indent: 42%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i8 {
	text-indent: 48%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
    p.i9 {
	text-indent: 54%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
    }
}

p.stanza {
    text-indent: 0;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
    }

/* Center illustrations and captions.  */
img {
    display: block;
    max-width: 80%;
    height: auto;
    margin: auto;
}

p.caption {
    font-style: italic;
    text-align: center;
    margin-bottom: 1em;
}

/* There are some phrases set in small caps.  Ebook viewers often don't
   display these properly, so I've converted instances where the formatting
   carries semantic information to all-caps in the text.  This is used only
   for decoration in places where the text reads OK in regular font.  */
em.sc {
    font-variant: small-caps;
    font-style: normal;
    }

/* Put some extra whitespace between entries in the notes section.  */

dd.note {
    margin-bottom: 1em;
}