/* Hong Kong University Press ePUB CSS
5 December 2013
- modified to include new tags and support direct export from InDesign CS6
*/

/* DOCUMENT FONT SPECIFICATIONS */

/* CHINESE FONT (IF REQUIRED)
@font-face {
font-family: Chinese;
font-style: normal;
font-weight: normal;
src: url("fonts/MHeiHK-Medium.OTF");
}
*/
/* KOREAN FONT (IF REQUIRED) 
@font-face {
font-family: Korean;
font-style: normal;
font-weight: normal;
src: url("fonts/malgun.ttf");
}
*/
/* JAPANESE FONT (IF REQUIRED) 
@font-face {
font-family: Japanese;
font-style: normal;
font-weight: normal;
src: url("fonts/msmincho.ttc");
}
*/
/* general text settings */
body
{
	font-family: serif;
    font-size: 1.0em;
    line-height: 1.5em;
	text-align: left;
	margin: 0.25em;
	padding: 0px;
}
p
{	
	margin: 0em;
}
br
{
	line-height: 1.5em;
}
/* character styles */
a, .weblink
{
	text-decoration: underline;
	color: blue; 
}
.bold, b, strong
{
	font-family: serif;
	font-weight: bold;
}
.bolditalic
{
	font-style: italic;
	font-weight: bold;
}
.chinese, .chinese-traditional, .chinese-simplified
{
	font-family: Chinese;
/* Use red font during HTML file editing for ease of picking out chinese words - comment out for final version 
	color: red; */
}
.italic, em, i
{
	font-family: serif;
	font-style: italic;
/* Use blue font during file checking - comment out for final version 
	color: blue; */
}
.bullet
{
	font-family: serif;
}
.note-reference
{
	font-size: 0.7em;
	vertical-align: super;
/* Use red font during HTML file editing for ease of viewing superscript notes - comment out for final version 
	color: red; */
}
.roman
{
	font-family: serif;
	font-style: normal;
}
.smallcaps
{
    font-variant: small-caps;
}
.superscript, sup
{
	font-size: 0.7em;
	vertical-align: super;
}
.subscript, sub
{
	font-size: 0.7em;
	vertical-align: sub;
}
u, .underline
{
	font-style: underline;
}

