/*** HTML5 styles ***/

div.pg-img {
	margin-right:1em;
	margin-top:1em;
	margin-bottom:1em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 12pt;
	line-height:16pt;
	padding-bottom:35px;
	}
	
[data-book=blank_page]:after {
	margin-left: 150px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 10pt;
	color: gray;
	content: " blank page ";
	}

[data-book=duplicate_page]:after {
	margin-left: 150px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 10pt;
	color: gray;
	content: " duplicate page ";
	}

[data-book=front_cover]:after {
	margin-left: 150px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 10pt;
	color: gray;
	content: " front cover ";
	}

[data-book=back_cover]:after {
	margin-left: 150px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 10pt;
	color: gray;
	content: " back cover ";
	}

div.pg-img  {
       color:#151414;
    }


div.pg-img section.title_page h1 {
	margin-top:35pt;
	font-size:24pt;
	line-height:30pt;
	text-align:center;
    }

div.pg-img section.title_page p {
	text-indent: 0em;
    }
	
div.pg-img section.table_of_contents h1 {
	font-size:20pt;
	line-height:22pt;
	text-align:center;
	margin-bottom:35pt;
    }

div.pg-img section[data-text=trailer] {
	text-align: center;
	}

div.pg-img p[data-text=trailer] {
	text-align: center;
	}
	
div.pg-img section[data-text=contents] {
	margin-bottom: 30pt;
	}

div.pg-img h1 {
	font-weight: 500;
	font-size: 20pt;
	line-height: 28pt;
	text-align: center;
	margin-top: 30pt;
    }	
	
div.pg-img h2 { 
	font-size: 16pt;
	font-weight: 500; 
	line-height: 18pt;
	text-align: center;
	margin-top: 2em;
	}

div.pg-img h2.sm {
       font-variant: small-caps;
       font-size: 135%;
       letter-spacing: 2px;
     }

div.pg-img h3 { 
	font-size: 14pt; 
	line-height: 18pt;
	font-weight: 500;
	text-align: center;
	margin-top: 2em;
	}

div.pg-img h3.sm {
       font-variant: small-caps;
       font-size: 120%;
       letter-spacing: 2px;
     }
	
div.pg-img h3.summary {
	font-weight: 500;
	font-style: italic;
	}
	
div.pg-img h4 {
	font-weight: 500;
	text-align: center;
	margin-top: 2em;
	}

div.pg-img h5 {
	font-weight: 500;
	text-align: center;
	margin-top: 2em;
	}

div.pg-img h2.hangingindent {
	text-align: justify;
	padding-left: 20px;
	text-indent: -20px;
	}

	
div.pg-img p { 
	text-indent: 2em; 
	margin: 0 !important;
	}

div.pg-img p.tab-right { 
	text-indent: 4em; 
	margin: 0 !important;
	}
	
div.pg-img p.tab-rightx2 { 
	text-indent: 6em; 
	margin: 0 !important;
	}

div.pg-img p.tab-rightx3 { 
	text-indent: 8em; 
	margin: 0 !important;
	}
	
div.pg-img p.tab-rightx4 { 
	text-indent: 10em; 
	margin: 0 !important;
	}

div.pg-img p[data-p=contd] {
	text-indent:0;
	}

 div.pg-img p[data-p=ol] {
	counter-increment: pnum;
	}

div.pg-img p[data-p=ol]:before {
	content: "(" counter(pnum) ".) ";
	}
	
	
div.pg-img .flush-left {
	text-indent:0;
	text-align:left;
	}

div.pg-img .flush-right {
	text-align:right;
	}

div.pg-img .center {
	text-align:center;
	}

div.pg-img p.imprint {
	padding-top: 2em;
	padding-left: 30px;
	text-align: justify;
	margin-left: 20px !important;
	text-indent: -20px;
	margin: 0 auto !important;
	width: 300px;
	}

div.pg-img .titlepage {
	width: 300px;
	margin: 0 auto;
	text-indent: 0;
	text-align: justify;
	}

div.pg-img hr.titlepage {
	width: 300px;
	background-color: #ffffff;
	height: 10px;
    border-style: solid;
    border-color: #151414;
    border-width: 1px 0 0 0;
	}


hr.decorative {
    border: 0;
    height: 1px;
    width: 50%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0));
    margin-top: 30px;
    margin-bottom: 30px;
   }

hr.black-double {
  border: 0;
  border-top: 3px double #8c8c8c;
  margin-top: 30px;
  margin-bottom: 30px;
}

