/**/ body { margin-left: 10%; margin-right: 10% } h1 { text-align: center; clear: both; margin-top: 6em } h2 { text-align: center; clear: both; margin-top: 6em; margin-bottom: 1em; font-size: 1.2em } h3, h4 { text-align: center } p { margin-top: 0.75em; text-align: left; margin-bottom: 0.75em } .pagenum { font-size: smaller; text-align: right } hr { width: 33%; margin-top: 2em; margin-bottom: 2em; margin-left: auto; margin-right: auto; clear: both } hr.l15 { width: 15% } hr.l30 { width: 30% } hr.l5 { width: 5% } .center { text-align: center } .smcap { font-variant: small-caps } .caption { font-weight: bold; margin-left: 15%; margin-right: 15%; text-align: center; margin-bottom: 2em } ul.none { list-style-type: none } .figcenter { margin: auto; text-align: center } p.hanging { margin-left: 1em; text-indent: -1em } .footnote { margin-left: 10%; margin-right: 10%; font-size: 0.9em } .footnote .label { text-align: right } .fnanchor { vertical-align: super; font-size: 0.8em; text-decoration: none } .poetry-container { text-align: center } .poem { display: inline-block; font-size: 95%; margin-bottom: 1em; text-align: left } .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 } @media all { /* was @media handheld */ .poem { display: block; margin-left: 5%; margin-right: 10% } .sidenote { float: left; clear: none; font-weight: bold } } .poem p { margin: 0; padding-left: 3em; text-indent: -3em } .poem p.i1 { margin-left: 1em } .p2 { margin-top: 2em } .p4 { margin-top: 4em } .p6 { margin-top: 6em } .i1 { margin-left: 1em } .b15 { font-size: 1.5em } .b13 { font-size: 1.3em } .b12 { font-size: 1.2em } .s08 { font-size: 0.8em } .s05 { font-size: 0.5em } table { margin-left: auto; margin-right: auto; empty-cells: show } .tdc { text-align: center } .tdr { text-align: right } .tdrv { text-align: right; vertical-align: bottom } .tdh { text-indent: -1em; margin-right: 1em } .tds { text-align: center; padding-top: 2em } .tnbox { margin-left: auto; margin-right: auto; margin-bottom: 8em; margin-top: auto; text-align: center; border: 1px solid; padding: 1em; color: black; background-color: #f6f2f2; width: 25em } .idx { margin-right: 20%; margin-left: 20% } .ch_summ { font-size: 0.85em; margin-left: 1em; text-indent: -1em; margin-top: 1.5em; margin-bottom: 2.5em } h1.pg { margin-top: 0 } hr.full { 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 } /**/