/*
-----------------------------------------------------
WN base styles for screen media
FileName:    wnScreenBase.css
Version:     2002.10.15
Color1:      #666 (dark gray)
Color2:      #ccc (light gray)
BaseColor:   #000 (black)
-----------------------------------------------------
*/


body {
  margin:0;
  padding:0;
  background:#fff url("../images/cs0/bg_left.gif") repeat-y;
  font:x-small Verdana,Sans-serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:small;
  }
  html>body {font-size:small;}
.negBG {
  background-color:#000;
  color:#ccc;
  }
p {
  margin:0 0 1em 0;
  }
form {
  margin:0;
  padding:0;
  }
dl, ul, ol {
  margin-top:0;
  margin-bottom:0;
  }
li {
  margin:0 0 5px 5px;
  list-style-position:outside;
  }
input, select, textarea {
  font:100% Verdana,Sans-serif;
  }
textarea {
  line-height:140%;
  }
.negBG input, .negBG select {
  font-size:100%;
  }


  
/* Formatting Structure
----------------------------------------------------- */
#wrap {
  position:relative;
  margin:15px 0 0 14px;
  width:98%;
  max-width:1000px;
  }
.storyPg #wrap {
  max-width:850px;
  }
#subwrap {
  position:relative;
  }


/* Left Cols
----------------------------------------------------- */
#colL {
  background:#000 url("../images/leftcol_bot.gif") bottom right no-repeat;
  position:absolute;
  width:25%;
  left:0;
  top:-15px;
  }
#colL .content {
  padding:0 10px 15px 10px;
  color:#ccc;
  font-size:85%;
  line-height:135%;
  }
#M #colL, #MR #colL, #MRx #colL {
  display:none;
  }


/* Main Cols
----------------------------------------------------- */
#colM {
  line-height:135%;
  }
#colM .content {
  padding:0 1.5em;
  }
#MRx #colM, #LMRx #colM {
  margin-right:180px;
  }
#LM #colM, #LMR #colM, #LMRx #colM {
  margin-left:25%;
  }
#LMR #colM, #MR #colM {
  margin-right:25%;
  }


/* Right Cols
----------------------------------------------------- */
#colR {
  position:absolute;
  width:25%;
  top:-15px;
  right:0;
  left:auto;
  }
#MRx #colR, #LMRx #colR {
  width:180px;
  }
#colR .content {
  margin:0px 20px 10px 0;
  font-size:85%;
  line-height:135%;
  }
#M #colR, #LM #colR {display:none;}


/* Links
----------------------------------------------------- */
a:link {color:#666;}
a:visited {color:#999;}
a:hover {color:#f30;}


.storyCap a:visited, a.novis:visited {
  color:#36c;
  }
.storyCap a:hover, .storyCap a:visited:hover, a.novis:visited:hover {
  color:#f30;
  }

#colL a:link, .negBG a:link, .negBG a:visited, #colL a:visited {
  color:#ccc;
  }
#colL a:hover, #colL a:visited:hover, .negBG a:hover, .negBG a:visited:hover {
  color:#f63;
  }

a img {
  border-style:none;
  }

  
/* Header
----------------------------------------------------- */
#inb, #inbOld {
  position:absolute;
  background:#fff;
  top:0;
  left:0;
  height:34px;
  width:100%;
  border-bottom:1px solid #fff;
  }
#hdr, #hdrSm {
  background:url("../images/cs0/bg_header.gif");
  color:#ccc;
  margin-left:14px;
  }
#hdr {
  min-height:56px;
  margin-top:0;
  }
#hdrLeft {
  background:url("../images/bg_header_black.gif") repeat-y;
  min-height:56px;
  font-size:85%;
  position:relative;
  }
#hdrLeftSm {
  background:url("../images/bg_headerpopup_black.gif") repeat-y;
  border-bottom:5px solid #ccc;
  }
#hdrLogo {
  position:absolute;
  top:14px;
  margin-left:10px;
  }
#hdrLogoSm {
  position:relative;
  padding:7px 0;
  left:10px;
  }
#hdrSch {
  padding:11px 11px 11px 280px;
  }
