@page { /* was originally "@page" but later tried to use "body" */
    margin:1em;
    font-size:100%;
}

h1, h2, h3, h4, h5 { 
    font-family: Palatino, "Palatino Linotype", Caecilia, "Hoefler Text", Times, "Times New Roman", serif;
    text-align:center; 
    font-weight:bold;
    color:#000;
    margin: 1em 0;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
}

.chinese-text {
    font-family:"黑体","微软雅黑", "宋体", sans-serif;
    letter-spacing:4px
}

.story-cn {
	font-family:"黑体","微软雅黑", "宋体", sans-serif;
   letter-spacing:4px
}

/* Title Page / Style Definitions */

h1.book-title {
	font-size:2em;
	margin-bottom: 0;
	padding-bottom: 0;
}

h1.book-title-pinyin {
	font-size:1.2em;
	margin-top: 0;
	padding-top: 0;
	font-family:"Arial", sans-serif;
	color:#999999;
}

h1.book-title-english {
	font-size:1.8em;
}

h2.book-sub-title {
	font-size:1em;
	font-weight:normal;
}

h3.book-brand {
	margin-bottom:0;
}

h3.book-level {
	margin-top:0;
}

h3.disc-ques {
	text-align:left;
	margin-top:2em;
}

/* Character Style Definitions */

span.smallcaps {
	font-family:"Times New Roman", serif;
	font-size:70%;
}

span.dropcap {
    font-weight:bold;
    font-size:200%;
    font-style:normal;
}

span.superscript {
    font-family:"Times New Roman",serif;
    font-size:70%;
    line-height: 0.6;
    vertical-align: top;
}

span.glossary {
    font-family:"Times New Roman",serif;
    font-size:60%;
    line-height: 1.8;
    vertical-align: bottom;
    letter-spacing: -0.5px;
}

span.pnoun {
	text-decoration:underline;
}

small {
	font-weight:bold;
	font-size:50%;
}

/* Credits / Style Definitions */

div#credits-text p {
	text-align:center; 
	font-size:100%;
}

div#credits-text {
	padding-bottom:2em;
}

/* Character Introduction Images / Style Definitions */


/* Story Text / Style Definitions */

h1.chapter-num { /* Chapter Number */
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	line-height:1em;
}

p.line { /* P that holds the line image between the chapter number and name */
	margin-top:0;
	margin-bottom:0;
	padding:0;
	text-align:center;
}

h1.chapter-title { /* Chinese Chapter Title */
	font-family:"黑体","微软雅黑", "宋体", sans-serif;
	margin-top:1em;
	margin-bottom:1em;
}

p.chinese-text {
	font-family:"黑体","微软雅黑", "宋体", sans-serif;
	font-size:large;
	margin-top:0.5em;
	margin-bottom:1em;
	text-align:justify;
	text-indent:2em;
	line-height: 1.8;
}
p.story-cn {
	font-family:"黑体","微软雅黑", "宋体", sans-serif;
	font-size:large;
	margin-top:0.5em;
	margin-bottom:1em;
	text-align:justify;
	text-indent:2em;
	line-height: 1.8;
}

p.disc-ques {
	padding-left:2em; /*This indent will be undone by the glossary-item text-indent */
	text-indent:-2em; /*This way, word items that wrap to the next line will be indented */
	margin-bottom:1em;
	text-align:left;
	font-weight: normal;
}

.no-indent, p.no-indent {
	text-indent:0em;
}

/* Location Names / Style Definitions */

div#location-list, div#character-list {
	padding-left:4em; /*This indent will be undone by the location-item text-indent */
	padding-bottom:2em;
	font-size:100%;
	text-align:left;
}

div#location-list {
	padding-top:2em;
}

div#character-list {
	padding-top:1em;
}

.location-item, .character-item {
	text-indent:-4em; /*This way, word items that wrap to the next line will be indented */
}

