* {
  margin: 0;
  padding: 0;
}


ul, ol {
  margin: 10px 0 0 25px;
}
li {
  margin: 0 0 3px 10px;
}

select { margin: 0px 2px; }
option { padding: 0 2px 0 5px; }
textarea { width: 100%; }

.small form, .small form input { font-size: 10px; }




body {
  background: #fff url('../media/gradient-yellow-white.gif') repeat-x;
  font: normal 12px/22px Verdana, Arial, sans-serif;
  color: #333;
}
td {
  font: normal 12px/22px Verdana, Arial, sans-serif;
  padding: 5px 10px 5px 5px;
}

img {
  border: 0px;
  border-width: 0px;
  border-style: none;
}


a, a:link, a:active, a:visited{ color:#0060BF; text-decoration: underline; }

a:hover{ color: #000; }

a.nounderline, a.nounderline:visited, .nounderline a, .nounderline a:visited { text-decoration: none; }
.nounderline a:hover, a.nounderline:hover { text-decoration: underline; }

a.black,  a.black:visited   { color: #000; }
a.white,  a.white:visited  { color: #fff; }
a.red,    a.red:visited { color: #f00;  }
a.red:hover { color: #000; }




.ablock a, .ablock a:visited {
  display: block;
}


h1 {font: bold 28px Arial, Helvetica, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0; line-height: 35px; }
h2 {font: bold 24px Arial, Helvetica, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h3 {font: bold 20px Arial, Helvetica, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h4 {font: bold 14px Arial, Helvetica, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0; line-height: 18px;}




label:hover { cursor: pointer; }

b { color: #000 }


.bold  { font-weight: bold; color: #000; }
.small { font-size: 11px; }
.white { color: #fff; }
.black { color: #000; }
.grey { color: #aaa; }
.red { color: #d00; }

.italic { font-style: italic; }
.center, .centered { text-align: center; }

.bordertop     { border-top: 1px solid #ddd; }
.tableborder { border: 1px solid #ddd; }

.hideme { display:none; }
.showme { display:block; }

.nowrap { white-space: nowrap; }

.inline { display: inline; }
.block { display: block; }

.hl, .highlight {
  background: #ff8;
  font-weight: bold;
  padding:2px;
}




.fl	{float:left;}
.fr	{float:right;}
.fn	{float:none;}

.cl 	{clear:left;}
.cr 	{clear:right;}
.cb 	{clear:both;}

.mb-1  {margin-bottom: -1px;}
.mb-2  {margin-bottom: -2px;}
.mb-3  {margin-bottom: -3px;}
.mb-4  {margin-bottom: -4px;}
.mb-5  {margin-bottom: -5px;}

.mt0	{margin-top:0px;}
.mt5 	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20 	{margin-top:20px;}
.mt30	{margin-bottom:30px;}
.mb0	{margin-bottom:0px;}
.mb5 	{margin-bottom:5px;}
.mb10 	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20 	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mr5 	{margin-right:5px;}
.mr10 	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20 	{margin-right:20px;}
.mr30	{margin-right:30px;}
.ml5 	{margin-left:5px;}
.ml10  {margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20  {margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}

.m0	    {margin:0px;}
.m5	    {margin:5px;}
.m10    {margin:10px;}
.m15    {margin:15px;}
.m20    {margin:20px;}

.pt0	{padding-top:0px;}
.pt5 	{padding-top:5px;}
.pt10 	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20 	{padding-top:20px;}
.pb0 	{padding-bottom:0px;}
.pb5 	{padding-bottom:5px;}
.pb10 	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20 	{padding-bottom:20px;}
.pr5 	{padding-right:5px;}
.pr10 	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20 	{padding-right:20px;}
.pl5 	{padding-left:5px;}
.pl10 	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20 	{padding-left:20px;}

.p0	    {padding:0px;}
.p5 	    {padding:5px;}
.p10    {padding:10px;}
.p15    {padding:15px;}
.p20    {padding:20px;}







.container {
  margin: 10px 10% 40px;
  max-width: 800px;
}

.toplinks {
  text-align: right;
  margin-bottom: 10px;
}
.toplinks a {
}

.topbar {
  text-align: left;
  padding: 20px 0 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px dotted #aaa;
}

.main {
  text-align: left;
  margin: 10px 0 10px 5px;
}



.sidebar{
  float: right;
  width: 170px;
  margin: 0 0 20px 20px;
  padding: 0 0 0 10px;
  border-left: 1px solid #ddd;
  background: #fff;
}
.sidebar a {
  display: block;
  margin: 0 0 5px 0;
}



.story {
  margin-bottom: 25px;
  clear: left;
}
.story h1 {
  margin-bottom: 10px;
}

.story .left {
  float: left;
  text-align: center;
}
.story .left .points {
  background: #f7f;
  padding: 3px;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0 0 0;
}

.story .body {
  margin-left: 25px;
}

.story .bonus-info {
  margin-top: 5px;
  color: #aaa;
  font-size: 11px;
}
.story .bonus-info a {
  text-decoration: none;
  padding: 1px;
  margin: 0 5px 0 0;
}
.story .bonus-info a:hover {
  color: #000;
  text-decoration: underline;
}


.story .bonus-info a.myvote, .story .bonus-info a.myvote:visited {
  color: #333;
  background: #ffb;
}



.pop1{background:#fed;}
.pop2{background:#fdb;}
.pop3{background:#fda;}
.pop4{background:#fca;}







.altcolor {
  /* alternating color for table rows */
  background: #eaeaea;
}






.bg-blue {
  padding: 6px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #5881C8 url('../media/shiny-blue.gif') repeat-x;
}
.bg-grey {
  font-weight: bold;
  font-size: 12px;
  background: #e0e0e0 url('../media/shiny-grey.gif') repeat-x;
}








.box-grey {
  padding: 6px;
  margin-bottom: 10px;
  background: #e5e5e5 url('../media/box-simple-grey.gif') top left repeat-x;
  border: 1px solid #e5e5e5;
}
.box-grey-border {
  padding: 6px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
}








.tabs {
  border-top: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 7px 0 0 0px;
}
.tabs a {
  font-size: 11px;
  margin-right: 10px;
}
.tabs a.current {
  cursor: default;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #d00;
  background: url('../media/arrowdown.gif') top center no-repeat;
}
.tabs a.disabled {
  cursor: default;
  color: #aaa;
  text-decoration: none;
}





.featured, .featured-grey , .featured-blue, .featured-yellow{
  background: url('../media/gradient-grey-white.gif') 0px 2px repeat-x; 
  border-top: 1px dotted #aaa;
  margin-bottom: 20px;
  padding: 10px 10px 0 5px;
  clear: left;
}
.featured-blue {
  background: url('../media/gradient-blue-white.gif') 0px 2px repeat-x; 
}
.featured-yellow {
  background: url('../media/gradient-yellow-white.gif') 0px 2px repeat-x; 
}




/* MESSAGES */

#message {
  border: 1px solid #d00;
  color: #d00;
  font-weight: bold;
  padding: 6px;
  margin-bottom: 15px;
}