body { background: #F0F0F0 ; font-size: 1.2em }
@media screen and (min-width: 1000px) {
  body { width: 35em ; padding-left: 10% ; }
}
h1 { font-size: 300% ; font: sans-serif ; text-align: center ; margin-bottom: 1em ; }
h2 { font-size: 150% ; font-style: italic ; font: sans-serif }
hr { margin-top: 1em ; margin-bottom: 1em }
p { margin-top: 1em ; margin-bottom: 1em ; padding-top: 0 ; padding-bottom: 0 ; text-indent: 3em ; }
p.subtitle { text-indent: 0; font-size: 150% ; font-style: italic ; font: sans-serif ; text-align: center ; margin-bottom: 4em ; text-indent: 0 ; }
p.toc { text-align: center ; font-size: %120 ; margin-top: 10px }
p.citation { text-align: right ; font-style: italic ; margin-bottom: 0 ; padding-bottom: 0; text-indent: 0 ; }
p.footer { text-align: right ; text-indent: 0 ; }
p.tagline { text-align: right ; font-style: italic ; margin-top: 0 ; padding-top: 0 ; text-indent: 0 ; }
p.technical { margin-left: 6em ; text-indent: 0 }
p.continuation { margin-left: 0 ; font-style: italic }
p.caption { text-align: center ; font-style: italic }
div.character_left { float: left; font-size: 150% }
div.next_chapter { font-style: italic; text-align: right ; margin-bottom: 4em ; }

a {
  text-decoration: none;
}

/* unvisited link */
a:link {
  color: #B022B0;
}

/* visited link */
a:visited {
  color: #D060D0;
}

/* mouse over link */
a:hover {
        color: #30A030 ;
	font-size : %120;
}

/* selected link */
a:active {
        color: #50C050 ;
}

ul { list-style-type: none; }