/**/ body { margin-left: 10%; margin-right: 10% } h1, h2, h3, h4 { text-align: center; /* all headings centered */ clear: both; margin-top: 2em } p { margin-top: 0.51em; text-align: justify; margin-bottom: 0.49em } .toc { text-align: left; max-width: 40em } .sig { margin-left: 4em } .dateline { margin-left: 8em } .p2 { margin-top: 2em } .p4 { margin-top: 4em } .small { font-size: small } .smaller { font-size: smaller } .large { font-size: large } .x-large { font-size: x-large } hr { width: 33%; margin-top: 2em; margin-bottom: 2em; margin-left: auto; margin-right: auto; clear: both } hr.tb { width: 50%; margin-left: 25%; margin-right: 25%; visibility: hidden } hr.full { width: 95%; margin-left: 2.5%; margin-right: 2.5% } ul { list-style-type: none } .break { page-break-before: always } h1, h2, h3, h4 { page-break-before: always } .nobreak { page-break-before: avoid } table { margin-left: auto; margin-top: 1em; margin-right: auto; max-width: 100% } td { font-size: smaller } th { text-align: center } .greyborder { border: thin solid } .greyborder th { border: thin solid } .greyborder td { border: thin solid #D0D0D0 } .noborder td { border: none } .lefttable { text-align: left; margin-left: 0; clear: both } .sumtable { margin-bottom: 2em } .sumtable td { min-width: 10em } .linecell { border-top: thin solid black } .cleared { clear: both } .top, .toc td, th { vertical-align: top } .total { text-decoration: overline } .totalrow td { border-top: solid thin black } .hanging { text-indent: -4em; padding-left: 4em } .pagenum { font-size: x-small; font-weight: normal; font-variant: normal; font-style: normal; letter-spacing: normal; text-indent: 0; text-align: right; color: #999; background-color: #fff } .blockquot { margin-left: 5%; margin-right: 5%; font-size: 80% } .sidenote { text-indent: 0; text-align: left; min-width: 9em; /*optional, but making all sidenotes the same width looks better*/ max-width: 9em; /*make this just big enough for the widest word in any sidenote */ padding-bottom: 0.3em; padding-top: 0.3em; padding-left: 0.3em; padding-right: 0.3em; margin-right: 1em; clear: left; margin-top: 1em; margin-bottom: 0.3em; font-size: smaller; color: black; background-color: #eee; border: thin dotted gray } .left { text-align: left } .center { text-align: center } .right { text-align: right } .smcap { font-variant: small-caps } .lowercase { text-transform: lowercase } .u { text-decoration: underline } .u2 { border-bottom: solid black } /* Images */ .figcenter { margin: auto; text-align: center } .drawn { font-size: small } .engraved { font-size: small } .plate { text-align: right } img { border: thin solid black } .titlepage { margin-top: 2em; text-align: center } /* Poetry */ .poem { margin-left: 10%; margin-right: 10%; text-align: left } .poem br { display: none } .poem .stanza { margin: 1em 0 1em 0 } .poem span.i0 { display: block; margin-left: 0; padding-left: 3em; text-indent: -3em } /* Transcriber's notes */ .transnote { background-color: #E6E6FA; color: black; font-size: smaller; padding: 0.5em; page-break-before: always; margin-bottom: 4em; margin-top: 4em; font-family: sans-serif, serif } .mobile { visibility: hidden; display: none } .nomobile { visibility: visible; display: block } @media all { /* was @media handheld */ body { margin-left: 0%; margin-right: 0% } table { margin-left: 0; margin-right: auto } .sidenote { float: left; clear: left; font-weight: bold; min-width: 12em; /*optional, but making all sidenotes the same width looks better*/ max-width: 12em; /*make this just big enough for the widest word in any sidenote */ margin-top: 2em; margin-bottom: 0.3em; margin-right: 1em; padding-bottom: 0.3em; padding-top: 0.3em; padding-left: 0.3em; padding-right: 0.3em } .mobile { visibility: visible; display: block } .nomobile { visibility: hidden; display: none } } h1.pg { margin-top: 0 } hr.pg { width: 100%; margin-top: 3em; margin-bottom: 0; margin-left: auto; margin-right: auto; border-width: 4px 0 0 0; /* remove all borders except the top one */ border-style: solid; border-color: #000; clear: both } /**/