body { 
  font-size: 10pt;
  color: #eee;
  background-color: #003;
  font-family: sans-serif;
  width: 80em;
}

sup {
  font-size: 50%;
}

th,td { font-size: 10pt; }

th.hilite {
 background-color: #036;
 text-align: left;
}

th.big {
 font-size: 12pt;
 background-color: #036;
 color: #6cf;
}

th.bigger {
 font-size: 14pt;
 background-color: #6cf;
 color: #036;
 font-family: serif;
}

td.alt1 { background-color: #411; }
td.alt2 { background-color: #131; }

td.endblock { border-bottom: 1px solid #235; }

h1 {
  color: #cc9;
  text-align: center;
}

h2 {
  margin-top: 2em;
  color: #ffc;
  text-align: center;
}

h3 { color: #ffc; }

h4 {
  color: #ffc;
  margin-left: 1em;
}

.comment { color: #9cf; }
.detail { color: #dc6; }
.narrate { color: #0dc; }
.event { color: #f60; }
.shout { color: #f60; }
.gloss { color: #999; } /* added for Japanese approximations of Hymmnos lyrics */
.invis { color: #003; } /* same as background, use for spacing */

.left { float: left; }
.right { float: right; }

A:link { color: #6c9; }
A:visited {  color: #396; }
A:active {  color: #963; }

div.back {  float: left; margin: 1em; }
div.next {  float: right; margin: 1em; }

tr { vertical-align: top }

p {
 width: 90%;
 text-indent: 1em;
 margin-left: 2em;
 margin-top: .4em;
 margin-bottom: .4em;
}

p.hangingIndent {
 text-indent: -1em;
 margin-left: 1em;
 width: 100%;
/* I'm using these in TDs, so let the TDs
 * handle the other margins. */
 margin-top: 0em;
 margin-bottom: 0em;
 margin-right: 0em;
}

li {
 text-indent: .5em;
 width: 90%;
 margin-bottom: .5em;
}

/* Set up some links to act like clickable buttons */
a.button {
 color: #9c9;
 float: left;
 padding: .4em 1.2em;
 margin: .1em;
 border: solid 3px;
 border-color: #8ab #345 #023 #578;
 background: #036;
 text-decoration: none;
 text-align: center;
 white-space: nowrap; 
}
a.button:hover {
 background-color: #369;
 color: #fff;
}
a.button:active, a.button:focus {
  border-color: #023 #578 #8ab #345;
}

/* Use these where increased intenting is desirable. */
p.moreIndent { margin-left: 5em; width: 80%; }
td.moreIndent { padding-left: 3em; }

/* fun with fonts to make words Stand Out */
.snazzy { font-family: serif; font-variant: small-caps; }

/* for display in Hymmnos font (if available) */
.hymmnos { font-family: Hymmnos; font-weight: normal; font-size: 160%; }

/* use to hide spoilers until highlighted */
.spoiler { background-color: #4c667f; color: #4c667f; }