.location-item span.location-char, .character-item span.character-char {
	padding-left:1em;
	font-family:"黑体","微软雅黑", "宋体", sans-serif;
	font-size:large;
}

.location-item span.location-py, .character-item span.character-py {
	padding-left:1em;
	color:#777;
}

.location-item span.location-pos {
	padding-left:1em;
   font-family:"Times New Roman", Times, Caecilia, serif;
	font-style:italic;
}

.location-item span.location-en, .character-item span.character-en {
	padding-left:0.6em;
    font-family:"Times New Roman", Times, Caecilia, serif;
}

div.location-item, div.character-item {
	padding-bottom:1em;
	padding-left:0;
}

/* Glossary / Style Definitions */

h2 span.vocab-pos {
	font-size:80%;
	color:#777;
	font-weight: normal;
	font-style:italic;
}

div#glossary-list, div#glossary-pos {
	padding-top:2em;
	padding-left:4em; /*This indent will be undone by the glossary-item text-indent */
	padding-bottom:2em;
	font-size:80%;
	text-align:left;
}

.glossary-item {
	text-indent:-4em; /*This way, word items that wrap to the next line will be indented */
}

.glossary-item span.vocab-num {
	padding-left:0;
}

.glossary-item span.vocab-char {
	padding-left:1em;
	font-size:150%;
}

.glossary-item span.vocab-py {
	padding-left:1em;
	color:#777;
}

.glossary-item span.vocab-pos {
	padding-left:1em;
   font-family:"Times New Roman", Times, Caecilia, serif;
	font-style:italic;
}

.glossary-item span.vocab-en {
	padding-left:0.6em;
    font-family:"Times New Roman", Times, Caecilia, serif;
}

div.glossary-item {
	padding-bottom:1em;
	padding-left:0;
}

/* PARAGRAPH LEVEL ENGLISH TEXT */
/* This is primarily for all of the english text before and after the story. Can include Chinese styles when necessary */

.text-cn {
    font-family:"黑体","微软雅黑", "宋体", sans-serif;
}

.text-en {
    letter-spacing:0px;
}

.char-notes {   /* for use on the Characters page, where there may be an option note */
    font-size: 80%;
}

.cen1 {
    text-align:center;
}

img
{
    max-width:100%;
}

.image {
    text-align:center;
    margin-top:1em;
    margin-bottom:0.5em;
}

a {
	text-decoration:none;
}

/* TABLE OF CONTENTS STYLES */

div.sgc-toc-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
}

.toc-title0 {
    margin-left: 3em;
    margin-bottom: 0.4em;
	 font-style:italic;
}

.toc-title1 {
    margin-left: 2em;
    margin-bottom: 0.4em;
}

.toc-title2 {
    margin-left: 1.5em;
    margin-bottom: 0.4em;
}

/* APPENDIX STYLES */

h2.appendix {
    text-align: left;
    margin-top:1.5em;
}

.appendix-table {
    width: 100%;
    border: 1px solid #b3bdf5;
    border-spacing: 0px;
}

.appendix-table tr td {
    border-bottom: 1px solid #e0e0e0;
}

.appendix-table tr.header th {
    background-color: #cce7f8;
    border-bottom: 1px solid #b3bdf5;
}

.appendix-table tr.last td {
    border-bottom: 0px solid #000000;
}

.appendix-table th {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 3px;
}

.appendix-table td {
    text-align: left;
    vertical-align: top;
    padding: 3px;
}

/* "OTHER STORIES" STYLES */

h3.book-title {
	text-align:left;
	margin-top:2em;
	margin-bottom:0.3em;
}

.en-book-author {   /* for use in "other stories" */
    font-family:"Times New Roman", serif;
    font-weight:bold;
    font-style:italic;
    text-align:left;
    margin-top:0em;
    margin-bottom:0em;
}

.book-synopsis {   /* for use in "other stories" */
    margin-left:1.5em;
}