/* --------------------------------------------------------------------------------- //
// 
// --------------------------------------------------------------------------------- */

body { background: #FFF4D2; padding: 0; margin: 0; text-align: center;  }
body,td,tr { font: 10pt Verdana,sans-serif; text-align: left; }

#cent { text-align: center; margin: 0;  z-index: 5; position: relative; }
#cont1 { background-image: url(../images/background.gif); width: 795px; margin: 0px auto; }
#cont2 { background: #FFF; margin: 0 50px; }
p { text-align: justify; margin: 14px 4px 10px 10px; }

ul,li,dl,dt,dd { text-align: left; }

dl { border: 1px solid #8AF; background: #E2F5FF; margin: 10px; padding: 10px; }
dd { margin-bottom: 10px; }

.count { margin: 0; text-align: left; }
.count b { border: 1px dotted #C00; padding: 1px 3px; }

.letter { font: 10pt Georgia,serif; text-align: left; background: #DEF; color: #88F; padding: 0px 20px; margin: 2px 0px 10px 0px; clear: both; }
.letter span { padding: 4px 20px; background: #FFF; border: 1px solid #AAF; }
.lindex { text-align: center; margin-top: 20px; } 
.lindex a { border: 1px solid #CEF; padding: 1px 2px; }
.lindex a:hover { background: #088; color: #FFF; }
.ccolpad { margin-left: 16px; }
.ccol { width: 222px; float: left; text-align: left;  }
.ccol a, .ccol a:visited { display: block; color: #00c; margin-bottom: 5px; font: bold 10pt Arial,sans-serif; }
.ccol a:hover { background: #00c; color: #FFF; }
.ccol div { background: #D5E5FF;  color: #68E; margin: 0px 10px 5px 0px;  font: bold 10pt Arial,sans-serif; padding-left: 8px; text-align: center; }

#indexbanner { margin-left: 40px; width: 715px; height: 290px; background: #FFF url('../images/review-banner.jpg') 0px 0px no-repeat; }

#review-links { padding: 30px 40px; }
#review-links a { font: bold italic 12pt Verdana,sans-serif; color: #524270; display: block; width: 240px; border: 1px solid #524270; background: url('../images/transparent.png'); text-align: center; padding: 6px 0px; margin-bottom: 10px; }
#review-links a:hover { background: #FFF; }

a, :visited { text-decoration: none; color: #36F; }
a:hover { color: #800; }
br { clear: both; }

.cap { clear: right; }
.tselected { background: #FFF; }

blockquote { text-align: left; font-style: italic; border: 1px dotted #000; padding: 5px; }

.newest { width: 133px; }
.newest div { margin-top: 18px; font-weight: bold; color: #FFF; background: #8272A0; padding: 3px 4px; width: 181px;  margin-left: -51px; }
.newest ul { padding: 0; margin-bottom: 19px;   }
.newest li {  border: 1px solid #AAA; margin: 5px 0px; padding: 1px 5px;  list-style: none; text-align: right; display: block; width: 177px; margin-left: -51px; background: #F6F2FA;   }

#bottom { text-align: right; border: 1px dotted #CFA290; font: italic 11px Verdana,sans-serif; 
          padding: 1px 4px; color: #C66; }
#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); }

.newsblock { text-align: justify; margin: 0px 10px; padding: 1px 10px; }
.newsblock { border: 1px solid #8AF; background: #E2F5FF; padding: 1px 10px; }

 .list-by-overall table { border-spacing: 7px 1px; border: 0; margin: auto; width: 100%; }
 .list-by-overall td { width: 16%; text-align: center; vertical-align: middle; }
 .list-by-overall a { display: block; text-decoration: none; background: #FAE6ED; color: #800; padding: 9px 0px; }
 .list-by-overall a:hover { background: #800; color: #FFF; }
 .list-by-overall { margin-bottom: 10px;  color: #800; border: 1px dotted #833; }

 .overall-header { background: #FFF; border-bottom: 3px double #555;  }
 .overall-header img { display: block; text-align: center; margin: auto; }
 .overall-header h1 { margin: 0px auto 5px auto; }
 .overall-title { width: 620px; margin: 26px auto; border: 1px solid #C9BBE7; border-radius: 11px; text-align: left; }
 .overall-title a { display: block; font: lighter 18pt Verdana,sans-serif; text-align: left; color: #A33; padding: 0px 0px 0px 20px; border-bottom: 1px dotted #C9BBE7; }
 .overall-title a:hover { color: #EEE; border-radius: 11px 11px 0px 0px; background: #445; }
 .overall-title p { margin: 5px 13px 9px 13px; font: 11pt Tahoma,Arial,sans-serif; color: #333; }
 .overall-title div { background: #E6E1F3; border-radius: 0px 0px 11px 11px; clear: left; text-align: center; }
 .overall-title span { font: italic 8pt Verdana,sans-serif; padding: 0px 9px 0px 10px; color: #A6A; }

/* === INDEX BOTTOM STUFF === */

  .bottomrow { border-top: 1px dotted #800; width: 100%; }
  .bottomrow .icon { display: block;  width: 46px; height: 46px; background-image: url('../images/layout/bottom-icons.png'); 
                    margin: 2px 0px; border: 2px solid white; border-radius: 8px; }
  .bottomrow .icon:hover { border: 2px solid #800; }
  .bottomrow td { text-align: right; font: 9pt Arial,sans-serif; vertical-align: top; }
  .bottomrow img { border: 1px dotted #666; }
  table.bottomrow { border-spacing: 20px 2px; }
  td.bl { width: 46px;  }

  span.feed { background-position: 0px 0px; }
  span.aap  { background-position: 0px -92px; }
  span.gb   { background-position: 0px -46px; }
  span.info { background-position: 0px -136px; }