
 * { margin: 0; }
 body { padding:0;  border: 0; background: #300 url('layout/transparent-stipple-red.png'); color: #FFF; font: 12pt Verdana,sans-serif; }
 a { text-decoration: none; color: #CCC; }

 @font-face { 
   font-family: 'Kaffeesatz'; 
   src: url('/files/fonts/yanone-kaffeesatz-regular.woff2') format('woff2'); 
 }
 
 .pageborder { display:box; box-pack:center; box-align:center; width: 98%; margin: 1%; }
 
 table.band { position: relative; margin-top: 100px; border-spacing: 14px 0px;  }
 table.band td { vertical-align: top; }

 .dblock    { position: relative; width: 400px; height: 380px; border: 1px solid #FFF; position: margin: 0px 10px; background: #900; }
 .dblock h1 { position: absolute; width: 400px; bottom: -1em; left: 0; font: 26pt normal Verdana,sans-serif; display: block;  text-align: right; color: #FFF; }
 .top-pic   { position: absolute; width: 200px; height: 160px; border: 1px solid #FFF; border-radius: 50px 0px 50px 0px; top: -80px; left: 110px; z-index: 9; }
 .spacer { height: 100px; }

 .gen { background: #300 url('layout/transparent-stipple-red.png'); width: 40%; position: absolute; top: 0; left: 0; font: 24pt Verdana,sans-serif; margin: 13px 0px 0px 0px; padding: 5px 11px; margin-left: -1px;  opacity: 0.6; }
 .gen-number { background: #300 url('layout/transparent-stipple-red.png'); width: 40%; position: absolute; top: 0; right: 0; font: 24pt Arial,sans-serif; margin: 13px 0px 0px 0px; text-align: right; padding: 5px 11px; margin-right: -1px; opacity: 0.6;  } 
 p { text-align: justify; margin: 1px 1em; font: 16pt Kaffeesatz,MankSans,Arial,sans-serif; line-height: 1.2em; }
 .tborder { border-top: 1px dotted #AAA; margin-top: 4px; padding-top: 4px; }
 ul i { color: #FEE; }

 .huntress { background: #622; background-image: url('images/huntress.jpg'); }
 .episode  { background: #333; background-image: url('images/episodes.jpg'); }
 .items    { background-image: url('images/items.png');  margin: auto; width: 200px; }
 .cut1 { background-position: 0px 0px;    }
 .cut2 { background-position: 0px -160px; }
 .cut3 { background-position: 0px -320px; }
 .cut4 { background-position: 0px -480px; }
 .cut5 { background-position: 0px -640px; }
 .cut6 { background-position: 0px -800px; }
 .cut7 { background-position: 0px -960px; }

