/*  XML blockout */
/* ************************************************************************
 * Different browsers have different defaults when loading a new page. The
 * following CSS Reset makes all browsers start out with the same properties.
 * See meyerweb.com/eric/tools/css/reset/ License: none (public domain)
 * ********************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, var, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    font: inherit;
    vertical-align: baseline
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
/* HTML5 display-role for older browsers */
body {
    line-height: 1
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
/* End of CSS Reset */
/* ************************************************************************
 * set the body margins to allow whitespace along sides of window - use
 * width rather than margin-right to get IE5 to behave itself.
 * ********************************************************************** */
body {
    margin-left: 4%;
    width: 90%;
    /* == margin-right:6% */
    }
/* ************************************************************************
 * set the indention, spacing, and leading for ALL paragraphs
 * ********************************************************************** */
p {
    margin-top: 1em;
    /* inter-paragraph space */
    margin-bottom: 0;
    /* use only margin-top for spacing */
    line-height: 1.4em;
    /* generous interline spacing ("leading") */
    }
.center {
    text-align: center;
    text-indent: 0
    }
/* ************************************************************************
 * Style paragraphs of open text, not e.g. quotes or table cells
 * ********************************************************************** */
body > p {
    text-align: justify;
    text-indent: 1.5em
    }
/* suppress indentation on paragraphs following heads and in tables */
h2 + p, h3 + p, h4 + p, td, td > p {
    text-indent: 0
    }
/* tighter spacing for list item paragraphs */
li, li > p {
    line-height: 1.2em;
    /* leading a bit tighter than p's */
    }
/* ************************************************************************
 * Mark corrected typo with:
 *  <ins class="correction" title="Original: typu">typo</ins>
 * ********************************************************************** */
ins.correction {
    text-decoration: none;
    /* replace default underline.. */
    border-bottom: thin dotted gray;
    /* ..with delicate gray line */
    }
/* ************************************************************************
 * Head 2 is for chapter heads.
 * ********************************************************************** */
h2 {
    margin-top: 1em;
    padding-top: 1em;
    /* extra space above.. */
    margin-bottom: 1.25em;
    /* ..and below */
    clear: both;
    /* don't let sidebars overlap */
    font-size: 110%;
    /* larger font than body */
    font-weight: bold;
    /* match book */
    text-align: center;
    /* left-aligned by default. */
    clear: both;
    /* don't let sidebars overlap */
    }
/* ************************************************************************
 * Head 3 is for section heads (delete if book has none)
 * ********************************************************************** */
h3 {
    margin-top: 1em;
    /* extra space above but not below */
    text-align: center;
    /* left-aligned by default. */
    font-weight: bold;
    /* match the original */
    clear: both;
    /* don't let sidebars overlap */
    }
/* ************************************************************************
 * Styling the default HR and some special-purpose ones.
 * Default rule centered and clear of floats; sized for thought-breaks
 * <hr class="major" /> for e.g. chapters
 * <hr class="minor" /> for e.g. epigraphs
 * <hr class="double" /> cute double rule
 * ********************************************************************** */
hr {
    width: 45%;
    /* good width for a <tb> */
    margin-top: 1em;
    /* space above & below */
    margin-bottom: 1em;
    margin-left: auto;
    /* these two ensure a.. */
    margin-right: auto;
    /* ..centered rule */
    clear: both;
    /* don't let sidebars & floats overlap rule */
    }
hr.minor {
    width: 30%;
    margin-top: 0.5em;
    margin-bottom: 0.5em
    }
/* ************************************************************************
 * Images and captions
 * div.img is for inline-only images.
 * div.imghr is for images that link to a high-res version. These get
 *  a light border to indicate they are clickable.
 * div.imgfl is for small images floated left, imgfr for float right.
 * div.imghrfr is for a small, clickable, captioned image floated right.
 * ********************************************************************** */
div.img {
    text-align: center;
    text-indent: 0;
    clear: both;
    margin-top: 1em
    }
div.imghr {
    text-align: center;
    text-indent: 0;
    clear: both;
    margin-top: 1em
    }
.imghr img, .imghrfr img {
    border: 1px solid gray
    }
div.imgfr {
    clear: right;
    /* left margin to set box away from text */
    }
div.imgfl {
    /* just like imgfl but opposite */
    clear: left;
    margin: 0 4px 0 0;
    /* right margin to set box away from text */
    }
div.imghrfr {
    text-align: center;
    text-indent: 0;
    clear: right;
    border: 1px solid gray
    }
.img p, .imghr p, .imgfr p, .imgfl p, .imghrfr p {
    /* caption text: p within in some kind of img div */
    margin-top: 0;
    /* snuggled up to its image */
    margin-left: 5%;
    margin-right: 5%;
    font-size: 90%
    }
/* ************************************************************************
 * styling the little inset tips. In the book they start with a Capitulum
 * (the obsolete predecessor of the Pilcrow or paragraph sign). There is
 * currently no Unicode point for Capitulum although one has been proposed.
 * Going to use a bold Pilcrow instead. The minor hr is manually entered.
 */
div.protip {
    margin: 1em 10% 0 10%;
    padding: 1em 0 0 0
    }
div.protip p:before {
    content: "¶"
    }
/* ************************************************************************
 * Turn off list decoration:
 * <li class="lsoff"> for the 2nd paragraph of a two-paragraph list item
 * <ul class="lsoff"> for a list with no item markers at all (e.g. an Index)
 * ********************************************************************** */
.lsoff {
    list-style-type: none;
    margin-left: 1em
    }
/* ************************************************************************
 * The Index can be treated as a series of un-marked lists, one for each
 * letter. To make a sub-list of terms under a term, just nest
 * <ul class="IX"> under the term.
 * ********************************************************************** */
div.index {
    /* styles that apply to all text in an index */
    font-size: 90%;
    /*smaller type? */
    }
.index ul {
    list-style-type: none;
    font-size: inherit;
    /* i.e. from the div class="index" container */
    margin-left: 2em
    }
.index li {
    /* list items in an index: compressed vertically */
    margin-top: 0
    }
/* ************************************************************************
 * Styling tables and their contents:
 *   automatic center/bold for header and footer cells.
 *   use class="shade" to put gray bg in a <tr> or a <td>.
 * ********************************************************************** */
table {
    /* these affect all <table> elements */
    margin-top: 1em;
    /* space above the table */
    caption-side: /* top; or */ bottom;
    empty-cells: show;
    /* no need for nbsp's in empty cells */
    }
td, td > p {
    /* style all text inside body cells */
    padding-left: 1em;
    line-height: 1.3em;
    /* ..spacing */
    /*font-size: 90%;                smaller than book body text */
    text-align: left;
    /* left-align even if table in "center" div */
    }
td.c {
    text-align: center
    }
/* align text in table cells */
td.r {
    text-align: right;
    padding-right: 1em
    }
/* generated by PPQT table->html */
/* ************************************************************************
 * Style the blockquote tag and related elements:
 *  - inset left and right, one-point smaller font (questionable?)
 * ********************************************************************** */
blockquote, .blkquot {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 90%;
    /*optional: smaller font */
    }
/* ************************************************************************
 * Visible page numbers in right margin.
 * ********************************************************************** */
.pagenum {
    /* right-margin page numbers */
    /*visibility:hidden;    uncomment to hide the page numbers */
    font-size: 75%;
    /* tiny type.. */
    color: #222;
    /* ..dark gray.. */
    text-align: right;
    /* ..right-justified.. */
    /* out of normal flow.. */
    /* ..in the right margin.. */
    padding: 0 0 0 0;
    /* ..very compact */
    margin: auto 0 auto 0
    }
.pagenum a {
    /* when pagenum is a self-reference link */
    text-decoration: none;
    /* no underline.. */
    color: #444;
    /* same color as non-link */
    }
.pagenum a:hover {
    color: #F00
    }
/* turn red when hovered */
/* ************************************************************************
 * Styling for title pages.
 * ********************************************************************** */
div.titlepage {
    text-align: center;
    border: 4px groove silver
    }
.titlepage h1 {
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 200%;
    line-height: 2em
    }
.titlepage h3 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 133%
    }
.titlepage h4 {
    line-height: 1.5em
    }
/* XML end  */