/* AAP Index Layout Version: 2.7.7 */

  * { margin: 0; }
  html, body { height: 100%; }
  body { background: #000; color: #EEE; font: 11pt Arial,sans-serif; }
  img  { display: block; border: 0; }
  table { border: 0px; border-spacing: 0px; }
  td { padding:0px; vertical-align: top; }
  br { clear: both; }

  h1 { font: italic 20pt Georgia,serif;    text-align: center; margin: 10px; color: #099; }
  h2 { font: italic 12pt Arial,sans-serif; text-align: center; color: #999; border: 1px dotted #888; border-width: 1px 0px; }
  p { text-align: justify; margin: 19px;  }
  p.p2 { margin-right: 60px; }

  a { text-decoration: none; color: #066; font-weight: bold; }
  a:hover { color: #0AA; }

  .extra-links { background: #000; width: 390px; margin: 0px 10px 0px -40px; 
                 border: 1px dotted #888; border-width: 1px 1px 1px 0px;  color: #888; }
  .extra-links a {  padding: 3px 1.2em; }

  .moreinfo li { list-style: square; color: #CCC; font: italic 11pt serif; letter-spacing: 0.1em; }
  .moreinfo a { color: #0AA; }
  .review-header { margin: 1px 22px; border-bottom: 1px dotted #777; }
  .review-list li { margin-bottom: -4px; opacity: 0.88; }
  .review-list a { color: #CCC; font: italic 10pt Verdana,sans-serif; }
  .review-list a:hover { color: #0CC; }
  p  a { color: #0AA; font-weight: normal; }

  #layout { margin: auto; width: 800px; height: 100%; position: relative; }
  #col1 { width: 30px; background-image: url('bg-sprite.png'); }
  #col2 { background: #000 url('green-bg.png'); }
  .col3 { position: relative;  width: 408px; background: #000 url('bg-sprite.png') repeat-y -30px 0px;  }
  .arrow { background: #000 url('bg-sprite.png') no-repeat; width: 134px; height: 140px; margin: auto; }
  .down  { background-position: -438px 0px; }
  .up    { background-position: -578px 0px; }
  .nav   { position: absolute; top: 212px; left: -49px; z-index: 4; }

  .animanga { text-align: center; opacity: 0.8; }
  .animanga:hover { opacity: 1; }
  .animanga img { margin: 30px auto;  }

  .throb { z-index: 5; position: absolute; display: none; width: 9px; height: 19px; }
  .mnu-series { top: 223px; left: 120px; }
  .mnu-info   { top: 284px; left: 120px; }
  .mnu-rev    { top: 345px; left: 120px; }