/*  Kanji Press Style Sheet
//  Author: John Spiger
//  Created: August 2006
*/

/* ---------- general ------------ */
* {
  margin: 0em;
  padding: 0;
}
div.clear_both {
  clear: both;
}
/* ------------ links, general ----------------- */
a {
  color: #FFB900;
  text-decoration: none;
}
a:hover {
  color: #FF6633;
}
/*----------------------------- */
/* ---- LAYOUT ---------------- */
/*----------------------------- */
html {
  background: #5A00B4;
}
body {
  color: #FFEFFA;
  margin: 3px .5%;
}

/* --------- banner ---------------- */
#banner {
  margin-bottom: 3px;
  color: #FFB900;
  background: #663433 url("../images/collage.jpg") center center no-repeat;
  text-align: center;
}
#banner a {font-family: sylfaen;
  font-variant: small-caps;
}
#banner h1 {font: small-caps 6em sylfaen;
}
#home #banner h1 {
  padding-top: .25em;
  padding-bottom: .25em;
  font-size: 8em;
}
#banner ul {
  list-style: none;
}
#banner li {
  display: inline;
  padding-right: 5%;
  padding-left: 5%;
  font-size: 16px;
}
#banner a:hover {
  color: #FF6633;
}
/* ------- side column ------------ */
#side_column {
  float: left;
  width: 24.5%;
  background: #5A00B4;
}
/* ----------- biography box --------------- */
div.bio_box {
  background-color: #663433;
  border-bottom: 3px solid #5A00B4;
}
.bio_box p {
  font-size: 20px;
  padding: 1em;
}
.bio_box img#yochan {width: 90%;
  padding-left: 5%;
  padding-top: 1em;
}
/*---------------- translations list ----------------------------- */
#translations {
  text-align: center;
  background: #663433 url(../images/archives_bg.png) top left no-repeat;
}
#translations p.header, #translations p.subheader {
  padding: 1em;
}
#translations a.list {
  padding: 5px 1em 5px 2em;
  display: block;
  font: 16px sylfaen;
  text-align: left;
  text-indent: -1em;
}
#translations p.header {
  font: small-caps 20px sylfaen;
}
#translations p.subheader {
  border-top: 1px solid #886000;
  font: 16px sylfaen;
}
#translations p.subheader a {
  color: #FFEFFA;
}
#translations p.subheader a:hover {
  color: #FF6633;
}
/* --------- content --------- */
#content {
  float: right;
  width: 75%;
}
.box, div.plain {background-color: #06061F;
}
/* ---------- box ---------- */
/* --------------- plain box -------- */
.box {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-size: 1.3em;
  margin-bottom: 3px;
}
.box p {text-indent: 1.5em;
}
div.plain p {
  text-indent: 0em;
}
/* ----- story_box ------------- */
.story_box {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-size: 1.3em;
  background-color: #302E5A;
}
.story_box p {
  text-indent: 1.5em;
}
.story_box h3.publisher_type {margin: 2em 0em 1em 1em;
}
#thankyou .story_box {
  text-align: center;
}
.story_box p.publications_title {
  padding: 1em 0em 0em 1em;
}
.story_box p, .box p, .story_box div, .box div {
  padding-left: 2em;
  padding-right: 2em;
}
/* ------ chapter_head ------- */
/* ------ title_n_credits -------- */
/* -------- end_copy_sig ------- */
div.title_n_credits, div.end_copy_sig, div.chapter_head {
  text-align: center;
}
div.title_n_credits h4, div.end_copy_sig h4, div.chapter_head h4 {
  font-weight: normal;
  font-style:italic;
  color: #888;
}
div.title_n_credits {
  padding-right: 2em;
  padding-left: 2em;
  margin-top: 1em;
  margin-bottom: 2em;
}
div.end_copy_sig {
  clear: both;
}
div.end_copy_sig, div.end_copy_sig h4, div.chapter_head {
  padding: 1em ;
}
div.chapter_head h4{
  padding-top: 1em;
}
div.end_copy_sig h4.signature {
  text-align: right;
}
/* -------------------- footnotes --------------*/
sup {font-size: .7em;
  line-height: 1em;
  vertical-align: top;
  color: #888;
  font-style: normal;
}
h2 sup {
  font-size: .4em;
}
div.footnotes sup, div.animated_footnote sup {
  padding-right: .5em;
  font-size: .7em;
}
sup.goRed:hover {
  color: #FF6633;
}
sup.goRed {
  color: #FFB900;
}
div.footnotes {
  color: #888;
  padding: 1em 2em;
  font-family: sans-serif;
}
div.footnotes p {
  margin-bottom: .5em;
  padding-left: .5em;
  text-indent: -.5em;
  font-size: .7em;
}
div.animated_footnote {
  border: 1px solid #888;
  position: fixed;
  width: 45%;
  background-color: #06061F;
  color: #888;
  font-family: sans-serif;
  font-size: 1.1em;
}
div.animated_footnote p {
  padding: 1em;
}
/* ---------------------------*/
/* --- contact form layout ---*/
/* ---------------------------*/
#contact .story_box form label {
  margin: 1em 0em .25em 4.5%;
}
#contact .story_box form input {
  margin: .25em 0em 1em 4%;
  padding: .25em;
}
#contact .story_box form #your_name,
#contact .story_box form #email_address {
  width: 60%;
}
#contact .story_box form #subject {
  width: 80%;
}
#contact .story_box form textarea {
  margin: .25em 0em 1em 4%;
  width: 80%;
  padding: .25em;
  overflow: auto;
}
#contact .story_box p {
  margin: 0em 0em 1em 4%;
}
/* ------------------------------*/
/*---- form color & bg ----------*/
/* --- ---------------------- ---*/
#contact .story_box form label {
  color: #FFB900;
}
#contact .story_box form input,
#contact .story_box form textarea {
  background: transparent;
  color: #FFEFFA;
}
#contact .story_box form input,
#contact .story_box form textarea {
  border: 1px solid #5A00B4;
}
#contact .story_box form #submit_button {
  color: #FFB900;
}
/* --- --------------------*/
/* --- form typography ----*/
/* --- --------------------*/
#contact .story_box form input,
#contact .story_box form textarea {
  font: .8em verdana;
}
#contact .story_box form #submit_button,
#contact .story_box form label {
  font: bold .8em sans-serif;
}
/* --- -------------------------*/
/* ---- content typography ---- */
/* --- -------------------------*/
#thankyou .story_box a {font: bold .8em sans-serif;
}
/* ----- story layout snippets -------- */
/* ------------ poem ------------- */
.story_box div.poem {
  padding: 1em 2.5em 1em 4em;
  clear: left;
  font-style: italic;
}
.story_box div.poem p {text-indent: -1.5em;
}
/* --------------- bilingual poem ------------ */
.story_box div.bilingual {
  padding: 1em 0em;
  /*	clear: both;
  */	font-style: italic;
}
.story_box .bilingual .bi_left {
  padding: 1em 0em;
  width: 49%;
  float: left;
}
.story_box .bilingual .bi_right {
  padding: 1em 0em;
  float: right;
  width: 49%;
}
.story_box .bilingual p {
  text-indent: -1em;
}
.story_box .bilingual .bi_left p {
  padding-left: 6em;
  padding-right: 1em;
}
.story_box .bilingual .bi_right p {
  padding-left: 3.5em;
  padding-right: 3.5em;
}
/* -------- centered_picture ------- */
.story_box div.centered_picture {
  text-align: center;
  margin-bottom: 2em;
  margin-top: 2em;
}
.story_box img.extra_wide_pic {
  width: 90%;
}
.story_box p.caption {
  font-size: 0.7em;
  padding: 0 15%;
  text-indent: 0em;
  color: #888;
  font-family: sans-serif;
}
/* -------------- content backgrounds ---------- */
#christ_of_nanking .story_box {background-image: url(../images/waiting_woman.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}
#publications .story_box {background-image: url(../images/classical_text.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}
#about .story_box {background-image: url(../images/talking_men.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}
#contact .story_box {background-image: url(../images/courtiers.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}