/* DIV Story - for page breaks
'story' div class (<div class="story">) should be used to enclose all elements that require a page break beforehand 
*/
.story
{
	page-break-before: always;
}
/* text styles */
.noindent, .text-txni, .letter-let-txni
{
    text-indent: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
    text-align: left;  
}
.noindent-spaceabove, .contributors-cont-bio, .text-txni-space-above, .letter-let-open, .text-txni-line-space-above, .letter-let-txni-space-above
{
    text-indent: 0px;
	padding-top: 0.8em;
	padding-bottom: 0em;
    text-align: left;  
}
.noindent-spaceaboveandbelow, .text-txni-space-above-and-below, .displays-display, .equation
{
    text-indent: 0px;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.noindent-spacebelow, .text-txni-space-below
{
    text-indent: 0px;
	padding-top: 0em;
	padding-bottom: 0.6em;
    text-align: left;  
}
.indent, .text-tx, .letter-let-tx
{
    text-indent: 20px;
	padding-top: 0em;
	padding-bottom: 0em;
    text-align: left;  
}
.indent-spaceabove, .text-tx-space-above, .letter-let-tx-space-above
{
    text-indent: 20px;
	padding-top: 0.8em;
	padding-bottom: 0em;
    text-align: left;  
}
.indent-spacebelow, .text-tx-space-below 
{
    text-indent: 20px;
	padding-top: 0em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.indent-spaceaboveandbelow, .text-tx-space-above-and-below
{
    text-indent: 20px;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.blockquote, .epigraphs-ep, .extracts-ext
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
	text-align: left;
}
.blockquote-indent, .epigraphs-eps, .extracts-extc
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0em;
    margin-bottom: 1.2em;
	text-indent: 20px;
	text-align: left;
}
/* Figure Styles
Use <div class="image"> that wraps around entire image, including the figurenumber and caption */
.image, .figure-box, .figure-caption-box
{
    margin-top: 2.0em;
    margin-bottom: 1.0em;
	margin-left: 1.0em;
	margin-right: 1.0em;
    text-align: left;
}
.figurenumber, .figures-fn
{
	font-family: serif;
    font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
    margin-top: 1.0em;
	margin-left: 0em;
	margin-right: 0em;
    margin-bottom: 0em;
	text-align: left;
}
.caption, .figures-fc
{
	font-family: serif;
    font-size: 0.9em;
	line-height: 1.2em;
    margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
    margin-bottom: 2.0em;
	text-align: left;
}
/* Note Styles - footnote class is used for footnotes, endnotes, references, and bibliographies */
.footnotes
{
    border-top: 2px solid;
}
.footnote, .references-or-bibliography-ref, .notes-nt, .footnotes-footnote, .footnotes-footnote-no-rule
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	font-size: 0.9em;
	line-height: 1.2em;
	text-indent: -40px;
		padding-left: 40px;
	text-align: left;
}
.footnote-indent
{
    margin-top: 0em;
    margin-bottom: 0.5em;
	font-size: 0.9em;
	line-height: 1.2em;
	text-indent: 20px;
	padding-left: 40px;
	text-align: left;
}
.footnotequote
{
    margin-top: 0em;
    margin-bottom: 0.5em;
	font-size: 0.8em;
	line-height: 1.2em;
	text-indent: 0px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
}
.footnotequote-indent
{
    margin-top: 0em;
    margin-bottom: 0.5em;
	font-size: 0.8em;
	line-height: 1.2em;
	text-indent: 20px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
}
/* subhead styles */
h3, .frontmatter-backmatter-or-chapter-opener-pn, .frontmatter-backmatter-or-chapter-opener-pt
{
	page-break-before: always;
	font-family: serif;
    font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
    padding-top: 2.0em;
    padding-bottom: 2.0em;  
    text-align: left;
}
h4, .frontmatter-backmatter-or-chapter-opener-ct, .frontmatter-backmatter-or-chapter-opener-cn
{
	page-break-before: always;
	font-family: serif;
    font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
    padding-top: 2.0em;
    padding-bottom: 2.0em;  
    text-align: left;
}
h5, .frontmatter-backmatter-or-chapter-opener-cst, .series-list-series-title
{
	font-family: serif;
    font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 1.5em;
    padding-bottom: 1.5em;
}
h6, .subheads-h1
{
	font-family: serif;
    font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 1.5em;
    padding-bottom: 1.0em;
}
.subheads-h2, .frontmatter-backmatter-or-chapter-opener-cau
{
	font-family: serif;
    font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	font-weight: bold;
	padding-top: 1.5em;
    padding-bottom: 1.0em;
}
.subheads-h2_no_space, .frontmatter-backmatter-or-chapter-opener-cau
{
	font-family: serif;
    font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	font-weight: bold;
	padding-top: 0em;
    padding-bottom: 1.0em;
}
.subheads-h3, .frontmatter-backmatter-or-chapter-opener-cauaff
{
	font-family: serif;
    font-size: 1.2em;
	padding-top: 1.2em;
	font-weight: normal;
	padding-top: 1.5em;
    padding-bottom: 1.0em;
}
.subheads-h4
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: bold;
	padding-top: 1.0em;
    padding-bottom: 0.5em;
}
.subheads-h5
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: italic;
	padding-top: 1.0em;
    padding-bottom: 0.5em;
}
.subheads-h6
{
	font-family: serif;
    font-size: 1.0em;
	line-height: 1.2em;
	font-style: bold;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}
/* list styles */
.list, .lists-li, .lists-li-hanging-no
{
    font-size: 1.0em;
    padding-left: 40px;
    line-height: 1.5em;
	text-align: left;
}
.list-hanging, .lists-li-hanging
{
    font-size: 1.0em;
	text-indent: -40px;
		padding-left: 40px;
    line-height: 1.5em;
	text-align: left;
}
.list-indent, .lists-li-indent 
{
    font-size: 1.0em;
    padding-left: 60px;
    line-height: 1.5em;
	text-align: left;
}
.extractlist
{
    font-size: 0.9em;
    line-height: 1.2em;
    padding-left: 80px;
    padding-right: 40px;
	text-align: left;
}
.extractlist-indent
{
    font-size: 0.9em;
    line-height: 1.2em;
    padding-left: 100px;
    padding-right: 40px;
	text-align: left;
}
.applist
{
    font-size: 1.0em;
    line-height: 1.5em;
	text-indent: 0px;
	padding-left: 20px;
	text-align: left;
}

/* space break */
.spacebreak
{
	text-align: center;
	padding-top: 1.5em;
}

/* Frontmatter Styles */
/* halftitle page styles */
h1, .halftitle, .title, .title-page-title, .title-page-halftitle
{
	font-family: serif;
	font-weight: bold;
    font-size: 2.0em;
	line-height: 1.0em;
    margin-top: 2.0em;
    padding-bottom: 2.0em;  
    text-align: left;
}