div.pg-img p.dropcap {
	text-indent:0;
	visibility: visible;
	}

div.pg-img .dropcap:first-letter {
	float:left;
	text-indent:0;
	font-size:42pt;
	line-height:29pt;
	padding-right:-2pt;
	padding-top:2pt;
	}
	
div.pg-img .decorInit:first-letter {
	border: 1px solid #ddd;
	padding: 20px 30px 20px 30px;
	margin-right: 5px;
	}

@font-face {
   font-family: CloisterBlack;
   src: url("fonts/CloisterBlack.66449523eedc.ttf");
}

div.pg-img .blackletter {
	font-family: CloisterBlack;
	}		
	
div.pg-img footer {
	display: none;
	}
		
	
div.pg-img[data-pagenum]:before {
	display: block;
	margin-top: .25em;	
	margin-bottom :1em;
	font-size: 9pt;
	color: gray;
	text-align: center;
	content: "----------page "attr(data-pagenum)" on image "attr(id)"---------";
	}
	
div.pg-img:before {
	display: block;
	margin-top: .25em;
	margin-bottom: 1em;
	font-size: 9pt;
	color: gray;
	text-align:center;
	content: "----------unnumbered page on image "attr(id)"---------";
	}

div.pg-img.intro:before {
	display: none;
	}

.intro:before {
	display:none;
	}

div.pg-img.intro h1 {
	padding-top: 1.5em;
    text-align: left;
	}
	
div.pg-img section:before {
	display: block;
	margin-top: .25em;	
	margin-bottom: 1em;
	font-size: 115%;
	text-align: center;
	content: " "attr(data-header)" ";
	}	
	
div.pg-img .epigraph {
	margin: 10px 0 10px 0;
	}

div.pg-img .rubric {
	color:#ff0000;
	}
		

div.pg-img figure {
   	display: block;
    	font-size: 90%;
	color:#727073;
    	border-color: #ddd;
	border-style:solid;
	border-width:thin; 
	margin:auto;
	padding: 12pt;
	text-align:left;
	text-justify:none;
	background-color:rgba(255, 255, 255, 0.5)
    	}

div.pg-img figure.figure {
	min-height:300px;
	}

div.pg-img figure.figure:after {
	content: "[Figure]" ;
	padding: 18pt;
	}

div.pg-img figure.frontispiece {
	min-height:500px;
	}

div.pg-img figure.frontispiece:after {
	content: "[Frontispiece]" ;
	padding: 18pt;
	}

div.pg-img figure.headpiece {
	min-height: 80px;
	}

div.pg-img figure.headpiece:after {
	content: "[Headpiece]" ;
	padding: 18pt;
	}

div.pg-img figure.tailpiece {
	min-height: 70px;
	width: 125px;
	margin: 0 auto;
	margin-top: 15px;
	}

div.pg-img figure.tailpiece:after {
	content: "[Tailpiece]" ;
	padding: 12pt;
	}
	
div.pg-img figure.ornament {
	min-height: 40px;
	width: 100px;
	margin: 0 auto;
	margin-top: 15px;
	}

div.pg-img figure.ornamente:after {
	content: "[Printer's Ornament]" ;
	padding: 12pt;
	}	

div.pg-img figure h1 { 
	display: block;
    	font-size: 12pt;
    	}
            
div.pg-img .figdesc { 
	display: none;
    	font-size: small;
    	}
         
div.pg-img .figdesc:before {
	content: "[" ;
	}

div.pg-img .figdesc:after  { 
	content: "]" ;
	}


