body { background: #000; color: #C4BE7B; margin: 0; padding: 0; border: 0; font: 10pt Georgia, serif; }
  a { color: #CCC;  text-decoration: none; }
  a:hover  { text-decoration: underline; }
  a:active { color: #FFF; }

  p { text-align: justify; }
  ul { list-style: circle; }
  br { clear: both; }

  .fr { float: right; }
  .fl { float: left; }

  #bottom { height: 100px; padding: 10px; }
  #bottom img { margin-top: 2px; float: right; }
  #bottom div { float: right; }
  #bottom a { display: block; float: left; width: 130px;  text-align: center; margin: 2px 10px; }


/* INDEX PAGE */

  body.idx { background: #000 url('index-bg.gif'); }
  #idx-content { margin: 95px auto 0px auto;  font: 10pt Verdana,sans-serif; width: 800px; height: 262px; }
  .idx-quote { font: 12pt Arial,sans-serif; color: #C18F8F; width: 140px;  float: left; margin-top: 27px; }
  img.idx { float: right; }
  div.idx-col2 { width: 400px; margin-left: 140px; padding: 4px 11px;   }
  div.idx-title { font: 12pt monospace; padding: 4px 0px; }

/* CHARACTER PAGE */

  .char-content { width: 800px;  margin: auto; } 
  .char-content h2 { background: #332292; color: #CCC; padding: 5px 8px; margin: 20px 0px 0px 0px; }
  .spacebar { width: 100%; height: 3px; background: #332292; margin: 5px 0px;  }
  .char-desc { background: #000 url('charback.jpg');  margin: 6px 160px;  }
  .char-shinma { display: block; width: 100px;  padding-left: 0px; }

  .char-quote { width: 140px; font: 12pt Arial,sans-serif; color: #CCC; }

  .tvchar img { float: left; }
  .tvchar h3 { margin-left: 120px; background: #332292 url('char-bg.jpg'); border: 1px solid #332292; padding: 2px 5px;  color: #CCC; }
  .tvchar p { margin-left: 120px; }
  
  .charbottom { border-top: 1px solid #332292; height: 100px; padding-top: 10px; }
  .charbottom a { display: block; float: left; width: 130px; border: 1px solid #332292; text-align: center; margin: 2px 10px; }
  .charbottom img { margin-top: 2px; float: right; }
  .charbottom div { float: right; }

/* INTRO */
  body.about { background: #000 url('info-bg.gif'); color: #CCC; }
  #about-wrapper {  width: 494px; margin-left: 95px; padding: 10px; }

  .introbottom { border-top: 1px solid #CCC;  }
  .introbottom a {  border: 1px solid #CCC;  }

  dt { font: bold 12pt Verdansa,sans-serif; margin-top: 20px; border-bottom: 1px dashed #CCC; }

/* ANIME : GENERIC */
  body.anime { background: #000 url('anime-bg.gif'); }
  body.anime #content { width: 580px; padding: 15px;   font: 12pt Georgia,serif; }

/* TV */
  body.tv { color: #F6CECE; }
  body.tv a { color: #F33; }
  body.tv pre { font: italic 12pt Arial,sans-serif; }
  .tvbottom { border-top: 1px solid #F6CECE;  }
  .tvbottom a {  border: 1px solid #F6CECE;  }

/* MANGA */
  body.manga { color: #ADC; }
  .manga .fl { margin-right: 9px; }
  .manga .fr { margin-left: 9px; }
  .mangabottom { border-top: 1px solid #ADC;  }
  .mangabottom a {  border: 1px solid #ADC;  }

/* OAV */
  body.oav { color: #C4BE7B; }
  body.oav a { color: #CCC; }
  blockquote.oav { text-align: center; color: #A76B25; margin:0; font: italic 12pt serif;   } 
  .oav-story { border-bottom: 1px dashed #C4BE7B; margin-bottom: 20px; }
  .oav-story img { display: block; text-align: center;  margin: auto; }
  .oav-story h3  { text-align: center;  color: #FFF; }

  .oavbottom { border-top: 1px solid #C4BE7B;  }
  .oavbottom a {  border: 1px solid #C4BE7B;  }