#hdr span.schLabel {
  position:relative;
  top:-2px;
  }
#hdrHeight {
  height:56px;
  }
#hdr input, #hdr select {
  font:100% Verdana,Sans-serif;
  padding-right:2px;
  margin-bottom:2px;
  }
input.sb {
  width:130px;
  }
#hdr input.schbtn, input.pcolor {
  margin-right:5px;
  background:#ccc;
  font-weight:bold;
  border:2px solid #666;
  border-right-color:#333;
  border-bottom-color:#333;
  }
#hdr a:link, #hdr a:visited, #hdr a:hover {
  font-weight:bold;
  color:#ccc;
  white-space:nowrap;
  }


/* Navigation
----------------------------------------------------- */
#nav {
  position:relative;
  background:#ccc;
  margin-left:14px;
  padding:4px 9px;
  height:33px;
  font-size:1px;
  voice-family: "\"}\""; voice-family:inherit;
  height:25px;
  }
  html>body #nav {height:25px;}
#nav a:hover, #nav a:hover img {
  background:#fff;
  }
#nav a:active {
  background:#666;
  }
#nav .textSize {
  display:block;
  position:absolute;
  right:20px;
  top:7px;
  text-align:right;
  width:130px;
  voice-family: "\"}\""; voice-family:inherit;
  width:122px;
  }
  html>body #nav .textSize {width:122px;}
#nav .textSize a {
  width:18px;
  }

  
/* Titles
----------------------------------------------------- */
h2 {
  color:#666;
  font-size:100%;
  border-bottom:1px dashed #999;
  margin:15px 0 5px 0;
  padding-bottom:5px;
  }
h3 {
  font:bold 100% Verdana,Sans-serif;
  text-align:left;
  border-width:0;
  text-transform:uppercase;
  padding:2px 3px;
  margin:15px 0 5px;
  background:#ccc;
  color:#000;
  }
#colL h3 {
  background:#666;
  color:#fff;
  }
h4 {
  border-bottom:1px dashed #999;
  padding:0 0 5px 0;
  font-size:100%;
  margin:15px 0 5px;
  }
#colL h4 {
  color:#999;
  }
#sTitle {
  padding-bottom:10px;
  border-top:1px dashed #fff;
  border-bottom:1px dashed #999;
  margin-bottom:15px;
  }
#sIcon {
  float:left;
  margin-right:5px;
  display:block;
  }
#sTitle .timestamp {
  line-height:125%;
  display:block;
  padding-left:34px;
  }
.timestamp {
  font-size:85%;
  color:#666;
  }  


/* Story Teasers
----------------------------------------------------- */
#mainStories .hd, #hoohaStories .hd {
  font:bold 125% Arial,Sans-serif;
  margin:12px 0 0 0;
  line-height:135%;
  clear:left;
  }
#mainStories .large {
  padding-bottom:10px;
  border-top:1px dashed #fff;
  border-bottom:1px dashed #999;
  margin:-5px 0 1em 0;
  }
#mainStories .large .hd {
  font-size:185%;
  line-height:115%;
  }
#mainStories .large span {
  font-weight:bold;
  color:#666;
  }
#mainStories .large ul {
  margin:0;
  padding:0;
  list-style-type:none;
  }
#mainStories .large li {
  padding:0; margin:.2em 0 0;
  font-weight:bold;
  }
#mainStories img {
  position:relative;
  top:2px;
  }
.sub {
  color:#666;
  font-weight:normal;
  }
#colL .sub, .negBG #colM .sub {
  color:#ccc;
  }
.sub, #colM .section {
  font-size:85%;
  color:#666;
  }
#colL .sub, #colR .sub, #storyInsert .sub {
  font-size:100%;
  }
#recent {
  background:#eee;
  padding:1px 10px;
  }



/* Story Page
----------------------------------------------------- */
.storyCap {
  padding-bottom:10px;
  }
.storyCapTop {
  padding:15px 20px 0 20px;
  position:relative;
  }
.pgTitle, .pgNav {
  background:url("../images/bg_pinstripes_w.gif");
  border:1px solid #ccc;
  padding:5px 5px 4px;
  }
