* { margin: 0; }
  body { background: #000 url('layout/grid.svg') fixed; color: #DDD; }
  p { text-align: justify; }
  abbr { cursor: help; border-bottom: 1px dotted #999;  }
  a { text-decoration: none; color: #CA9FD5; }
  a:hover { color: #AB67BC; }
  h1 { color: #000; font: 60pt Georgia,serif; margin: 0px; border-bottom: 1px dashed #000; padding: 4px 0px 4px 20px;  }
  h1 img { display: block; margin: 9px auto; }
 
  @font-face { 
   font-family: 'TypoSlabsSerif';  
   src: url('/files/fonts/typo-slabs-serif.woff2') format('woff2'), 
        url('/files/fonts/typo-slabs-serif.woff') format('woff'); 
  }

  .centercol { width: 700px; background: #000; border: 1px solid #CCC; border-width: 0px 1px; margin: auto; position: relative; }
  .section-title { font: 30pt TypoSlabsSerif,"Courier New",monospace; letter-spacing: 0.13em; line-height: 0.9em; padding: 0px 10px; color: #CCC; margin: 0px; border-bottom: 1px dashed #888; }
 
  .synopsis p { font: 16pt TypoSlabsSerif,"Courier New",monospace; padding: 8px 36px; color: #DDD; }
  .briefing p { font: 16pt TypoSlabsSerif,"Courier New",monospace; padding: 8px 36px; color: #DDD; border-bottom: 1px dashed #333; }
  .synopsis h2 { font: 30pt TypoSlabsSerif,"Courier New",monospace; padding: 0px 10px; letter-spacing: 0.1em; line-height: 0.9em; color: #CCC; margin: 0px; border-bottom: 1px dashed #888; }

  .screencaps { margin: auto; border-spacing: 0px; }
  .screencaps td { padding: 21px;  }

  .poster-girl { z-index: 4; position: absolute; bottom: 0; right: -111px; display: block;  } 
  div.bottom-cap { z-index: 3; position: fixed; bottom: 0; left: 50%; width: 700px; height: 1px;  margin-left: -350px;  }

  .character { width: 630px;  border: 1px solid #555; margin: auto; background: #222; padding-bottom: 6px; margin-bottom: 30px; min-height: 8em; position: relative; }
  .character h3 { margin: -15px 22px 0px -1px; text-align: right; background: #666 url('layout/grid.svg') -1px -1px ; border: 1px solid #555; padding: 0px 9px; font: 20pt Verdana,sans-serif; color: #F86; }
  .character span { font-style: italic; }
  .character p { margin: 5px 9px 9px 145px; font: 12pt Arial,sans-serif; }
  .character h4 { font: bold 13pt Verdana,sans-serif; color: #599; letter-spacing: 0.05em; margin: -20px 9px 8px 145px; }
  .profile-pic { width: 120px; height: 120px; float: left; border: 1px solid #555; margin: -0px 9px 0px 9px; }

  .char-1 { background-position: 0px 0px; }
  .char-2 { background-position: 0px -120px; }
  .char-3 { background-position: 0px -240px; }
  .char-4 { background-position: 0px -360px; }
  .char-5 { background-position: 0px -480px; }
  .char-6 { background-position: 0px -600px; }

  .bu1 { background-position: 0px 0px;  }
  .bu2 { background-position: 0px -140px;  }
  .bu3 { background-position: 0px -280px;  }
  .bu4 { background-position: 0px -420px;  }
  .bu5 { background-position: 0px -560px;  }
  .bu6 { background-position: 0px -700px;  }

  .review li { font: 13pt TypoSlabsSerif,"Courier New",monospace; letter-spacing: 0.11em; padding: 4px 25px 0px 0px ; margin-left: 10px; line-height: 1.5em; }
  .review div { font: italic 11pt Verdansa,sans-serif; padding: 8px 8px; }

  .links { border-top: 1px dotted #888; }
  .links div { float:right; margin: 2px 6px; font-style: italic; }
  .links a { display: block; float: left; width: 120px; margin: 10px 0px 15px 15px; padding: 0px 2px; border: 1px solid #7BB; background: #1D3532; 
             text-align: center; font: 10pt Verdana,sans-serif; color: #7BB; }
  .links a:hover { color: #FFF; background: #034; }
  .links br { clear: both; }

  .index img { display: block; text-align: center; margin: auto; }
  .index p { margin: -69px 40px 10px 40px; font: lighter 13pt "MS Sans Serif",Helvetica,Arial,sans-serif; z-index: 5; }
  .index br { clear: both; }
  .idx { margin: auto; width: 560px; height: 140px;   }
  .idx a { width: 122px; height: 122px; border: 1px solid #888; display: block; float: left;  margin: 8px; background-image: url('layout/burn-up-index-links.png'); }
  .idx a:hover { border: 1px solid #0FF; }
  .opt-u { background-position: 0px 0px; }
  .opt-w { background-position: -122px 0px; }
  .opt-x { background-position: -244px 0px; }
  .opt-s { background-position: -366px 0px; }

  .index-aap-links {   margin: auto;  }
  .index-aap-links a:hover { background: #034; color: #FFF; }
  .index-aap-links a { display: block;  width: 180px; border: 1px solid #7BB; 
                  background: #1D3532; padding: 0px 5px; margin: 5px; text-align: center; 
                  color: #7BB; font: italic 10pt Georgia,sans-serif;  }

  div.indexcopy { text-align: center; font: italic 10pt Verdana,sans-serif; }
  .bottomcap { margin: auto; border-top: 1px solid #CCC; width: 700px; height: 2px;  }