styles.css

@charset utf-8;
/* Styles for The Heroic Slave with Background and Context */
imprint {
  background: url(OEBPS/CUNY-imprint.jpg) bottom no-repeat;
  position: absolute;
  bottom: 1em;
  left: 0;
  margin: 0;
  width: 100%;
  height: 90px;
}
/*
Style Sheet for web books
Author: Paul L. Hebert
Based on work by: Steve Thomas, stephen.thomas@adelaide.edu.a
Version: 18 Aug. 2018
Rights: Creative Commons Share-Alike 4.0
*/
body {
  background-color: #fcfff6;
  color: #000;
  font-family: Georgia, serif;
  margin: auto;
  max-width: 33em;
}
p {
  line-height: 150%;
  margin: 0 auto 0.2em;
  text-align: justify;
  text-indent: 0;
}
p + p {
  text-indent: 2em;
}
span.first {
  text-indent: 0;
  text-transform: uppercase;
}
div {
  margin-bottom: 1em;
  position: relative;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1em auto;
  text-align: center;
}
h1, h2, h3, h4 {
  font-weight: bold;
}
h3, h4, h5 {
  font-variant: small-caps;
}
h5 em {
  font-variant: normal;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em;
}
h5, h6 {
  font-size: 1em;
  font-weight: normal;
}
h6 {
  font-style: italic;
}
a, a:link, a:visited {
  color: #000;
  border-bottom: 1px dotted gray;
  text-decoration: none;
}
a:active, a:hover {
  color: red;
}
/* style atoms : classes defining a single style feature */
.fs80 {
  font-size: 80% !important;
}
.fs90 {
  font-size: 90% !important;
}
.fs130 {
  font-size: 130% !important;
}
.fs150 {
  font-size: 150% !important;
}
.fs200 {
  font-size: 200% !important;
}
.lh100 {
  line-height: 100% !important;
}
.lh120 {
  line-height: 120% !important;
}
.lh130 {
  line-height: 130% !important;
}
.lh150 {
  line-height: 150% !important;
}
.lh180 {
  line-height: 180% !important;
}
.lh200 {
  line-height: 200% !important;
}
.fwn {
  font-weight: normal !important;
}
.i1 {
  padding-left: 1em;
}
.i2 {
  padding-left: 2em;
}
.i3 {
  padding-left: 3em;
}
.i4 {
  padding-left: 4em;
}
.i5 {
  padding-left: 5em;
}
.i6 {
  padding-left: 6em;
}
.i7 {
  padding-left: 7em;
}
.i8 {
  padding-left: 8em;
}
.i9 {
  padding-left: 9em;
}
.i10 {
  padding-left: 10em;
}
.i11 {
  padding-left: 11em;
}
.i12 {
  padding-left: 12em;
}
.w10 {
  width: 10% !important;
}
.w20 {
  width: 20% !important;
}
.w25 {
  width: 25% !important;
}
.w30 {
  width: 30% !important;
}
.w33 {
  width: 33% !important;
}
.w40 {
  width: 40% !important;
}
.w50 {
  width: 50% !important;
}
.w60 {
  width: 60% !important;
}
.w67 {
  width: 67% !important;
}
.w70 {
  width: 70% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}