.storyTitle {
  margin-bottom:5px;
  }
.pgNav {
  border-top-width:0;
  font-size:85%;
  color:#666;
  }
.negBG .pgTitle, .negBG .pgNav {
  background:url("../images/bg_pinstripes_b.gif");
  color:#999;
  border-color:#333;
  }
.storyCap form {
  display:inline;
  white-space:nowrap;
  margin:0;
  padding:0;
  }
.pgTitle h1, .pgTitle h2, .storyTitle h1, .storyTitle h2 {
  margin:0;
  padding:0;
  color:#000;
  font-size:100%;
  border-width:0;
  display:inline;
  }
.negBG .pgTitle h1, .negBG .pgTitle h2 {
  color:#ccc;
  }
.pgTitle h1.lg, .storyTitle h1.lg {
  font:bold 150% Arial,Sans-serif;
  }
.pgTitle .secondary {
  font:85% Verdana,Sans-serif;
  color:#666;
  }
.pgToolsSub, .pgToolsSolo {
  border:1px solid #ccc;
  font-size:85%;
  padding:5px 5px 4px;
  color:#666;
  }
.pgToolsSub img, .pgToolsSolo img {
  position:relative;
  top:1px;
  }
#colL .pgToolsSub, #colL .pgToolsSolo {
  font-size:100%;
  }
#colL .pgToolsSub, #colL .pgToolsSolo, .negBG .pgToolsSub, .negBG .pgToolsSolo {
  border-color:#333;
  color:#ccc;
  }
.pgToolsSub {
  border-top-width:0;
  }
.pgToolsSolo {
  margin-top:0px;
  }
.pgToolsR {
  position:relative;
  float:right;
  display:inline;
  margin:0;
  }
#colL .pgToolsR {
  padding-top:0;
  }
.pgToolsL, #pgToolsBtns {
  float:left;
  position:relative;
  margin:0;
  color:#666;
  margin-right:5px;
  }
#pgToolsBtns a:hover img, #storyTools a:hover img, #pgToolsBtns a:visited:hover img, #storyTools a:visited:hover img {
  background:#eee url("../images/storytools_hover.gif");
  }
.negBG .pgToolsL {
  background:#000;
  color:#ccc;
  }
.pgToolsL span, .pgNav span {
  color:#ccc;
  }
.negBG .pgToolsL span, .negBG .pgNav span {
  color:#333;
  }
.storyLoc {
  display:none;
  }



#storyInsert {
  line-height:135%;
  float:left;
  width:25%;
  margin:10px 20px 15px 0px;
  font-size:85%;
  voice-family: "\"}\""; voice-family:inherit;
  width:30%
  }
  html>body #storyInsert {width:35%;}
#M #storyInsert {
  width:22%;
  voice-family: "\"}\""; voice-family:inherit;
  width:25%;
  }
  html>body #M #storyInsert{width:30%;}
#storyInsert ul {
  margin:0;
  list-style:url("../images/cs0/icon7_w.gif");
  padding:0;
  }
#storyInsert ul li.magbullet {
  list-style:url("../images/icon7_w_mag.gif");
  }
#storyInsert li {
  margin:0 0 3px 25px;
  padding:0;
  }
.smaller, .note {
  font-size:85%;
  line-height:135%;
  }
.note {
  background:#ffc;
  padding:3px 5px 5px 5px;
  border:1px dashed #999;
  color:#333;
  }
.note img {
  position:relative;
  top:2px;
  }
.larger {
  font:120% Arial,Sans-serif;
  line-height:135%;
  }
#colM .smaller .sub {
  font-size:100%;
  }
.storyThumbs {
  margin:0 0 15px 0;
  }
.storyThumbs img {
  float:left;
  margin:0 10px 10px 0;
  }
  
  

/* Results
----------------------------------------------------- */
#results .result, #results100 .result, #results1000 .result, #results10000 .result {
  position:relative;
  margin-left:2.2em;
  z-index:2;
  top:0;
  line-height:1.3em;
  }
