/**/
/* original pagenumbers & footnotes: slight differences for print & screen */
@media print {
    samp.pgmark {
        /* change "none" to "inline" and "hidden" */
        /* to "visible" to unhide the numbers     */
        /* which should appear in the left margin */
        font-size: xx-small;
        text-align: left;
        text-indent: 0;
        font-style: normal;
        margin: 0;
        padding: 0.05em 0.5em;
        position: absolute;
        left: 1%;
        display: none;
        visibility: hidden
        }
    div.footnote {
        margin-right: 15%;
        margin-bottom: 1em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        padding-right: 0.75em
        }
    }
@media screen {
    /* change "none" to "inline" to unhide the numbers */
    /* which should appear in the left margin          */
    samp.pgmark {
        border-top: thin solid silver;
        border-bottom: thin solid silver;
        font-size: xx-small;
        text-align: left;
        text-indent: 0;
        font-style: normal;
        margin: 0;
        padding: 0.05em 0.5em;
        position: absolute;
        left: 1%;
        display: inline
        }
    div.footnote {
        margin-right: 15%;
        margin-bottom: 1em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        padding-right: 0.75em;
        background-color: #eee;
        color: #000
        }
    }
/* We deliberately use lengths/dimensions which are   */
/* relative (to window or font size) so that we don't */
/* impose too much on people's defaults               */
body {
    font-size: medium;
    margin-left: 10%;
    margin-right: 10%
    }
div.main {
    max-width: 30em;
    /* for comfortable reading */
    margin-left: auto;
    margin-right: auto;
    clear: both;
    page-break-before: always
    }
p {
    text-indent: 1.5em;
    margin-top: 0.1em;
    font-size: medium;
    text-align: justify;
    margin-bottom: 0.05em
    }
p.firstword {
    text-indent: 0;
    margin-top: 0.1em;
    font-size: medium;
    text-align: justify;
    margin-bottom: 0.05em;
    clear: both
    }
p.firstword span {
    font-style: normal;
    font-variant: small-caps
    }
p.epigraph1 {
    font-style: normal;
    font-size: 90%;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    text-indent: 4.5em;
    width: 30em
    }
p.epigraph2 {
    font-style: normal;
    font-size: 90%;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    padding-right: 3em;
    margin-top: 0;
    margin-bottom: 3em;
    text-align: right;
    text-indent: 0;
    width: 30em
    }
p.toc1 {
    font-style: normal;
    font-size: 150%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0;
    text-align: center;
    text-indent: 0;
    width: 20em
    }
p.toc2 {
    font-style: normal;
    font-size: medium;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    text-indent: 0;
    width: 30em
    }
p.toc2 a {
    text-align: right
    }
p.toc3 {
    font-style: normal;
    font-size: 90%;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 1em;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: left;
    text-indent: 0;
    width: 30em;
    clear: both
    }
p.authorsig {
    font-variant: small-caps;
    text-align: right;
    padding-right: 1em;
    margin-top: 1em
    }
p.date {
    text-indent: 0;
    text-align: left;
    margin-bottom: 4em;
    page-break-after: always
    }
div.tp {
    width: 30em;
    /* for the title page and friends */
    margin-left: auto;
    margin-right: auto;
    page-break-before: always
    }
div.tp h1 {
    font-style: normal;
    font-size: 300%;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.25em;
    text-align: left;
    text-indent: 0;
    word-spacing: 0.2em;
    page-break-before: always
    }
div.tp h2 {
    font-style: normal;
    font-size: 180%;
    font-weight: bold;
    margin-top: 4em;
    margin-bottom: 0;
    text-align: left;
    text-indent: 0;
    word-spacing: 0.2em;
    page-break-after: always
    }
div.tp h3 {
    text-align: center;
    font-size: 115%;
    font-style: italic;
    font-weight: normal;
    margin-top: 8em;
    margin-bottom: 0.5em
    }
div.tp p {
    font-style: normal;
    font-size: medium;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 14em;
    text-align: left;
    text-indent: 0
    }
span.byline {
    font-size: medium;
    margin-bottom: 0.5em
    }
div.tp p.author {
    font-size: x-large;
    text-indent: 0;
    text-align: center;
    width: 10em;
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 6em
    }
div.tp p.ctr {
    font-size: medium;
    text-align: center;
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0.25em
    }
.flleft {
    vertical-align: bottom;
    text-align: left
    }
.flright {
    vertical-align: bottom;
    text-align: right
    }
div.copyright {
    font-size: small;
    text-align: center;
    text-indent: 0;
    margin-top: 10em;
    margin-bottom: 10em;
    /* matching transcriber's notes at end */
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    page-break-before: always
    }