.w90 {
  width: 90% !important;
}
.w100 {
  width: 100% !important;
}
.ni {
  text-indent: 0 !important;
}
.in {
  text-indent: 2em !important;
}
.left {
  float: left;
  padding-right: 1em;
}
.right {
  float: right;
  padding-left: 1em;
}
.center, .center p {
  text-align: center !important;
}
.clear {
  clear: both;
}
.border {
  border: 1px solid;
  padding: 1em;
}
.dropshadow {
  -moz-box-shadow: 5px 5px 25px 10px #888;
  -webkit-box-shadow: 5px 5px 25px 10px #888;
  box-shadow: 5px 5px 25px 10px #888;
}
.underlined {
  text-decoration: underline;
}
.hi {
  font-style: italic;
}
.hi em {
  font-style: normal;
}
.it {
  font-style: italic;
}
/* deprecated */
.sc {
  font-variant: small-caps;
}
.uc {
  text-transform: uppercase;
}
del, .del {
  text-decoration: line-through;
}
.tl {
  text-align: left !important;
}
.tc {
  text-align: center !important;
}
.tr {
  text-align: right !important;
}
.tj {
  text-align: justify !important;
}
.tw {
  letter-spacing: 0.5em;
}
/* "text wide" */
.ls {
  letter-spacing: 1em;
}
sup, sub {
  font-size: 0.7em;
}
sup {
  line-height: 80%;
}
hr {
  color: #ddd;
  margin: 2em auto;
  width: 33%;
}
code {
  font-family: monospace;
  font-size: 110%;
}
pre, .pre {
  font-family: monospace;
  font-size: 110%;
  text-align: left;
  text-indent: 0;
  white-space: pre-wrap;
}
/* Title page */
#titlepage {
  border: 2px solid #00609c;
  height: 30em;
  position: relative;
}
#titlepage h1, #titlepage h2, #titlepage h3, #titlepage h4, #titlepage h5, #titlepage h6, #titlepage p {
  font-weight: normal;
}
#titlepage h1, #titlepage h2 {
  line-height: 180%;
}
.titlepage {
  font-weight: bold;
  padding: 1em;
  text-align: center !important;
}
.titlepage h1, .titlepage h2, .titlepage h3, .titlepage h4, .titlepage p {
  margin-top: 0;
  margin-bottom: 1em;
}
.titlepage h3, .titlepage h4 {
  font-variant: normal;
}
.titlepage p {
  text-align: center;
  text-indent: 0;
}
.titleverso {
  color:#666;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  margin: auto;
  padding-top: 3em;
  text-align: center !important;
  width: 90%;
  border: 1px solid red;
  height: 30em;
  position: relative;
}
.titleverso p {
  margin-bottom: 1em;
  text-align: center !important;
  text-indent: 0;
}
.titleverso p a {
  color: #666;
  text-decoration: none;
}
.titleverso p a:visited {
  color: #666;
  text-decoration: none;
}
.titleverso p a:hover {
  color: #f00;
  text-decoration: underline;
}
.halftitle {
  /* height:47em; */
  padding: 10em 0;
}
.halftitle h1, .halftitle h2, .halftitle h3, .halftitle h4, .halftitle h5, .halftitle h6 {
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
}
/* Table of Contents */
.contents h4, .contents h5, .contents h6 {
  font-variant: normal;
  font-weight: normal;
  text-align: left !important;
}
.contents h5, .contents h6 {
  margin-left: 1em;
}
.contents p {
  font-size: 0.9em;
  margin-left: 1em;
  margin-bottom: 1em;
  text-indent: 0 !important;
}
#contents p {
  text-indent: 0 !important;
}
/* Chapter, etc., header */
.header {
  margin-top: 0;
  margin-bottom: 3em;
}
.section .header {
  margin: 0;
}
.header h1, .header h2, .header h3, .header h4, .header h5 {
  font-variant: small-caps;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1em;
  text-align: center;
}
.header p {
  margin-left: 2em;
  text-align: justify;
  text-indent: -2em;
}
.header.modern h2, .modern h3, .modern h4, .modern h5, .modern h6 {
  font-weight: normal;
  text-align: left;
}
.header.modern h2 {
  font-size: 200%;
}
.modern h3 {
  font-size: 180%;
}
.modern h4 {
  font-size: 150%;
}
.modern h5 {
  font-size: 120%;
}
.modern h6 {
  font-size: 110%;
}
/* ... and components which should sit within the header */
.rubric, .rubric p {
  font-size: 1.1em;
  font-style: italic;
  margin: 1em 2em;
  text-align: center;
  text-indent: 0;
}
.abstract, .abstract p {
  font-size: 0.9em;
  font-style: italic;
  margin: 1em 2em;
  text-indent: 0;
}
.precis h3 {
  font-size: 180%;
  font-weight: normal;
  text-align: left;
}
.precis h4 {
  font-size: 160%;
  font-weight: normal;
  text-align: left;
}
p.precis, .precis p {
  font-size: 130%;
  /* font-variant:small-caps; */
  margin: 1em 0 1em 2em;
  text-align: justify;
  text-indent: -2em;
}
.chapter .precis {
  font-family: Verdana, sans-serif;
  font-size: 100%;
}
.section .precis {
  font-size: 130%;
}
.epigraph {
  font-size: 0.9em;
  font-style: italic;
  margin: 1em auto;
  text-align: left;
  text-indent: 0;
  width: 65%;
}
.epigraph p {
  margin: 0 0 0 2em !important;
  text-align: left;
  text-indent: -2em !important;
}
.epigraph p em {
  font-style: normal;
  font-variant: small-caps;
}
/* -- */
.runh {
  font-variant: small-caps;
}
.section {
  clear: both;
  margin-bottom: 3em;
}
.bibliography p, .glossary p, .index p {
  font-family: Verdana, sans-serif;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  padding-left: 2em;
  text-indent: -2em;
}
.colophon p {
  color: #666;
  font-family: Verdana, sans-serif;
  font-size: 0.9em;
  text-align: center !important;
  text-indent: 0 !important;
}
/* NOTES */
.notes, .footnotes, .note, .footnote, .inline-note {
  font-family: Verdana, sans-serif;
}
.notes {
  font-size: 0.8em;
}
.notes p {
  margin-bottom: 1em;
  text-indent: 0;
}
.footnotes {
  border-top: 1pt solid gray;
  margin: 1em;
  padding: 1em 0;
}
.footnotes p {
  margin-bottom: 1em;
}
.footnotes p, .footnotes li, .footnotes h5, .footnotes th, .footnotes td {
  font-size: 0.8em;
  text-indent: 0;
}
.note, .footnote, .inline-note {
  font-size: 0.8em;
}
.footnote, .note p, p.note {
  margin: 1em !important;
  text-indent: 0;
}
.sn {
  clear: left;
  float: left;
  font-size: 0.7em;
  font-style: italic;
  line-height: 110%;
  margin: 0.5em 0.5em 0 -1em;
  max-width: 7em;
  text-align: left;
  text-indent: 0;
}
.mn {
  clear: right;
  float: right;
  font-size: 0.7em;
  font-style: italic;
  line-height: 110%;
  margin: 0.5em -1em 0 0.5em;
  max-width: 7em;
  text-align: right;
  text-indent: 0;
}
.popup-note, abbr, acronym {
  border: 1px dotted gray;
  cursor: help;
}
.screen-note {
  border: 1pt solid gray;
  font-size: 0.9em;
  margin-left: 1em;
  margin-right: 1em;
  padding: 2pt;
  text-indent: 0;
}
/* QUOTES */
blockquote, .quote {
  font-size: 90%;
  margin: 1em auto;
  width: 90%;
}
.letter {
  margin: 1em !important;
}
.inscription, .epitaph {
  font-variant: small-caps;
  margin: 1em;
  text-align: center !important;
}
.inscription p, .epitaph p {
  margin: 0;
  text-align: center !important;
  text-indent: 0;
}
.notice {
  margin: 1em auto;
  padding: 1em;
  -moz-box-shadow: 5px 5px 20px 10px #aaa;
  -webkit-box-shadow: 5px 5px 20px 10px #aaa;
  box-shadow: 5px 5px 20px 10px #aaa;
}
.notice p, .headline, .headline p {
  font-weight: bold;
  text-align: center !important;
  text-indent: 0;
}
.dedication, .dedication p {
  text-align: center !important;
  text-indent: 0;
}
cite, .cite {
  font-variant: small-caps;
  font-style: normal;
}
.quote p.cite, .stanza p.cite, .epigraph p.cite, .epigraph cite {
  text-align: right;
}
.epigraph p.cite:before {
  content: "–";
}
.typed {
  font-family: monospace;
}
p.written {
  font-style: italic;
}
em.written {
  font-style: normal;
}
.telegram {
  background-color: #F5F5BD;
  border: 1px solid gray;
  font-family: Courier, monospace;
  margin: 1em auto;
  padding: 1em;
  text-align: left;
  text-transform: uppercase;
  width: 80%;
}
.telegram p {
  text-align: left;
}
.address, .address p {
  margin: 1em 0 1em 2em;
  text-align: left;
  text-indent: -2em;
}
.signed, .signed p, .dateline, .dateline p {
  text-transform: capitalize;
  text-align: right;
  font-style: italic;
}
.salut {
  font-variant: small-caps;
  text-indent: 0;
}
/* PLAYS */
.act p {
  text-indent: 0;
  margin: 0 0 0.5em 1em;
  margin-top: 0;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.scene {
  margin-bottom: 3em;
}
.speaker {
  float: left;
  font-variant: small-caps;
  margin-left: -1em;
  margin-right: 1em;
}
/*
span.speaker { margin-left:-1em; }
li span.speaker,
div.act p.stage span.speaker,
p span.stage span.speaker {
	margin-left:0;
}
*/
.speech {
  margin-left: 1em;
}
/* DEPRECATE */
.stage, .stage p {
  font-style: italic;
  text-indent: 0;
}
li span.speaker, span.name, .stage span.speaker, .stage em {
  font-style: normal;
  font-variant: small-caps;
}
/* POETRY */
div.song {
  font-style: normal;
}
div.song p {
  line-height: 150%;
  margin-bottom: 1em;
  text-align: left;
  text-indent: 0;
}
.stanza {
  margin: 1em auto;
  width: 70%;
  position: relative;
}
.stanza p, .hang /* hanging indent */ {
  text-align: left;
  text-indent: -2em !important;
  margin: 0 0 0 2em !important;
}
.stanza p.dropcap:first-letter {
  float: none;
  margin-left: 0;
  text-align: left;
  text-indent: 0;
}
.stanza .speaker {
  float: none;
}
.couplet, .verse {
  margin: 1em auto;
  max-width: 80%;
  text-align: left;
  text-indent: 0;
}
.couplet p, .verse p {
  margin: 0;
  text-align: left;
  text-indent: 0;
}
p.verse, p.stanza {
  margin: 1em auto;
  max-width: 80%;
  text-align: left;
  text-indent: 0;
}
.chorus, .refrain {
  font-style: italic;
  margin: 1em auto;
  max-width: 70%;
}
.chorus p, .refrain p {
  margin: 0 0 0 4em;
  text-align: left;
  text-indent: -2em;
}
/* verse line number */
.ln {
  color: gray;
  float: right;
  font-style: italic;
  font-size: 0.8em;
  margin: 0 -2em 0 1em;
  text-align: right;
  text-indent: 0;
}
/* NOTE: vln requires enclosing div to be position:relative */
span.vln {
  color: gray;
  font-size: 0.8em;
  position: absolute;
  top: auto;
  right: -1.5em;
  text-align: right;
}
/* ILLUSTRATIONS */
img {
  border: none;
  max-width: 100%;
}
figure, .map, .figure, .plate, .frontispiece, .illustration {
  margin: 1em auto;
  max-width: 100%;
  text-align: center;
  text-indent: 0;
}
figure, .figure, .figleft, .figright {
  font-family: sans-serif;
  font-size: 0.9em;
  text-align: center;
  text-indent: 0;
}
figure p, figcaption, .map p, .figure p, .plate p, .frontispiece p, .illustration p {
  font-family: sans-serif;
  font-size: 0.9em;
  text-align: center !important;
  text-indent: 0 !important;
}
.ornament {
  margin: 1em auto;
  max-width: 100%;
  text-align: center !important;
}
.headpiece {
  margin: auto;
  max-width: 100%;
  text-align: center !important;
}
.tailpiece {
  margin: 1em auto;
  text-align: center !important;
  width: 66%;
}
.initial {
  float: left;
  margin: 0;
  padding: 0 0.5em 0 0;
}
.figleft {
  float: left;
  margin: 0;
  padding: 0.5em 0.5em 0 0;
}
.figright {
  float: right;
  margin: 0;
  padding: 0.5em 0 0 0.5em;
}
/* TABLES */
caption {
  background-color: inherit;
  font-variant: small-caps;
  margin: 1em auto;
}
table {
  margin: 1em auto;
}
th {
  font-weight: normal;
}
/* override broswer default */
table.tb1 {
  background-color: #fcfff6;
  /* in case it overflows the margins */
  border: 1px solid gray;
  border-collapse: collapse;
}
table.tb1 tr th {
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 0.5em;
}
table.tb1 tr td {
  border-right: 1px dotted gray;
  border-bottom: 1px dotted gray;
  padding: 0.5em;
}
table.nb, table.nb tr th, table.nb tr td {
  border: none;
}
/* table cell atoms */
.bt {
  border-top: 1px solid gray !important;
}
.br {
  border-right: 1px solid gray !important;
}
.bb {
  border-bottom: 1px solid gray !important;
}
.bl {
  border-left: 1px solid gray !important;
}
.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
/* LISTS */
li {
  margin-top: 0.5em;
}
ol p {
  text-align: justify;
  text-indent: 0;
  margin-bottom: 1em;
}
ol.nv {
  color: #999;
  font-style: italic;
}
ol.nv p {
  color: #000;
  text-align: left;
  font-style: normal;
}
ol.upper-roman {
  list-style-type: upper-roman;
}
ol.lower-roman {
  list-style-type: lower-roman;
}
ol.upper-alpha {
  list-style-type: upper-alpha;
}
ol.lower-alpha {
  list-style-type: lower-alpha;
}
ul.bracketed /* list with a left-side line */ {
  border-left: 1px solid gray;
  list-style-type: none;
  padding-left: 1em;
}
/* list without bullets */
ul.nb {
  list-style-type: none;
  padding-left: 2em;
}
ul.nb li {
  padding-left: 2em;
  text-indent: -2em !important;
}
ul.nb li ul {
  padding-left: 0;
  text-indent: -2em;
}
/* ugly kludge to align sidenotes on a list */
.nb span.sn {
  margin-left: -4em;
}
.dropcap {
  text-indent: 0;
}
.dropcap:first-letter {
  float: left;
  font-size: 5em;
  line-height: 90%;
  padding-right: 2px;
}
.dropcap img {
  float: left;
}
/* Close each chapter etc. with decorative diamonds*/
#contents:after, .preface:after, .prologue:after, .epilogue:after, .introduction:after, .canto:after, .essay:after, .chapter:after {
  content: "🞛 🞛 🞛";
  display: block;
  font-family: Georgia, "DejaVu Sans";
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
}
.antiqua {
  font-family: "Uncial Antiqua", Georgia, serif !important;
  font-variant: normal !important;
  font-size: 140%;
}
.math {
  display: inline-block;
  line-height: 110%;
  text-align: center;
  text-indent: 0;
  vertical-align: middle;
}
.ib {
  display: inline-block;
  text-indent: 0;
  vertical-align: middle;
}
/* here because make-mobi objects */
span[lang=ar] {
  font-size: larger;
}
*[lang=la] {
  font-variant: small-caps;
}
/* End of this style sheet */

.copyright {
  margin-top: 3em;
  font-size: 80%;
  text-indent: 0;
  text-align: left;
}