/* this makes IE6 not act retarded */
h1, h2, h3, h4, h5, h6, p, div {
         position: relative;
}

/* main page stuff */
BODY       { background-color: #ffffff;
             color: #5F5959; }
a img {
    border: 0;
}

/* .advert    { border: 1px solid #ff0000; } */

.storyadvert {
	margin: 3px;
	padding: 3px;
	width: 150px;
	float: right;
	border: 2px solid #8FA2BF;
	background-color: #F0EFFF;
}
.headeradvert {
	float: right;
	margin: 3px;
	padding: 3px;
	width: 468px;
	font-size: 85%;
	border: 2px solid #8FA2BF;
	background-color: #F0EFFF;
}

#header .adcontainer {
	width: 60%;
	margin-left: 40%;
	border: 2px solid black;
	text-align: right;
}

#header .headeradvert {
	margin-right: 20px;
}

.advertiseon {
	margin: -3px;
	margin-top: 0px;
	padding: 0px 2px;
	text-align: right;
	font-size: 10px;
	line-height: 13px;
	background-color: #8FA2BF;
	font-family: verdana,arial,sans-serif;
}

.advertiseon a, .advertiseon a:visited #main .advertiseon a, #main .advertiseon a:visited {
	text-decoration: none;
	color: #191411;
}

dl {
}

dl dt {
	list-style: square;
	margin-top: 3px;
	font-weight: bold;
}

dl dd {
	margin-left: 5px;
}

/* Start New Stuff */

#main a, #main a:visited {
	color: #132C9F;
	text-decoration: none;
}
#main a:hover, #main a:active {
	color: #1D289F;
	text-decoration: underline;
}

#header {
	margin-left: 5px;
	padding-bottom: 0px;
}

#header #main_nav {
    margin: 0;
    padding: 0;
    margin-left: 7px;
}

#header #main_nav ul {
    margin: 0;
}

#header #main_nav li {
    float: left;
    height: 25px;
    display: inline;
    vertical-align: middle;
    background-color: #9C0029;
}

#header #main_nav a:link, #header #main_nav a:active, #header #main_nav a:visited {
	padding: 0px;
        color: #eeeeee;
	text-decoration: none;
	vertical-align: middle;
	background-color: #9C0029;
        font: bold 12px Arial, Helvetica, sans-serif;
}

#header #main_nav a:hover {
	padding: 0px;
        color: #FFC6D5;
	text-decoration: none;
	vertical-align: middle;
	background-color: #9C0029;
        font: bold 12px Arial, Helvetica, sans-serif;
}

#header #main_nav .spacer {
  background: url("/images/navigation_spacer.gif") no-repeat top left;
}
#header #main_nav .spacer IMG {
  width: 24px;
  height: 25px;
}

#header #main_nav #left {
  background: #9C0029 url("/images/navigation_left_spacer.gif") no-repeat top left;
  padding-left: 34px;
}

#header #main_nav #right {
  background: #9C0029 url("/images/navigation_right_spacer.jpg") no-repeat bottom right;
  padding-right: 22px;
}

P, NL, OL, TR, TD{
	color: #191411;
	font: 12px Arial, Helvetica, sans-serif;
}

.formfield {
	color: #666666; 
	border: #999999 1px solid;
	font: 10px Arial, Helvetica, sans-serif;
}

.searchfield {
	width: 94px;
	height: 15px;
	color: #666666;
	padding: 0px 14px;
	border: #8FA2BF 1px solid;
	font: italic 11px arial, verdana, sans-serif;
	background-image: url("/images/searchfield.gif");
}

.white_title {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.logonfield {
	width: 72PX;
	height: 15PX;
	color: #666666;  
	padding: 0px 14px;
	border: #8FA2BF 1px solid;
	font: italic 11px arial, verdana, sans-serif;
	background-image: url("/images/logonfield.gif");
}

#left_col {
  padding-right: 5px;
  border-right: 2px dotted #8FA2BF;
}
#fp_tagged_content {
  border-top: 2px dotted #8FA2BF;
}
#fp_tagged_content #centerdotted {
  border-right: 2px dotted #8FA2BF;
}

.green_box {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 8px;
}

.green_box H2 {
  color: #44863F;
  margin-top: 0px;
  padding-bottom: 20px;
  text-indent: 25px;
  list-style: none;
  vertical-align: top;
  font: bold 12px Arial, Helvetica, sans-serif;
  background: url("/images/greenbox.gif") no-repeat bottom left;
}

.green_box_content {
/*  border: 1px solid black; */
  margin: -25px 0px 0px 15px;
}

.gray_box {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 8px;
/*  background: url("/images/right_col_tab.gif") no-repeat top left; */
  background-color: #F0EFFF;
}