#results100 .result {margin-left:3em;}
#results1000 .result {margin-left:4em;}
#results10000 .result {margin-left:5em;}
#results .num, #results100 .num, #results1000 .num, #results10000 .num {
  position:absolute;
  z-index:-1;
  top:0;
  font-weight:bold;
  margin-left:-2.2em;
  width:2em;
  overflow:hidden;
  }
#results100 .num {margin-left:-3em; width:2.8em;}
#results1000 .num {margin-left:-4em; width:3.8em;}
#results10000 .num {margin-left:-5em; width:4.8em;}
#results .title, #results100 .title {
  font-weight:bold;
  }
.hiliter {background:#ff9; padding:2px;}


/* Member Pg
----------------------------------------------------- */
h2.mbrMain {
  clear:left;
  margin:8px 0;
  }
h2.mbrMain img {
  position:relative;
  top:10px;
  padding-right:5px;
  margin-right:5px;
  background:#fff;
  }
#newsltr {
  width:100%;
  }
#newsltr div {
  width:45%;
  margin:0 15px 15px 0;
  float:left;
  }
  

/* Images
----------------------------------------------------- */
#photoWrap {
  position:relative;
  width:100%;
  }
.photoLarge {
  float:left;
  margin:0 10px 10px 0;
  }
.thumbBack {
  float:right;
  margin:0 0 10px 10px;
  font-size:85%;
  color:#666;
  }
.thumbNext {
  float:right;
  margin:0 0 10px 10px;
  font-size:85%;
  color:#666;
  }
.thumbBack img, .thumbNext img {
  display:block;
  }
.thumbBack a, .thumbNext a {
  font-weight:bold;
  }
.thumb img {
  display:block;
  margin-bottom:10px;
  }

#imgThumbs {
  width:100%;
  }
#imgThumbs p {
  background:url("../images/bg_pinstripes_b.gif");
  font-size:85%;
  line-height:135%;
  text-align:center;
  color:#ccc;
  border:1px solid #333;
  margin:0 10px 10px 0;
  padding:5px;
  overflow:hidden;
  float:left;
  width:160px;
  height:210px;
  voice-family: "\"}\""; voice-family:inherit;
  width:140px;
  height:190px;
  }
  html>body #imgThumbs p {width:140px; height:190px;}
#colL #imgThumbs p {
  font-size:100%;
  float:none;
  width:auto;
  height:auto;
  margin-right:0;
  overflow:visible;
  }
#imgThumbs img {
  display:block;
  margin:0 auto;
  }
#imgThumbs a.thumb {
  display:block;
  }
  
#imgThumbsCap p {
  float:none;
  line-height:135%;
  border-top:1px dotted #666;
  padding:10px 0 5px 0;
  min-height:145px;
  voice-family: "\"}\"";
  voice-family:inherit;
  min-height:135px;
  }
  html>body #imgThumbsCap p {min-height:135px;}
#imgThumbsCap .thumb {
  float:left;
  display:block;
  margin:0 10px 10px 0;
  width:130px;
  text-align:center;
  }
#imgThumbsCap img {
  margin:0 auto;
  }
img.icon {
  display:inline !important;
  }

  
/* Misc Content
----------------------------------------------------- */
#companyQuotes, #storySubjects, .genStoryList {
  margin-bottom:16px;
  }
.genBlock {
  clear:left;
  margin-top:15px;
  }
.genBlock p, .genBlock form {
  margin-bottom:.5em;
  line-height:130%;
  }
.genBlock form div {
  float:left;
  margin:2px 10px 3px 0;
  }
.topItem, #colL .topItem, #colM .topItem, #colR .topItem {
  margin-top:0;
  }
dt, .genStoryList a, #pgNavBot a, #photoSum a, .pgToolsR a, .announce a, #recent a {
  font-weight:bold;
  }
#colL dt {color:#fff;}
#colL p, #colR p {
  margin-bottom:.7em;
  }
#colL strong, .negBG .storyCap strong {
  color:#fff;
  }
#colL dd, #colR dd {
  margin:0 0 5px 0;
  }
.announce {
  background:#eee;
  border:1px dashed #ccc;
  padding:5px;
  margin-top:15px;
  }
#colL .announce {
  background:#191919;
  border-color:#666;
  }
