/*-----------------------------------------------------------------------------
TaoTeChing.css

version: 1.0
author:  Amos Newcombe
email:   anewc2@gmail.com
URL:     http://mysite.verizon.net/anewc2/

-------------------------------------------------------------------------------*/
/* ! Appearance */

/*-----------------------------------------------------------------------------*/
/** ! White space **/

/* Begone, o undocumented and inconsistent space! */
* { padding: 0; margin: 0 } /* Firefox has an issue with this ... */
select { min-width:1.5em; } /* that this fixes. */
/* Why exclude border from this? Read why at ... */
/* http://leftjustified.net/journal/2004/10/19/global-ws-reset/#comment-242 */

/* But we may want paragraphs separated, where we have extensive prose. */
/* Either the <p> element itself, or its parent, can get class="prose". */
p.prose, .prose p { margin-top: 1em; margin-bottom: 1em; }

/* Clear floats the easy way. */
.clear { clear: both; }

/* Indent list items to show the bullet or number. */
ul, ol { padding-left: 2em; }

abbr {border: 0}

/* use this instead of display:none to hide stuff you want screen readers to read. */
.off-left {
	position: absolute;
	left: -999px;
	width: 990px;
}

/*-----------------------------------------------------------------------------*/
/** ! Headings **/

h1 {font-size: 1.68em} /* 2^0.75 */
h2 {font-size: 1.41em} /* 2^0.50 */
h3 {font-size: 1.19em} /* 2^0.25 */
h4 {font-size: 1.00em} /* 2^0.00 */
h5 {font-size: 1.00em; font-variant: small-caps; font-weight: 900   }
h6 {font-size: 1.00em; font-variant: small-caps; font-style : italic}

/*-----------------------------------------------------------------------------*/
/** ! Page in the window **/

/* HACK: center #page in IE 5, from CSS Mastery chapter 7 */
body {
	text-align: center; /* makes buggy IE 5 center _everything_ */
}

#page {
	width     : 66em; /* maximum width for easy readability */
	max-width : 100%; /* liquid layout for large fonts, narrow windows */
	margin    : auto; /* makes standards-compliant browsers center the layout */
	text-align: left; /* HACK: reset: hack is done (assumes left-to-right language) */
	border-top   : 0.25em solid #eef;
	border-bottom: 0.25em solid #eef;
}

/*-----------------------------------------------------------------------------*/
/** ! Colors and Fonts **/

/* Content has normal colors. */
#page {
	color           : #000;
	background-color: #ffe;
	font-family     : verdana sans-serif;
}

/* Blank side panels have different background. */
body {
	background-color: #eef;
	color           : #ffe;
}

/* Placeholders: a clue you're not done yet. */
.stub {
	font-size: 2em;
	color    : #999;
}

/*-----------------------------------------------------------------------------*/
/* ! Tao Te Ching */

h1 {
	text-align : left; 
	margin     : 1em; 
	font-size  : 1em; 
	font-weight: 500; 
	float      : left;
}

#BookHeader {
	float: right; 
	text-align: right;
	margin: 0.5em;
}

#ChapterNumber {
	float: left;
	text-align: right;
	margin: 0.5em;
}

#ChapterHeader {
	float: left;
	margin: 0.5em;
}

.Chinese {font-size: 1.68em;}

th.Chinese {font-size: 1em;}

.Index, .Chinese, .Radical, .Literal, .Idiomatic {text-align: center;}

caption {font-size: 1.19em;}

.prev {float:left;}
.next {float:right;}

.move {color: #889}

.prose {padding:0 0.5em}

.menu {
	text-align: center;
/* 	border-top   : 0.25em solid #eef; */
	border-bottom: 0.25em solid #eef;
}

#Translation {
	border-top   : 0.25em solid #eef;
	border-bottom: 0.25em solid #eef;
}	

table#TranslationTable {
	padding: 1em 0;
	max-width: 65%;
/* 	float: auto; */
}

#Notes {
	padding: 1em 1em 1em 0;
	float: right;
	max-width: 30%;
}

#Notes blockquote {
	font-size: 0.84em;
	padding-left: 1em;
	border-left: 0.25em solid #999;
}

#Notes h2 {
	font-size: 1em;
}

#Notes .note-number {
	font-size: 2em;
	color: #999;
/* 	vertical-align: top; */
	float: left;
	padding-right: 0.5em;
}