div.dedication {
    font-size: medium;
    text-align: center;
    text-indent: 0;
    margin-top: 10em;
    margin-bottom: 10em;
    margin-left: auto;
    margin-right: auto;
    page-break-before: always
    }
div.copyright p, div.dedication p {
    text-align: center;
    text-indent: 0;
    margin-top: 1.5em
    }
div.copyright p.copynote {
    text-align: left;
    text-indent: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em
    }
div.frontcover {
    max-width: 24em;
    /* for the text from the front cover flap */
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    clear: both;
    font-size: medium;
    background: #FFF url(@public@vhost@g@gutenberg@html@files@20289@20289-h@images@about.png) no-repeat top left;
    color: inherit;
    page-break-before: always
    }
div.frontcover p {
    font-family: sans-serif;
    font-size: medium;
    text-align: justify
    }
div.frontcover p.ctr {
    font-family: serif;
    font-style: italic;
    font-size: medium;
    text-align: center;
    margin-top: 1.5em
    }
div.frontcover h3 {
    font-weight: 900;
    font-family: sans-serif;
    /* absolute size to fit into background image */
    text-align: left
    }
div.backcover {
    max-width: 24em;
    /* for the text from the back cover flap */
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    clear: both;
    font-size: medium;
    page-break-before: always;
    page-break-after: always
    }
div.backcover p {
    font-family: sans-serif;
    font-size: medium;
    text-align: justify
    }
div.backcover h3 {
    font-weight: 900;
    font-family: sans-serif;
    /* absolute size to match frontcover */
    text-align: left
    }
.tb {
    margin-top: 2em
    }
a:link {
    color: blue;
    background-color: inherit;
    text-decoration: none
    }
a:visited {
    color: blue;
    background-color: inherit;
    text-decoration: none
    }
a:hover {
    color: red;
    background-color: inherit
    }
.illus a:link img, .illus a:visited img {
    border: 2px solid white
    }
.illus a:hover img {
    border: 2px solid red
    }
p.illus {
    text-indent: 0;
    text-align: left;
    margin-top: 3em;
    margin-bottom: 3em;
    font-size: large
    }
/* headings */
h1, h2, h3, h4, h5, h6 {
    font-family: serif
    }
h1.pg {
    font-family: Times-Roman, serif;
    text-align: center
    }
h3.pg {
    font-family: Times-Roman, serif;
    text-align: center
    }
h2.chap {
    margin-top: 2.5em;
    margin-bottom: 1.5em;
    clear: both;
    word-spacing: 0.75em;
    letter-spacing: 0.05em;
    font-size: 180%
    }
h2.chap {
    text-align: left;
    font-size: 200%;
    font-style: normal;
    font-weight: bold;
    margin-top: 4em;
    margin-bottom: 0.75em;
    page-break-before: always
    }
h3.chap {
    text-align: center;
    font-size: 150%;
    font-style: normal;
    font-weight: normal;
    margin-top: 0.75em;
    margin-bottom: 1.5em;
    word-spacing: 0.2em
    }
h4 {
    text-align: center;
    font-size: 110%;
    font-style: italic;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 0.5em
    }
/* for marking off the boilerplate */
hr.pg {
    width: 100%
    }
/* footnotes are placed at the end of a chapter with a */
/* coloured background (on screen) to distinguish them */
/* we change the vertical alignment to stop            */
/* footnotemarks messing up lineheights                */
sup {
    font-size: small;
    vertical-align: top
    }
div.footnote p {
    text-indent: -1.75em;
    margin-left: 1.75em;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-size: small;
    text-align: justify
    }
div.footnote a {
    margin-right: 0.5em
    }
/*  the footnote rule goes above, not inside, the        */
/*  coloured area, hence we don't use "div.footnote hr"  */
/*  because absolute positioning with "top" doesn't work */
/*  in any browser I've tried :( Also, the text-align    */
/*  doesn't work in Mozilla, hence the margins           */
hr.footnote {
    width: 5em;
    margin: 1em auto 0.2em 0;
    text-align: left
    }
/* for recording typos etc */
ins.transcriber {
    text-decoration: none;
    border-bottom: thin dotted silver
    }
/* for small caps abbreviations */
.allsc {
    text-transform: lowercase;
    font-variant: small-caps
    }
/* for transcriber's notes at the end */
div.tnote {
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: 3em
    }
div.tnote p {
    text-indent: 0;
    margin-top: 0.5em;
    font-size: small
    }
h3.tnote {
    text-indent: 0;
    text-align: left;
    font-size: large;
    font-style: normal;
    font-weight: bold
    }
hr.full {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    border: solid black
    }
pre {
    font-size: 75%
    }
/**/