html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: #666;
	background: #f7fbe0;
	text-align: center; 
	font: normal 100%/1.5em Helvetica, Arial, Verdana, sans-serif; }
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	margin: 5px 10px 10px 20px;
	font-size: .80em;
	quotes: "" "";
}
cite { font-style: italic; }
em { font-style: italic; }

#header-wrapper  {  width: 100%; height: 45px; background: #8d8759; text-align: left; }
#header { position: relative; }
/* chinese characters */
#chars { position: absolute; top: 8px; left: 15px; }
#chars li { list-style: none; float: left; height: 30px; padding-left: 10px; }
/* nav */
#nav { position: absolute; top: 18px; left: 165px; }
#nav a, #main-nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #52492b; }
#nav li { list-style: none; float: left; height: 11px; padding-left: 20px; }
a.nav-excerpt { display: block; width: 66px; height: 11px; text-decoration: none; background: url(../img/nav-excerpt.gif) no-repeat; text-indent: -9999px;}
a.nav-excerpt:hover { background-position: -66px; }
a.nav-excerpt-on { display: block; width: 66px; height: 11px; text-decoration: none; background: url(../img/nav-excerpt.gif) no-repeat; text-indent: -9999px; background-position: -66px; }
a.nav-contents { display: block; width: 79px; height: 11px; text-decoration: none; background: url(../img/nav-contents.gif) no-repeat; text-indent: -9999px;}
a.nav-contents:hover { background-position: -79px; }
a.nav-contents-on { display: block; width: 79px; height: 11px; text-decoration: none; background: url(../img/nav-contents.gif) no-repeat; text-indent: -9999px; background-position: -79px; }
a.nav-photos { display: block; width: 187px; height: 11px; text-decoration: none; background: url(../img/nav-photos.gif) no-repeat; text-indent: -9999px;}
a.nav-photos:hover { background-position: -187px; }
a.nav-photos-on { display: block; width: 187px; height: 11px; text-decoration: none; background: url(../img/nav-photos.gif) no-repeat; text-indent: -9999px; background-position: -187px; }
a.nav-maps { display: block; width: 137px; height: 11px; text-decoration: none; background: url(../img/nav-maps.gif) no-repeat; text-indent: -9999px;}
a.nav-maps:hover { background-position: -137px; }
a.nav-maps-on { display: block; width: 137px; height: 11px; text-decoration: none; background: url(../img/nav-maps.gif) no-repeat; text-indent: -9999px; background-position: -137px; }
a.nav-news { display: block; width: 38px; height: 11px; text-decoration: none; background: url(../img/nav-news.gif) no-repeat; text-indent: -9999px; margin-left: 40px; }
a.nav-news:hover { background-position: -38px; }
a.nav-news-on { display: block; width: 38px; height: 11px; text-decoration: none; background: url(../img/nav-news.gif) no-repeat; text-indent: -9999px; background-position: -38px; margin-left: 120px; }
a.nav-author { display: block; width: 54px; height: 11px; text-decoration: none; background: url(../img/nav-author.gif) no-repeat; text-indent: -9999px;}
a.nav-author:hover { background-position: -54px; }
a.nav-author-on { display: block; width: 54px; height: 11px; text-decoration: none; background: url(../img/nav-author.gif) no-repeat; text-indent: -9999px; background-position: -54px; }
a.nav-purchase { display: block; width: 68px; height: 11px; text-decoration: none; background: url(../img/nav-purchase.gif) no-repeat; text-indent: -9999px;}
a.nav-purchase:hover { background-position: -68px; }
a.nav-purchase-on { display: block; width: 68px; height: 11px; text-decoration: none; background: url(../img/nav-purchase.gif) no-repeat; text-indent: -9999px; background-position: -68px; }
a.nav-your-story { display: block; width: 82px; height: 11px; text-decoration: none; background: url(../img/nav-your-story.gif) no-repeat; text-indent: -9999px;}
a.nav-your-story:hover { background-position: -82px; }
a.nav-your-story-on { display: block; width: 82px; height: 11px; text-decoration: none; background: url(../img/nav-your-story.gif) no-repeat; text-indent: -9999px; background-position: -82px; }

/* sign */
h1 { float: left; padding-top: 40px; }
h1 a { background: transparent url(../img/sign.gif) no-repeat; display: block; width: 150px; height: 391px; text-indent: -9999px; }
h1 a:hover { background-position: -150px;  }