.gray_box H2 {
  height: 20px;
  color: #191411; 
  margin-top: 0px;
  text-indent: 17px;
  vertical-align: middle;
  background-color: #8FA2BF;
  font: bold 12px Arial, Helvetica, sans-serif; 
}

.gray_box UL {
  list-style: square;
  text-indent: -5px;
  font-weight: normal;
}

.red_box {
  padding: 0px;
  margin-bottom: 15px;
/*  background: #ffffff url("/images/bar_0.gif") no-repeat top left; */
}

.red_box_title {
  width: 100%;
  height: 20px;
  color: #000000;
  margin-left: 5px; 
  text-indent: 5px;
  background-color: #990029;
  font: bold 12px Arial, Helvetica, sans-serif; 
}

.red_box UL {
  text-indent: -5px;
  list-style: square;
  font-weight: normal;
  background-color: #ffffff;
}

.red_box_bar {
  margin: 0px;
  padding: 0px;
  background: url("/images/bar_2.gif") no-repeat top left;
}

.red_box_bar IMG {
  height: 18px;
  width: 1px;
}

/* End New Stuff */

:link      { color: #006699; }
:visited   { color: #003366; }

#main {
	width: 100%;
	padding-left: 0px;
/*	border-spacing: 7px; */
	border-bottom: 2px dotted #8FA2BF;
}

#main TD   { vertical-align: top; }

H1         { background-color: #EEEEEE;
             font-size: 1.6em;
             padding: 3px;
             margin: 0px; }

.loginform { text-align: right; }

/* header and footer */

#section_links { float: right;
                 padding: 0.5em; }

#footer {
    text-align: center;
    padding-top: 3px;
}

#footer hr {
   width: 2px;
   text-align: center;
   color: #9C0029;
   background-color: #9C0029;
}

#footer ul li {
    display: inline;
}

#footer #poweredby {
     float: left;
     padding: 0em;
}

#footer #hostedby {
     float: right;
     padding: 0em;
}



/* sidebar boxes */

.box       { border: 1px solid black;
             padding: 3px;
             margin-bottom: 8px; }

.box H2    { background-color: #006699;
             color: #ffffff;
             font-size: 1.2em;
             padding: 5px;
             margin: -3px;
             margin-bottom: 3px; }

.green2_box {
	padding: 3px;
        margin-bottom: 8px;
/*	border: 1px solid black; */
	background-color:  #A1C29E;
}

.green2_box H2 {
	background-color: #42843D;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-indent: 10px;
	color: #ffffff;
	padding: 0px;
	margin: -3px;
	margin-bottom: 3px;
}

/* sections admin tool */
/* this is because box_title_font is used in the code */
/* and not in a DIV.box - this will be fixed in later */
/* releases of Scoop as HTML is moved out of the code */

TH H2        { color: #ffffff;
               font-size: 1em; }

TD H2        { color: #ffffff;
               font-size: 1em; }

#content {
	border-right: 2px dotted #8FA2BF;
	border-left: 2px dotted #8FA2BF;
	padding: 0px 5px;
	margin-left: 0px;
}

#storycontent {
	border-top: 2px solid #990029;
	border-right: 2px dotted #8FA2BF;
	border-left: 2px dotted #8FA2BF;
	padding: 0px 5px;
	margin-left: 0px;
}

#bottombar{
  margin-left: -7px;
}

/* story stuff */

.permalink {
	margin: 5px 0px;
}

.byline {
	width: 75%;
	clear: both;
	float: right;
	color: #666;
	font-size: 90%;
	background-color: #f5f5f5;
	text-align: right;
	padding-right: 5px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.story_title H2 {
	font-size: 1.2em;
	color: #4F4F4F;
	display: inline;
}

.story_summary { border-bottom: 0px dotted #8FA2BF;
                 padding-top: 0.5em; }

.story_body {
	padding-top: 0.5em;
	margin-bottom: 25px;
}

.story_info {
	background-color: #EEEEEE;
	text-align: center;
	margin-bottom: 40px;
}

#author_console { border: 1px solid #006699;
                  background-color: #EEEEEE }

#vote_console { border: 1px solid #006699;
                background-color: #EEEEEE }

/* comment stuff */

.comment_byline{
	margin: 5px;
}

.commenthead {
	border: 1px solid #006699;
	background-color: #eeeeee;
}

.editorialhead { border: 1px solid #FF0000;
                 background-color: #eeeeee; }


/* misc css */

.title {
	font-size: 1.2em;
	font-weight: bold;
}

/* tag-cloud styles */

.cloud li { list-style-type: none; display: inline; margin-right: 8px; }

.cloud .tag-popularity-1 { font-size: 80%; }

.cloud .tag-popularity-5 { font-size: 90%; }

.cloud .tag-popularity-10 { font-size: 100%; }

.cloud .tag-popularity-15 { font-size: 110%; }