.genStoryList div {
  padding-bottom:5px;
  }
input.blkbtn {
  background:#141414;
  color:#ccc;
  border-width:2px;
  border-style:solid;
  border-color:#999 #333 #333 #999;
  font-weight:bold;
  padding:0 3px;
  }
input.whtbtn {
  background:#eee;
  color:#333;
  border-width:2px;
  border-style:solid;
  border-color:#ccc #999 #999 #ccc;
  font-weight:bold;
  padding:0 3px;
  }
div.hooha {
  position:relative;
  color:#ccc;
  padding:0 5px 5px 5px;
  margin-top:5px;
  border:1px dashed #666;
  }
#LMR div.hooha {
  margin-top:16px;
  }
.hooha h4 {
  margin:0;
  position:absolute;
  top:-8px;
  padding:0 4px 0 0;
  font-size:118% !important;
  background:#000;
  color:#999;
  white-space:nowrap;
  border-width:0;
  }
.hooha h4 img {
  position:relative;
  top:1px;
  }
.hooha dl {
  padding-top:.3em;
  }
#LMR .hooha dl {
  padding-top:1em;
  }
#colL .hooha dd {
  margin-left:0px;
  }
.subgroup {
  clear:both;
  margin:0;
  padding-bottom:8px;
  }
.trailer, .ra {
  font-weight:bold;
  color:#666;
  }


/* Ads
----------------------------------------------------- */
.ad468 {
  position:relative;
  padding-left:1.5em;
  padding-bottom:15px;
  height:75px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:60px;
  }
  html>body .ad468 {height:60px;}
#LM .ad468, #LMR .ad468, #LMRx .ad468 {
  margin-left:25%;
  }
.adContainer {
  position:absolute;
  }
.ad728 {
  padding:10px 10px 0 1.5em;
  margin-left:14px;
  height:100px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:auto;
  }
  html>body .ad728 {height:auto;}
#LM .ad728, #LMR .ad728, #LMRx .ad728 {
  background:#000;
  border-bottom:5px solid #ccc;
  padding:5px 10px;
  }
.adSky {
  position:relative;
  margin-top:15px;
  }
.adMsg {
  float:right;
  width:320px;
  position:relative;
  margin:12px 0 15px 0;
  padding-left:20px;
  background:#fff;
  voice-family: "\"}\""; voice-family:inherit;
  width:300px;
  }
.imgSponsor {
  float:right;
  margin:0 20px 0 0;
  }
.adTxtBox {
  background:#eee;
  border:1px solid #ccc;
  padding:5px;
  margin-top:15px;
  }
.negBG .adTxtBox, #colL .adTxtBox {
  background:#191919;
  border-color:#333;
  }


/* Generic
----------------------------------------------------- */
.none, .standardsNote, .skiplinks {display:none;}
.hide {visibility:hidden;}
.nowrap {white-space:nowrap;}
ul.tight li {margin-bottom:0;}
.block {display:block;}
.clear {clear:both;}
.clearR {clear:right;}
.buffer {font-size:0; height:1px; width:1px;}
.imgLeft {float:left; margin:2px 10px 5px 0;}
.imgRight {float:right; margin:0 0 5px 10px;}
.end {float:none; display:inline;}
.rule {
  display:block;
  border-width:0;
  border-style:none;
  border-bottom:1px dashed #999;
  height:1px;
  margin-top:5px;
  }


/* Footer
----------------------------------------------------- */
#MRx #foot, #LMRx #foot {
  padding-right:180px;
  }
#LM #foot, #LMR #foot, #LMRx #foot {
  padding-left:25%;
  }
#LMR #foot {
  padding-right:25%;
  }
#foot {
  position:relative;
  clear:both;
  }
#foot .content {
  border-top:1px dashed #666; 
  font-size:85%;
  line-height:140%;
  color:#666; 
  margin:30px 1.5em 20px 1.5em;
  }
#M #foot .content, #MR #foot .content, #MRx #foot .content {
  margin-left:20px;
  }
#foot div {
  padding-top:5px;
  }
#foot a:link, #foot a:visited {
  white-space:nowrap;
  color:#666;
  }