/* content */
#content-container { width: 100%; background: #fff; }
#content-wrapper { padding: 0 0 50px 0; text-align: left; min-height: 870px; }
#content { margin: 0 0 0 205px; padding: 45px 0 0 0; width: 870px; }
#main, #main-toc { padding: 20px 0 0 0; width: 540px; }
#main h2, #main-toc h2 { font-size: 2.65em; font-weight: bold; letter-spacing: -.025em; color: #297ea3; }
.excerpt h2 { background: transparent url(../img/intro.gif) no-repeat; display: block; width: 384px; height: 37px; text-indent: -9999px; }
.contents h2 { background: transparent url(../img/contents.gif) no-repeat; display: block; width: 177px; height: 29px; text-indent: -9999px; }
.photos h2 { background: transparent url(../img/photos.gif) no-repeat; display: block; width: 418px; height: 29px; text-indent: -9999px; }
.maps h2 { background: transparent url(../img/maps.gif) no-repeat; display: block; width: 317px; height: 37px; text-indent: -9999px; }
.author h2 { background: transparent url(../img/author.gif) no-repeat; display: block; width: 139px; height: 29px; text-indent: -9999px; }
.purchase h2 { background: transparent url(../img/purchase.gif) no-repeat; display: block; width: 175px; height: 29px; text-indent: -9999px; }
.tell h2 { background: transparent url(../img/tell.gif) no-repeat; display: block; width: 501px; height: 37px; text-indent: -9999px; }
#main h3 { padding: 10px 0 5px 0px; font-size: 1.15em; line-height: 1.5em; color: #52492b; }
#main h4 { padding: 0 0 10px 0; color: #000; }
#main a:link, #main a:visited { color: #297ea3; text-decoration: none; }
#main a:hover { color: #194e65; }
#main p { font-size: .85em; padding: 15px 0 0 0; }
#main ul { font-size: .90em; margin: 0; padding: 10px 0 0 0; }
#main li { list-style: none; }
.divider { padding: 15px 0 0 0; text-align: center; }
img.align-right { float: right; padding: 15px 0 15px 15px; }
img.align-left { float: left; padding: 0 10px 25px 0; }


/* home */
.home h1 { float: left; padding-top: 40px; }
.home h1 a { background: transparent url(../img/sign-lg.gif) no-repeat; display: block; width: 219px; height: 567px; text-indent: -9999px; }
.home h1 a:hover { background-position: -220px;  }
.home #content { margin: 0 0 0 290px; padding: 45px 0 0 0; width: 870px; }
.home #main { padding: 20px 0 0 0; width: 615px; }
.home h2 { background: transparent url(../img/american-chinatown.gif) no-repeat; display: block; width: 440px; height: 41px; text-indent: -9999px; }
#buy-box { float: left; width: 300px; }
#buy-box ul {  font-size: .80em; line-height: 1.65em; }
#praise-box { margin: 0 0 0 320px; padding: 23px 0 0 0; width: 300px; }
#praise-box p { font-size: .80em; line-height: 1.5em; padding: 15px 0 0 0; }
.attribution { font-size: .80em; line-height: 1.5em; color: #999; padding: 5px 0 0 0; text-align: right; }
.home h5 { margin: 20px 0 0 0; padding: 0 0 3px 0; border-bottom: 1px solid #cbc8bf; width: 265px; }
.praise { background: transparent url(../img/praise.gif) no-repeat; display: block; width: 132px; height: 19px; text-indent: -9999px; }
.actions { margin: 0 0 20px 0;  }
.actions li { float: left; padding: 0 20px 0 0; }

/* contents */
#main-toc h3 { padding: 15px 0 5px 0px; font-size: 1.25em; color: #52492b; }
#main-toc h4 { padding: 5px 0 0 0; font-size: 1.05em; color: #000; }
.toc { font-size: .90em; }
.awards  { color: #194e65; font-weight: bold; }

/* sidebar */
#sidebar { position: absolute; top: 110px; left: 775px; width: 300px; }
#sidebar h5 { clear: both; margin: 20px 0 0 0; padding: 0 0 3px 0; border-bottom: 1px solid #cbc8bf; width: 265px; }
#sidebar p { font-size: .80em; line-height: 1.65em; padding: 10px 0 15px 2px; }
.buy-the-book { background: transparent url(../img/buy-the-book.gif) no-repeat; display: block; width: 132px; height: 19px; text-indent: -9999px; }
.events-appearances { background: transparent url(../img/events.gif) no-repeat; display: block; width: 214px; height: 19px; text-indent: -9999px; }
#sidebar ul { font-size: .80em; margin: 0; padding: 0; }
#sidebar li { list-style: none; line-height: 1.5em; }
#sidebar a:link, #sidebar a:visited { color: #297ea3; text-decoration: none; }
#sidebar a:hover { color: #194e65; }

/* photo */
#sidebar .photo-wrapper { background: #d7eafc; }
#sidebar .photo-caption { padding: 10px; line-height: 1.35em; }

/* events */
.event-sidebar { padding: 10px 0 0 0; font-size: .80em; }
.event-sidebar .date { float: left; padding: 0 0 0 2px; color: #fda71b; font-size: .90em; }
.event-sidebar .event { width: 200px; margin-left: 75px; color: #000; line-height: 1.35em;  }
.event-sidebar .details { width: 200px; margin-left: 75px; line-height: 1.35em; }

/* tell your story */
.tell-form { padding: 20px 0 0 0; }
.tell-form label { font-size: .80em; font-weight: bold; color: #52492b; }
.tell-form-input { font: normal .80em/1.35em Helvetica, Arial, Verdana, sans-serif; color: #666; margin: 0 0 10px 0; }
.tell-form textarea { font: normal .80em/1.35em Helvetica, Arial, Verdana, sans-serif; color: #666; margin: 0 0 10px 0; }

/* FOOTER */
#footer-container { clear: right; width: 100%; background: #f7fbe0; }
#footer-wrapper  { margin: 0 0 0 215px; padding: 0 10px 50px 0; width: 850px; text-align: left; }
#footer { position: relative; padding: 20px 0 25px 0; width: 940px; font-size: .70em; line-height: 1.5em; }
#footer p { padding: 5px 0; }
#footer a, #footer a:visited { color: #52492b; text-decoration: none; }
#footer a:hover { color: #194e65; }