/* Hong Kong University Press ePUB CSS
16 December 2016
- 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/mingliu.ttc");
}
/* CHINESE BOLD FONT (IF REQUIRED) 
@font-face {
font-family: chinese-bold;
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-top: 2.0em;
	margin-bottom:1.0em;
	margin-left:1.0em;
	margin-right:1.0em;
	padding: 0px;
}
p
{	
	margin: 0em;
}
br
{
	line-height: 1.5em;
}
/* character styles */
a, .weblink
{
	text-decoration: underline;
	color:#03F;
}
.roman
{
	font-family: serif;
	font-style: normal;
}
.italic, em, i
{
	font-family: serif;
	font-style: italic;
/* Use blue font during file checking - comment out for final version 
	color: blue; */
}
.bold, b, strong
{
	font-family: serif;
	font-weight: bold;
}
.bolditalic, bi
{
	font-style: italic;
	font-weight: bold;
}
.chinese, .chinese-traditional, .chinese-simplified
{
	font-family: chinese;
}
.chinesebold
{
	font-family: chinese-bold;
/* Use red font during HTML file editing for ease of picking out chinese words - comment out for final version 
	color: red; */
}
.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; */
}
.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;
}
.center
{
	text-align:center;
}

/* 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;
	padding-top:2.0em;
}

/* text styles */
.noindent
{
    text-indent: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
    text-align: left;  
}
.noindent-spaceabove
{
    text-indent: 0px;
	padding-top: 0.8em;
	padding-bottom: 0em;
    text-align: left;  
}
.noindent-spaceaboveandbelow_centre
{
    text-indent: 0px;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
    text-align: centre;  
}
.noindent-spaceaboveandbelow
{
    text-indent: 0px;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.noindent-spacebelow
{
    text-indent: 0px;
	padding-top: 0em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.indent
{
    text-indent: 1.5em;
	padding-top: 0em;
	padding-bottom: 0em;
    text-align: left;  
}
.indent-spaceabove
{
    text-indent: 1.5em;
	padding-top: 0.8em;
	padding-bottom: 0em;
    text-align: left;  
}
.indent-spacebelow
{
    text-indent: 1.5em;
	padding-top: 0em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.indent-spaceaboveandbelow
{
    text-indent: 1.5em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
    text-align: left;  
}
.blockquote, .epigraphs, .extracts
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0em;
    margin-bottom: 0em;
	text-align: left;
}
.blockquote_turnover
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 60px;
    text-indent: -20px;
	padding-right: 40px;
    margin-top: 0em;
    margin-bottom: 0em;
	text-align: left;
}
.blockquote_spaceabove
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0.8em;
    margin-bottom: 0em;
	text-align: left;
}
.blockquote-right
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 80px;
    margin-top: 0em;
    margin-bottom: 1.2em;
	text-align: right;
}
.blockquote-indent
{
	font-size: 0.9em;
	line-height: 1.2em;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0em;
    margin-bottom: 0em;
	text-indent: 20px;
	text-align: left;
}

/* Figure Styles
Use <div class="image"> that wraps around entire image, including the figurenumber and caption */
.image
{
    margin-top: 2.0em;
    margin-bottom: 2.0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-size: 0.9em;
	line-height: 1.2em;
    text-align: left;
}
.fit
{
	max-width: 100%;
	max-height: 100%;
}
.figuretext
{
	font-family: serif;
    font-size: 0.9em;
	line-height: 1.2em;
	font-weight: roman;
    text-align: left;
	padding-bottom: 0.5em;
}
.figurelist
{
	font-family: serif;
    font-size: 0.9em;
	line-height: 1.2em;
	font-weight: roman;
    text-align: left;
	padding-bottom: 0.5em;
	padding-left: 20px;
	text-indent: -20px;
}
.caption, .figures-fc
{
	font-family: serif;
    font-size: 0.9em;
	line-height: 1.2em;
    margin-top: 0.5em;
	margin-left: 0em;
	margin-right: 0em;
    margin-bottom: 1.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: -30px;
	padding-left: 30px;
	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 */
h1, .chapter-title
{
	page-break-before: always;
	font-family: serif;
    font-size: 1.6em;
	line-height: 1.4em;
	font-style:normal;
	font-weight: bold;
    padding-top:2.0em;
	padding-bottom: 2.0em;  
    text-align: left;
}
h2, .chapter-title_nospace
{
	page-break-before: always;
	font-family: serif;
    font-size: 1.6em;
	line-height: 1.4em;
	font-style:normal;
	font-weight: bold;
    padding-top: 2.0em;
    padding-bottom: 0.5em;  
    text-align: left;
}
h3, .chapter-subtitle
{
	font-family: serif;
    font-size: 1.4em;
	line-height: 1.3em;
	font-style: italic;
	font-weight: normal;
	padding-top: 0.0em;
    padding-bottom: 2.0em;
}
h4, .chapter-author
{
	font-family: serif;
    font-size: 1.2em;
	line-height: 1.2em;
	font-style: roman;
	font-weight: normal;
	padding-top: 0.0em;
    padding-bottom: 5.0em;
}
.subheads-h1
{
	font-family: serif;
    font-size: 1.3em;
	line-height: 1.4em;
	font-style: roman;
	font-weight: bold;
	padding-top: 2em;
    padding-bottom: 1.0em;
}
.subheads-h2
{
	font-family: serif;
    font-size: 1.3em;
	line-height: 1.4em;
	font-style: italic;
	font-weight: bold;
	padding-top: 2em;
    padding-bottom: 1.0em;
}
.subheads-h2_no_space
{
	font-family: serif;
    font-size: 1.3em;
	line-height: 1.4em;
	font-style: italic;
	font-weight: bold;
	padding-top: 0em;
    padding-bottom: 1.0em;
}
.subheads-h3
{
	font-family: serif;
    font-size: 1.3em;
	font-style: italic;
	font-weight: roman;
	padding-top: 2em;
    padding-bottom: 1.0em;
}
.subheads-h3_no_space
{
	font-family: serif;
    font-size: 1.3em;
	font-style: italic;
	font-weight: roman;
	padding-top: 0em;
    padding-bottom: 1.0em;
}
.subheads-h4
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: roman;
	font-weight: bold;
	padding-top: 1.5em;
    padding-bottom: 0.8em;
}
.subheads-h4_no_space
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: roman;
	font-weight: bold;
	padding-top: 0em;
    padding-bottom: 0.8em;
}
.subheads-h5
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: italic;
	font-weight: bold;
	padding-top: 1.5em;
    padding-bottom: 0.8em;
}
.subheads-h6
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: italic;
	padding-top: 1.5em;
    padding-bottom: 0.8em;
}
/* 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: -15px;
	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 */
