/* Hong Kong University Press ePUB for Kindle CSS
note that this file is to be used when creating ePUB files for Kindle as they do not want justified text for their files

7 March 2013
- reduced margin around 'body' and removed margin from 'p' tag
- increased line height from 1.4 to 1.5em
- removed embedded font for standard typefaces; these will only be included for special fonts that are required in each book layout

7 June 2012
- updated to reflect new style names exported by InDesign CS5.5

23 February 2012
- updated to remove all justified text per Kindle requirements
- updated to reflect Kindle requirements (no negative margins)
7 October 2011:
- changed CSS to match HKUP Template style names
*/

/* FORMER FONT DESIGNATIONS
@font-face {
font-family: Roman;
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: Bold;
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: BoldItalic;
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: Italic;
font-style: italic;
font-weight: normal;
}
*/
/* 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");
}
*/
body
/* FORMER ATTRIBUTES:
	margin: 1.0em;
*/
{
	font-family: serif;
    font-size: 1.0em;
    line-height: 1.5em;
	text-align: left;
	margin: 0.25em;
	padding: 0px;
}
p
/* FORMER ATTRIBUTE:
	margin: 0.5em;
*/
{	
	margin: 0em;
}
a, .weblink
{
	text-decoration: underline;
	color: blue; 
}
br
{
	line-height: 1.5em;
}
sup
{
	font-size: 0.7em;
}
sub
{
	font-size: 0.7em;
}
.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; */
}
strong, b
{
	font-family: serif;
	font-weight: bold;
}
u
{
	font-style: underline;
}
em, .italic, i
{
	font-family: serif;
	font-style: italic;
/* Use blue font during file checking 
	color: blue; */
}
.roman
{
	font-family: serif;
	font-style: normal;
}
.smallcaps
{
    font-variant: small-caps;
}
.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; */
}
/* 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;
}
/* Tables
'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, .tables-tb
{
	font-size: 0.9em;
	line-height: 1.2em;
}
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; 
}
.table
{
	font-size: 0.9em;
    line-height: 1.2em; 
	border-style: none;
	border-width: 0px;
	padding: 0px;
}
.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;
/* 	border-bottom: solid 1px #000000; */
	vertical-align: bottom;
	font-weight: bold;
}
/* the shade class can be added to specific table rows or cells as required */
.shade
{
	background-color: #cccccc;
}
hr 
{
	border: 0;
	color: #000000;
	background-color: #000000;
	height: 1px;
	text-align: left;
	width: 100%;
}
/* Frontmatter Styles */
/* halftitle page styles */
.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;
}
/* series page styles */
.series-list-series-desc
{
    text-indent: 0px;
	padding-top: 1.0em;
	padding-bottom: 0em;
    text-align: left;  
}
.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;  
}
/* title page styles */
.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;
}
/* 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;
}
.h1, .frontmatter-backmatter-or-chapter-opener-ct, .frontmatter-backmatter-or-chapter-opener-pn, .frontmatter-backmatter-or-chapter-opener-pt, .frontmatter-backmatter-or-chapter-opener-cn
{
	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;
}
.h2, .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;
}
.h3, .subheads-h1, .frontmatter-backmatter-or-chapter-opener-cau
{
	font-family: serif;
    font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 1.5em;
    padding-bottom: 1.0em;
}
.h4, .subheads-h2, .frontmatter-backmatter-or-chapter-opener-cauaff
{
	font-family: serif;
    font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	padding-top: 1.5em;
    padding-bottom: 1.0em;
}
.h5, .subheads-h3
{
	font-family: serif;
    font-size: 1.2em;
	padding-top: 1.2em;
	font-weight: normal;
	padding-top: 1.5em;
    padding-bottom: 1.0em;
}
.h6, .subheads-h4
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: bold;
	padding-top: 1.0em;
    padding-bottom: 0.5em;
}
.h7, .subheads-h5
{
	font-family: serif;
    font-size: 1.1em;
	line-height: 1.2em;
	font-style: italic;
	padding-top: 1.0em;
    padding-bottom: 0.5em;
}
.h8, .subheads-h6
{
	font-family: serif;
    font-size: 1.0em;
	line-height: 1.2em;
	font-style: bold;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.noindent, .text-txni, .contributors-cont-bio, .text-txni-space-above, .text-txni-space-below, .letter-let-open, .displays-display, .text-txni-line-space-above, .letter-let-txni-space-above, .text-txni-space-above-and-below
{
    text-indent: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
    text-align: left;  
}
.indent, .text-tx, .text-tx-space-above, .text-tx-space-below, .text-tx-space-above-and-below, .letter-let-tx, .letter-let-tx-space-above
{
    text-indent: 20px;
	padding-top: 0em;
	padding-bottom: 0em;
    text-align: left;  
}
.hanging
{
	text-indent: -20px;
		padding-left: 20px;
	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;
}
/* 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;
}
.list, .lists-li, .lists-li-hanging-no
{
    font-size: 1.0em;
    padding-left: 40px;
    line-height: 1.5em;
	text-align: left;
}
.lists-li-hanging
{
    font-size: 1.0em;
	text-indent: -40px;
		padding-left: 40px;
    line-height: 1.5em;
	text-align: left;
}
.lists-li-indent, .list-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;
}
.display
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    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-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-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 */
.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;
	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;
}
/* 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;
}
/* 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: 2.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;
}