/**/
/* general styling: a 10% margin on each side,
         justified text, and centred headers. */
body {
    margin-left: 10%;
    margin-right: 10%;
    background-color: #F8F8D8
    }
p {
    text-align: justify
    }
blockquote {
    text-align: justify
    }
h1, h2, h3, h4, h5, h6 {
    text-align: center
    }
a:link {
    color: blue;
    text-decoration: none
    }
link {
    color: blue;
    text-decoration: none
    }
a:visited {
    color: blue;
    text-decoration: none
    }
a:hover {
    color: red
    }
/* some browsers treat hrs as inline, while others treat
         hrs as block elements. thus the following convoluted
         definitions are needed to satisfy both: */
hr {
    text-align: center;
    width: 50%
    }
html > body hr {
    margin-right: 25%;
    margin-left: 25%;
    width: 50%
    }
hr.full {
    width: 100%
    }
html > body hr.full {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%
    }
/* indent and shrink footnote text */
.footnote {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 0.9em
    }
/* centre and indent index text */
.index {
    margin-left: 10%;
    margin-right: 10%;
    text-align: center
    }
/* shrink and colour 'pre' text: specifically
         that used for the PG header and footer */
pre {
    font-size: 0.7em;
    background-color: #F0F0D0
    }
/* marginal section numbers, offset into the left margin.
         due to a quirk in CSS, you need to use a trick where
         an absolutely positioned element includes a relatively
         positioned one, otherwise the styling falls apart. */
.mnum {
    font-size: 0.8em;
    font-weight: bold
    }
/**/