.halftitle
{
	font-family: serif;
	font-weight: bold;
    font-size: 2.0em;
	line-height: 1.4em;
    margin-top: 2.0em;
    padding-top:2em;
	padding-bottom: 2.0em;  
    text-align: left;
}

/* title page styles */
.subtitle, .title-page-subtitle
{
    font-size: 1.5em;
	line-height: 1.4em;	
    text-align: left;
}
.title-page-aued, .author
{
    font-size: 1.2em;
    padding-top: 0.5em;
    text-align: left;
	padding-bottom:7em;
}
.title-page-trans, .translator
{
    font-size: 1.2em;
    padding-top: 1.0em;
    text-align: left;
	padding-bottom:5em;
}
/* 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 */
.copyright, .copyright-page-cp-no-space-below
{
    font-size: 0.9em;
	line-height: 1.1em;
	padding-bottom: 0em;
}
.copyright_space, .copyright-page-cp
{
    font-size: 0.9em;
	line-height: 1.1em;
	padding-bottom: 1.1em;
}
.printline
{
	font-family: sans-serif;
    font-size: 0.7em;
	line-height: 1.0em;
	padding-top: 3.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
{
	font-size: 0.9em;
	line-height: 1.2em;
	text-indent: -20px;
		padding-left: 20px;
}
.indexsub, .index-ise
{
	font-size: 0.9em;
	line-height: 1.2em;
	text-indent: -20px;
		padding-left: 40px;
}
.indexsubsub
{
	font-size: 0.9em;
	line-height: 1.2em;
	text-indent: -20px;
		padding-left: 60px;
}
/* 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
{
	margin: 1.5em;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
/*	BORDER can be added if necessary - preferable not to include it
	border: solid 1px #000000; */
}
tbody, .tbody, .tables-tb
{
	font-family: serif;
	font-size: 1.0em;
	line-height: 1.2em;
	padding-top: 0.1em;
	padding-left: 0.2em;
	padding-right:0.2em;
	text-align: left;
}
.tbody-center
{
	font-family: serif;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-top: 0.1em;
	padding-left:0.2em;
	padding-right:0.2em;
	text-align: center;
}
.thead, .tables-tch
{
	font-family: serif;
	font-size: 0.9em;
	font-weight: roman;
	padding-left:0.2em;
	padding-right:0.2em;
	text-align: center;
/* 	border-bottom: solid 1px #000000; */
}
td
{
	font-family: serif;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-top: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-align: left;
	vertical-align:top;
}
tr
{
	font-family: serif;
	font-size: 1.0em;
	line-height: 1.2em;
	vertical-align: top;
}
th
{
	font-family: serif;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: roman;
	padding-top: 0.2em;
	text-align: left;
	vertical-align: top;
}
.tablenumber, .tables-tn
{
	font-family: serif;
	font-size: 0.9em;
	font-weight: bold;
    line-height: 1.2em;
	padding-top:1em; 
}
.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;
	padding-top: 0.3em;
	border-style: none;
	border-width: 0px;
}
.tablenote-1
{
	font-family: serif;
	font-size: 0.9em;
    line-height: 1.2em;
	padding-top: 0.1em;
	border-style: none;
	border-width: 0px;
}

/* the shade class can be added to specific table rows or cells if required */
.shade
{
	background-color: #CCC;
}
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 #000;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	background-color:#CCC;
}
.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: 0.0em;
}
/* 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;
}