
  body { background: #FFF4D2; padding: 0; margin: 0;  }

  #cont { position: relative; z-index: 5; width: 795px; border: 0; margin: auto; border-spacing: 0; background-image: url('../images/background.gif'); }
  .td-col1 { padding: 0; vertical-align: top; width: 279px; }
  .td-col2 { padding: 0; vertical-align: top;  }

  .own-it { position: absolute; left: 3px; top: -3px; font: 22pt Arial,sans-serif; display: block; width: 29px;   color: #716; cursor: help; text-align: center; } 
  #leftbar { margin: 0px 25px 0px 40px; text-align: center; position: relative;   }
  #cover { width: 200px; display: block; margin: auto; }

  #leftbar table { margin: auto; width: 100%; border-spacing: 6px; }
  #leftbar table th { font: bold 11pt serif;       border: 3px solid #FFDAAC; border-right: 3px solid #FFDAAC; background: #FFF4D2; text-align: right; padding-right: 5px; vertical-align: bottom; }
  #leftbar table td { font: 10pt Arial,sans-serif; border: 3px solid #FFDAAC; border-left:  3px solid #FFDAAC; background: #FFF4D2; text-align: center; padding-left: 5px; vertical-align: bottom; }
  #leftbar table tr:hover { background: #CCC; }
  .sd { font: 12pt monospace; }

  #leftbar ul, #leftbar li { list-style: none; margin: 0; padding: 0; }
  #leftbar li { border: 3px solid #FFDAAC; margin: 6px; padding: 2px 5px; background: #FFF4D2; text-align: right;}

  .leftbar li div { float: right; width: 78px; text-align: center;  }

  #xx { background: #E2F5FF; padding: 4px; font-size: 11px; border: solid 1px  #52A5F2; margin-bottom: 8px; }

  #leftbar li { height: 15px; font: 12pt serif;  }
  #leftbar .r1 { text-align: right; width: 144px; float: left; }
  #leftbar .r2 { font-weight: bold; text-align: center; }
  #tagline { font: 9pt Arial,sans-serif;  border: 1px dotted #888; margin: 39px 5px; padding: 6px;   }
  #leftbar .nullspace {  height: 400px; }              

  #leftbar p, #leftbar blockquote { font: 9pt Verdana,sans-serif; text-align: left; } 
  #leftbar p { margin: 9px;  }
  #leftbar p span { color: #833; font-weight: bold; }
  #leftbar p.attribute { border-bottom: 1px dotted #F4A1A1; padding: 4px 0px 6px 0px; margin: 1px 9px 2px 9px }

  #leftbar blockquote {  border: 1px dotted #CFA290; border-width: 1px 0px 1px 0px; margin: -9px 3px 3px 3px; padding: 3px 9px;  font-style: italic; }

  .categories p { margin:0; padding:0; }
  .categories div { margin:0; padding: 0px 26px; color: #F4A1A1; text-align: left; font-style: italic; border: 0px solid black; line-height: 100%; }

  .overall { position: relative; width: 180px; height: 180px; margin: 33px 0px 44px 14px; }
  .overall img { position: absolute; top: 0px;  left: 0px;  width: 180px; height: 180px; border: 2px solid #333; border-radius: 50%; z-index: 9; }
  .overall div { position: absolute; bottom: 66px; left: 70px; width: 180px; font: 26pt Georgia,serif; color: #FFF; text-align: center;
                 text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333; z-index: 12; transform: rotate(-90deg); }
  .overall span { position: absolute; display: block; width: 200px; text-align: center; bottom: 80px; left: 33px; transform: rotate(-90deg); text-align: center; font: 9pt Arial,sans-serif; z-index: 15; color: #FFF; border-bottom: 2px solid #EEE; background: #444; }

  img.rank { width: 200px; height: 162px; display: block; margin: 19px auto 25px auto; border: 0px;  }

  .rel_title { font: italic 8pt Verdana,sans-serif; margin: 9px 9px 0px 9px; padding: 0px; border-bottom: 1px dotted #833; color: #833; text-align: left; }
  .rel_value { font: 8pt Verdana,sans-serif; margin: 0px 9px 9px 9px; padding: 0px; text-align: right; }
  .rel_value a { text-decoration: none; border: 0; }

  h3 { font: normal 26pt Georgia,serif; margin: 8px 0px; background: #FFF4D2; color: #9673bd; white-space: nowrap;
       border: 2px solid #a07cc8; border-width: 3px 0px; margin: 0; padding: 2px 0 2px 8px;  width: 508px; }
  h1 { font: normal 26pt Georgia,serif; margin: 8px 0px; background: #FFF4D2; color: #9673bd; white-space: nowrap;
       border: 2px solid #a07cc8; border-width: 3px 0px; margin: 0; padding: 2px 0 2px 8px;  width: 508px; }
 
  h4 { font: italic bold 12pt "Helvetica Neue",Arial,sans-serif; border-bottom: 1px dotted #F4A1A1; color: #F4A1A1; text-align: left; padding: 0px 0px 5px 0px; margin: 0px 0px 6px 0px; }

  abbr {  border-bottom: 1px dotted #333;  cursor:help; }  
  hr { border: 0; border-top: 1px dashed #F4A1A1; color: #FFF; background-color: #FFF; height: 1px; margin: 13px 10px; }
  span.line { display: block; border: 0; border-top: 1px dashed #F4A1A1; color: #FFF; background-color: #FFF; height: 1px; margin: 9px 10px; }
  img { border: 0; }

  #alias { margin: 8px; font: italic 9pt Verdana,sans-serif; }
  #alias span { border-bottom: 1px dotted blue; }

  #bannerimage { display: block;  border: 0; width: 476px; height: 180px; }

  #review { font: 12pt "Helvetica Neue",Arial,sans-serif; margin: 9px 45px 9px 9px; text-align: justify;  }
  .reviewpart p { margin: 0px 4px 9px 0px; } 
  .reviewpart q { color: #800; font-style: italic; }
  .reviewpart a { text-decroation: none; }
 
  #caps { text-align: center; }
  #caps img { margin: 8px; border: 1px solid #000; width: 210px; }

  dl, dt, dd { font: 9pt Arial,sans-serif;  text-align: left; }
  dl { margin: 6px; }
  dt { margin-top:  9px; }
  dd { margin-left: 20px; }
  li { margin-bottom: 9px; }

  .rv-title {  color: #C66; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #C66; }
  .rv-title:hover { color: #F00; }

  a.spoilerlink { background: #FEE; border: 1px dashed #FAD; color: #A17; text-decoration: none; display: block; width: 75%; padding: 1px 4px; }
  a.spoilerlink:hover { border-color: #F00; color: #F00; }
  .spoilertext { border: 1px solid #F00; padding: 8px; display: none; color: #C66; }
  #spoiler { display: none; }
  #spoiler { border: 1px dotted #FAD; padding: 9px; background: #FEE; margin-bottom: 10px; }

  .chart { margin: 1em auto; border: 1px dotted #888; }
  .chart td { border: 1px solid #888; padding: 2px 9px; text-align: right; }
  .chart th { border: 1px solid #888; padding: 2px 9px; }
  .chart tr:hover { background: #FEE; }

  .quote { font-style: italic; }
  .quote p { margin-left: 30px; text-align: left; }
  .quote span { font-weight: bold; color: #a00; margin-left: -30px; }
  .quote .rhead { margin-bottom: 11px; }

  #bottom { text-align: right; border-top: 1px dotted #CFA290; font: italic 10pt Verdana,sans-serif; padding: 1px 4px; color: #C66; margin-bottom: 44px; }
  #bottom a { font-weight: bold; display: block; float: left; text-decoration: none; color: #C66; }
  #bottom a:hover { color: #F00; }

  /*
  #bgdeco-left, #bgdeco-right { position: fixed; width: 405px; height: 602px; z-index: 1; }
  #bgdeco-left  { top: 0px; left:  0px; }
  #bgdeco-right { bottom: 0px; right: 0px; }
  */

  .deco-v2-right, .deco-v2-left { position: fixed; height: 56vw; z-index: 1; }
  .deco-v2-left  { left: 0; top: 0;  margin: -77px 0px 0px -77px; }
  .deco-v2-right { bottom: 0px; right: 0px; margin: 0px -77px -77px 0px; transform: rotate(180deg); }