div.pg-img figure.inline {
	display: inline;
	border-color:#000;
	border-style:solid;
	border-width:thin;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

div.pg-img figure.inline h1 { 
	display: inline;
    	font-size: 12pt;
    }
            
div.pg-img figure.inline .figdesc { 
    display: inline;
    font-size: small;
    color: brown;
         }

div.pg-img .front {
    display: block;
    margin-top: 1em;
    }
       
div.pg-img .front:before {
    display: none;
	content: "[Front matter]";
	color: red;
	margin-top: 1em;
	}
	
div.pg-img .gap {
	display: inline;
	font-size: 80%;
	font-color: #767676;
	}

div.pg-img .gap:before {
	content: attr(DISP) ;
	}

div.pg-img cite.sm {
	font-style: normal;
     }		

div.pg-img cite strong {
	font-style: normal;
     }

div.pg-img cite strong strong {
	font-style: italic;
	}

div.pg-img cite.sm i {
       font-style: normal;
       font-variant: normal;
     }

div.pg-img em cite {
	font-style: normal;
	}

div.pg-img i cite {
	font-style: normal;
	}

div.pg-img cite i {
	font-style: normal;
	}



div.pg-img em {
	font-style: italic;
	}
	
div.pg-img em em {
	font-style: normal;
	}	

div.pg-img em em em {
        font-style: italic;
        }

div.pg-img em strong {
	font-style: normal;
	}

div.pg-img i {
	font-style: italic;
	}
	
div.pg-img i i {
	font-style: normal;
	}	

div.pg-img i i i {
        font-style: italic;
        }

div.pg-img i strong {
	font-style: normal;
	}

div.pg-img strong i {
       font-style: normal;
       }

div.pg-img strong em {
	font-style: normal;
	}

div.pg-img strong strong {
	font-style: normal;
	}

div.pg-img .i cite {
       font-style: normal;
       }

div.pg-img .i strong {
	font-style: normal;
	}

div.pg-img .i span > i {
	font-style: normal;
	}

div.pg-img i.sm {
	font-style: normal;
	}

div.pg-img ul {
	display: block; 
	margin-top: 1em; 
	margin-bottom: 1em;
	margin-left: 1em;
	}
	
div.pg-img li {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 12pt;
	}
	
div.pg-img ul.plain {
	display: block; 
	margin-top: 1em; 
	margin-bottom: 1em;
	margin-left: -2.4em;
	}
	
div.pg-img ul.plain li { 
	margin-bottom: 1em;
	list-style-type: none;
	margin-left:0;
	text-align:left;
	}	

div.pg-img ul.plain li > ul.plain li {
	padding-left: 1.5em;
	}

        
LIST > TRAILER { /***fix this -- **/
        display: block;
        font-size: 14pt;
        color: green;
        margin-left: 2em;
        }
      
        
div.pg-img li {
	display: list-item; 
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type:disc;
	text-justify:none;
	text-align:left;
	}
	
div.pg-img li li {
	display: list-item; 
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: disc;
	}	

div.pg-img li li li {
	display: list-item; 
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: disc;
	}
	
div.pg-img li li li li {
	display: list-item; 
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: disc;
	}

div.pg-img dt {
	padding-top: 10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 12pt;
	}

div.pg-img dd {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 12pt;
	}	
	
div.pg-img q {
	display: inline;
	margin-left: 0%;
	margin-right: 0%;
	quotes: "“" "”" "‘" "’";
	}
	
div.pg-img q.single {
	display: inline;
	margin-left: 0%;
	margin-right: 0%;
	quotes: "‘" "’" "“" "”";
	}

div.pg-img q:before, .notes q:before {
	/* content: "\201C"; */
	content: open-quote;
	display:inline;
	}

div.pg-img q:after, .notes q:after {
	/* content: "\201D"; */
	content: close-quote;
	display:inline;
	}

/* div.pg-img q>q:before, .notes q>q:before {
	content: "\2018";
	display:inline;
	}

div.pg-img, .notes q>q:after {
	content: "\2019";
	display:inline;
	} */

div.pg-img q.pl:before, div.pg-img q.sm:before, div.pg-img q.italic:before {
	content: "";
	}

div.pg-img q.pl:after, div.pg-img q.sm:after, div.pg-img q.italic:after {
	content: "";
	}

/* div.pg-img q >q:before {
	content: "\2018";
	display:inline;
	}

div.pg-img q >q:after {
	content: "\2019";
	display:inline;
	} */

div.pg-img q .l {
	text-indent: 2em;
	}
	
div.pg-img q.i, blockquote.i {
	font-style: italic;
	}


div.pg-img q.i:before {
	content: "";
	}

div.pg-img q.i:after {
	content: "";
	}

div.pg-img blockquote.i strong {
	font-style: normal;
	}

div.pg-img .pl, q.i strong, div.pg-img q.i em, div.pg-img q.i i, div.pg-img q.i cite, div.pg-img blockquote.i cite {
	font-style: normal;
	}

div.pg-img q[data-q=contd] {
	text-indent:0;
	}	

div.pg-img q[data-q=contd]:before {
	content="";
	}

div.pg-img .br:after {
       content: " \A ";
       white-space: pre;
       }


div.pg-img abbr {
	text-decoration: none;
	cursor: help;
	}
	
div.pg-img blockquote {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 10%;
	margin-right: 10%;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size: 12pt;
	}

div.pg-img .doublespace {
	line-height: 200%;
	}
	
div.pg-img .small {
	   font-size:75%;
       }	

div.pg-img .epigraph.small {
	   font-size:85%;
       }	

div.pg-img h2.small {
	   font-size:85%;
       }	

div.pg-img h3.small {
	   font-size:85%;
       }	

div.pg-img p.small {
	   font-size:85%;
       }	

div.pg-img .large {
	   font-size:130%;
       }

div.pg-img .italic {
	font-style: italic;
	}

div.pg-img .italic em {
	font-style: normal;
	}

div.pg-img .italic i {
	font-style: normal;
	}

div.pg-img .italic strong {
	font-style: normal;
	}

div.pg-img .italic cite {
	font-style: normal;
	}

div.pg-img i em {
	font-style: normal;
	}

div.pg-img strong {
	font-style: italic;
	font-weight: normal;
     }

div.pg-img strong.sm {
	font-style: normal;
     }


div.pg-img .hangingindent {
	padding-left: 20px;
	text-indent: -20px;
	justify:left;
}

div.pg-img p.hangingindent {
	padding-left: 20px !important;
	text-indent: -20px !important;
}

.space {
	padding-top: 20px;
	padding-bottom: 10px;
}


div.pg-img span.footnote { /*span for note inline with text*/
    display: none;
}
   
div.pg-img .footnotes { /*section for notes at footer of page*/
	display: block;
	padding-top:.6em;
	}
        
div.pg-img .footnotes .footnote:before {
        /*content: attr(data-num) " " ;*/
	display:inline;
	}

div.pg-img .footnotes .footnote:after {
	content: " ";
	}

div.pg-img .footnotes .footnote {
	font-size: 10.5pt;
	line-height: 7pt;
	display: inline;
	padding-bottom: .5em;
}


div.pg-img .footnotes .footnote .l {
	font-size:10.5pt;
	padding:.5em 0 .25em 2.5em;
}

div.pg-img .footnotes .footnote br {
	line-height:20pt;
	}

div.pg-img .trailer {
	display: block;
	text-align: center;
	margin-top: 1.5em;
	}        	
	
div.pg-img .closer {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
	}

div.pg-img .date {
    display: inline;
    }


div.pg-img .dateline {
    display: block;
    padding-top: 20px;
	padding-bottom: 10px;
    }   
	
div.pg-img .signed {
        display: block;
       }

div.pg-img .l {
	display: block;
	white-space:nowrap;
	line-height: 16pt;
	}

div.pg-img .new-lg {
       text-indent: 1.5em; 
       display: block;
       white-space:nowrap;
       }

div.pg-img .l-indent {
	text-indent: 1.5em; 
	display: block;
	white-space:nowrap;
	line-height: 16pt;	
	}
	
div.pg-img .l:after {
	font-size: 9pt;
	color: gray;
	margin-left: 10px;
	content: " "attr(id)" ";
	}
	
div.pg-img .l-indent:after {
	font-size: 9pt;
	color: gray;
	margin-left: 10px;
	content: " "attr(id)" ";
	}			   
	   
div.pg-img .lg {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	}

div.pg-img .lg > .lg {
	display: block;
	margin-top: .5em;
	margin-bottom: 1em;
	}
	
div.pg-img .lg[data-continued=true] {
	text-indent:0;
	}	
			

div.pg-img .lg:before {
	display: none;
	content: "[stanza " attr(N) "]";
	font-size: 8pt;
	color: green;
	text-align: center;
	}


div.pg-img .lg[TYPE]:before {
	display: none;
	content: "[" attr(TYPE) " " attr(N) "]";
	font-size: 8pt;
	color: green;
	text-align: center;
	}	  
	
div.pg-img span:after {
	content: attr(data-content);
	}

div.pg-img .line-wrap {
  display: block;
  position: relative;
  line-height: 1.2;
  margin-bottom: 0;
  min-height: 1.2em;
}

.marginalia-l, .marginalia-r {
  position: absolute;
  top: 0;
  font-size: 70%;
  width: 6.5em;
  white-space: normal;
  pointer-events: none;
}

.marginalia-l {
  left: -10em;
  text-align: right;
}

.marginalia-r {
  right: -8em;
  text-align: left;
}

div.pg-img p.cf {
    text-align-last: left;
	}

div.pg-img span.authcite {
    float: right;
	}

div.pg-img .manicule {
        font-size: 200%;
	float: left;
	padding-top: 0;
        margin-top: 6px;
	}

div.pg-img .sm {
	font-variant: small-caps;
	font-size: 105%;
     }

div.pg-img span.str {
       text-decoration: line-through;
}

div.pg-img div[data-book=broadside] {
	min-width: 640px;
	margin-left: -110px;
	}

div.pg-img .catchword { /* to do: get rid of the class: done */
	display: none;
	float: right;
	}

div.pg-img div[data-book=catchword] {
	padding-top: 20px;
	width: 400px;
	text-align: right;
	}
	
div.pg-img .printernum { /* to do: get rid of the class: done */
	padding-top: 5px;
	text-align: right;
	width: 200px;
	float: left;
	}

div.pg-img div[data-book=printernum] {
	padding-top: 20px;
	text-align: right;
	width: 200px;
	float: left;
	}
	

sup {
	font-size: 70%;
	line-height: 11pt;
     }

sup a {
	font-weight: bold;
	background-color: #f4f4f4;
     }

div.pg-img .index_to_the_notes ul {
	padding: 0;
	margin-left: 0;
	margin-bottom: 7px;
     }


div.pg-img .index_to_the_notes li {
	margin-left: 44px;
	text-indent: -20px;
	list-style-type: none;
	margin-bottom: 7px;
     }


div.pg-img .index_to_the_notes ul ul {
	margin-left: -20px;
     }

div.pg-img .index_to_the_notes .dropcap:first-letter {
	text-indent: -20px;
	padding-right: 22px;
	padding-top: 5px;
	font-size: 34pt;
	line-height:28pt;
     }


div.pg-img .subscribers ul {
	padding: 0;
	margin-left: 0;
	margin-bottom: 7px;
     }


div.pg-img .subscribers li {
	margin-left: 44px;
	text-indent: -20px;
	list-style-type: none;
	margin-bottom: 7px;
     }


div.pg-img .subscribers ul ul {
	margin-left: -20px;
     }

div.pg-img .subscribers .dropcap:first-letter {
	text-indent: -20px;
	padding-right: 22px;
	padding-top: 5px;
	font-size: 34pt;
	line-height:28pt;
     }


div.pg-img .dramatis_personae ul {
	padding: 0;
	margin-left: 0;
	margin-bottom: 7px;
	width: 90%;
	margin: auto;
     }

div.pg-img .dramatis_personae li {
	list-style-type: none;
	margin-bottom: 3px;
	text-align: left;
     }    

div.pg-img .dramatis_personae li span.right {
	float:right;
}     
     

div.pg-img .notes blockquote {
       font-size: 12px;
       }

.speech {
	display: block;
	margin-top: 1em;	
	}
	
.speaker {
     display: inline;
     font-style: italic;
	}

.opener {
     padding-top: 10px;
     padding-bottom: 30px;
     }

div.pg-img div.columns-container {
	font-size:11pt;
	line-height:13pt;
	min-width:750px;
	margin-left:-120px;
	}

div.pg-img div.columns-container-recto {
	font-size:11pt;
	line-height:13pt;
	min-width:750px;
	padding-left:200px;
	}

div.pg-img div.lcolumn {
	top:0;
    float: left;
    width: 45%;
    display: inline-block;
    padding-top: 20px;
    padding-right:20px;
    }

div.pg-img div.rcolumn {
	top:0;
    float: left;
    width: 45%;
    display: inline-block;
    padding-top: 20px;
    }
    

/* use to supply full titles or names when broken at end of page */
div.pg-img span.hidden {
	display: none;
	}

/* inline dropdowns */

span.dropdown span.drop-items {
	display: none;
	font-size: 11px;
	font-family: "Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
	}

span.dropdown {
	position: relative;
	}

span.dropdown:hover span.drop-items,
span.dropdown span.drop-items:hover {
	display: block;
	position: absolute;
	max-height: 250px;
	overflow: scroll;	
	top: -1px;	
	left: 0;
	z-index: 100;
	background: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	margin-top: 1.5em;	
	padding: .75em 1em;	
	line-height: 1.5em;
	text-decoration: none;
	white-space:nowrap;
	font-style:normal;
	text-indent:0;
	}

span.dropdown:hover {
	background: #e2e2e2;
	text-decoration: none;
	}

span.dropdown a:link {text-decoration:none; color: #000000;}
span.dropdown a:visited {text-decoration:none;}
span.dropdown a:active {text-decoration:none;}

span.dropdown span.drop-items a {
	text-decoration: none;
	}


.document {
	/* Make hyphens appear. They are hidden in basic.css */
	display: inline;
}