/* title page styles */
h2, .subtitle, .title-page-subtitle
{
    font-size: 1.5em;
	line-height: 1.0em;	
    text-align: left;
}
.title-page-aued, .author
{
    font-size: 1.2em;
    padding-top: 0.5em;
    text-align: left;
}
.title-page-trans, .translator
{
    font-size: 1.2em;
    padding-top: 1.0em;
    text-align: left;
}
/* series page styles */
.series-list-series-desc
{
    text-indent: 0px;
	padding-top: 1.0em;
	padding-bottom: 0em;
    text-align: left;  
}
.series-entry, .series-list-series-entry
{
	font-family: serif;
    text-indent: 0px;
	padding-top: 1.0em;
	padding-bottom: 0em;
    text-align: left;  
}
.series-list-series-editors-authors
{
	font-family: serif;
    text-indent: 0px;
	padding-top: 0em;
    text-align: left;  
}
/* copyright page styles */
.copyright1, .copyright-page-cp-no-space-below
{
    font-size: 0.8em;
	line-height: 1.0em;
	padding-bottom: 0em;
}
.copyright, .copyright-page-cp
{
    font-size: 0.8em;
	line-height: 1.0em;
	padding-bottom: 1.0em;
}
.printline
{
	font-family: sans-serif;
    font-size: 0.7em;
	line-height: 1.0em;
	padding-top: 1.0em;
}
/* contents styles */
.TOC-frontmatter, .contents-page-cts-fm
{
    font-size: 1.0em;
	line-height: 1.2em;
    margin-top: 0em;
    margin-bottom: 0.3em;
    text-indent: 0px;
}
.TOC-part, .contents-page-cts-pt
{
    font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2em;
    margin-top: 0.6em;
    margin-bottom: 0em;
    text-indent: 0px;
}
.TOC-chapter, .contents-page-cts-ct
{
    font-size: 1.0em;
	line-height: 1.2em;
    margin-top: 0.6em;
    margin-bottom: 0em;
    text-indent: 0px;
}
.contents-page-cts-ct-no-space-below
{
    font-size: 1.0em;
	line-height: 1.2em;
    margin-top: 0.6em;
    margin-bottom: 0em;
    text-indent: 0px;
}
.TOC-chaptersub
{
    font-size: 1.0em;
	line-height: 1.2em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2.0em;
}
.TOC-chapterauthor, .contents-page-cts-au
{
    font-size: 1.0em;
	line-height: 1.2em;
	font-style: italic;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2.0em;
}
/* index styles */
.indexmain, .index-ie, .index-iab
{
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 0px;
}
.indexsub, .index-ise
{
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 20px;
}
.indexsubsub
{
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 40px;
}
/* table styles
'hku_table' div class (<div class="hku_table">) must be used to enclose all table elements, beginning with table number and ending after table source or table footnote 
*/
.hku_table, .table
{
	width: 95%;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	margin-left: 1.0em;
	margin-right: 1.0em;
	text-align: left;
/*	BORDER can be added if necessary - preferable not to include it
	border: solid 1px #000000; */
}
tbody, .tbody, .tables-tb
{
	font-size: 0.9em;
	line-height: 1.2em;
}
.tbody-center
{
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: center;
}
td
{
	padding: 0px 10px 0px 0px;
}
tr
{
	vertical-align: top;
}
th
{
	font-family: serif;
	font-weight: bold;
	border-bottom: solid 1px #000000;
	vertical-align: bottom;
}
.tablenumber, .tables-tn
{
	font-family: serif;
	font-size: 0.9em;
	font-weight: bold;
    line-height: 1.2em; 
}
.tabletitle, .tables-tt
{
	font-family: serif;
	font-size: 0.9em;
    line-height: 1.2em;
	padding-bottom: 0.5em;
}
.tablenote, .tables-ts
{
	font-family: serif;
	font-size: 0.9em;
    line-height: 1.2em;
	border-style: none;
	border-width: 0px;
}
.thead, .tables-tch
{
	font-family: serif;
	font-size: 0.9em;
/* 	border-bottom: solid 1px #000000; */
	vertical-align: bottom;
	font-weight: bold;
	text-align: center;
}
/* the shade class can be added to specific table rows or cells if required */
.shade
{
	background-color: #cccccc;
}
hr 
{
	border: 0;
	color: #000000;
	background-color: #000000;
	height: 1px;
	text-align: left;
	width: 100%;
}
/* box styles
Use <div class="hku_box"> */
.hku_box, .boxed-text
{
	border: solid 1px #000000;
	padding: 10px;
	margin: 10px 10px 10px 10px;
}
.boxnumber, .boxes-bn
{
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
    margin-top: 1.0em;
	margin-left: 0em;
	margin-right: 0em;
    margin-bottom: 0em;
	text-align: left;
}
.boxtitle, .boxes-bt
{
	font-size: 0.9em;
    line-height: 1.2em; 
	text-align: left;
    margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
    margin-bottom: 1.2em;
}
/* Poetry Styles - use to set individual lines of poetry with 2 possible levels of indentation */
.poetry
{
	font-size: 1.0em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
	text-align: left;
}
.poetry-indent
{
	font-size: 1.0em;
	line-height: 1.2em;
    padding-left: 60px;
    padding-right: 40px;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
	text-align: left;
}
.poetry-indent2
{
	font-size: 1.0em;
	line-height: 1.2em;
    padding-left: 80px;
    padding-right: 40px;
    margin-top: 0.6em;
    margin-bottom: 0em;
	text-align: left;
}
.hanging
{
	text-indent: -20px;
		padding-left: 20px;
	text-align: left;
}