/* this makes IE6 not act retarded */
h1, h2, h3, h4, h5, h6, p, div {
         position: relative;
}
/* main page stuff */
BODY       { font-family:arial,sans-serif;
             background-color: #ffffff;
             margin-top:0;
             color: #000000; }
form       {padding:0;margin:0}

:link      { color: #660000; }
:visited   { color: #222222; }

table.form  { color: #222222; 
              background-color: #EEEEEE; 
              border: 1px solid black;
              font-size: 0.9em;
            }

.comment_form { background-color: #EEEEEE;
                border: 1px solid black;
               padding-left: 4px;}
.error   { background-color: #EEEEEE;
           border: 1px solid red;}

          
#column_center {
                border-right: 1px dashed #ae1703;
                border-left: 1px dashed #ae1703;
                padding-left: 4px;
                padding-right: 4px;
                margin-right: 0;
                margin-left: 0;
               }
#column_left {
                border-right: 1px dashed #ae1703;
                padding-left: 4px;
                padding-right: 4px;
                margin-right: 0;
                margin-left: 0;
               }


#main      { width: 100%;
             font-size: 1.0em;
             border-spacing: 2px; }

#main TD   { vertical-align: top; }

H1         { background-color: #ae1703;
             font-size: 1.0em;
             color: white;
             border: 2px solid #FF9900;
             padding-left: 5px;
             margin-bottom: 5px;
             margin-top: 0px;
           }

#advert_frame {font-size: 0.3em;}
#advert    { border: 1px solid #ff0000;
             width: 180px;
             background-color: #EEEEEE; }
#advert a {
             font-size: 1.0em;
             font-weight: bold;
          }

.loginform { text-align: right; }

/* header and footer */

#header table { border: 1px solid #990000; 
                background-color: #FF9900;
                line-height: 1.0em;
              }

#section_links_right { float: right;
                       font-size: 0.8em;
                       font-weight: bold;}
#section_links_left { float: left;
                      font-size: 0.8em;
                      font-weight: bold;}
#footer    { text-align: center; }

#footer FORM { display: inline; 
               vertical-align: top; }
#dir_menu FORM { font-size: 0.9em;}
#dir_menu SELECT { font-size: 0.9em;}
#dir_menu TR { margin: 2px;}


/* sidebar boxes */

.box       { padding: 3px;
             margin: 0 0 3px 0; }

.box B    { line-height: 1.2;}

.blank_box {padding: 0 3px 0 3px;
            margin: 0;
            z-index:3;}

.box H2    { background-color: #ae1703;
             border: 1px solid #FF9900;
             color: #ffffff;
             padding-left: 5px;
             font-size: 0.8em;
             margin: -3px;
             margin-bottom: 3px; }

.light       { font-size: 0.9em; }

/* directory layout */
.dir_block_header_top {
                       width: 100%;
                       font-size: 0.8em;
                       border: 1px solid #ae1703;
                      }
.dir_area_label {
                 background-color: #ae1703;
                 border: 1px solid #FF9900;
                 font-size: 1.2em;
                 color: #ffffff;
                 font-weight: bold;
                 white-space:nowrap;
                 padding-left: 4px;
                 padding-right: 4px;
                }

.dir_scroll_menu {
                  font-size: 0.5em;
                  white-space: nowrap;
                 }

.dir_scroll_menu form {
                  font-size: 0.5em;
                  white-space: nowrap;
                 }
.dir_des {
          font-family:arial,sans-serif;
          font-size: 0.8em;         
         }

.pages_nav_bar {
                width: 100%;
                background-color: #EEEEEE;
                border: 1px solid #ae1703;
                color: #ae1703;
                font-size: 0.8em;
                font-weight: bold;
                margin-bottom: 3px;
                margin-top: 3px;
               }

.dir_nav_bar {
              width: 100%;
              background-color: #EEEEEE;
              border: 1px solid #ae1703;
              color: #ae1703;
              font-size: 0.8em;
              font-weight: bold;
              margin-bottom: 3px;
              margin-top: 3px;
             }

.dir_title {
            font-weight: bold;
           }

.dir_subcat {
             background-color: #ffffee;
             width: 100%;
             margin: 1px;
             font-size: 0.8em;
             border-top: 2px solid #ae1703; 
             border-bottom: 2px solid #ae1703; 
            }

/* 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; }

/* story stuff */

.topic_img  { margin: 5px;
              background-color: transparent;
              float:right;
              z-index:3;
              position: relative; top: -20pt;
            }

.story_header   { 
                  border: 0;
                  background-color: #f9f8b8;
                }

.story_title    { 
                  background-color: #e0e0a6;
                  padding-left: 5px;
                }
.story_title2   { 
                  background-color: #f9f8b8;
                  padding-left: 5px;
                  height: 36px;
                  z-index:1; 
                }


.story_title H2 { font-size: 1.1em;
                  color: #000000;
                  display: inline; }



.story_summary { border-bottom: 1px dashed black; 
                 padding-top: 0.0em; 
                 margin: 0 5px 2px 5px;
               }

.story_body { padding-top: 0.5em; 
              padding-left: 5px;
              padding-right: 5px;
              margin: 0 5px 2px 5px;
              font-family:arial,helvetica,sans-serif;
              font-size: 0.95em;
              z-index:1;}

.story_info { background-color: #EEEEEE;
              text-align: center; }
.introtext { 
            padding-left: 5px;
            padding-right: 5px;
            font-family:arial,helvetica,sans-serif;
            font-size: 0.95em;
           }

#story_edit { font-size: 0.9em; }

#story_edit .form { background-color: #EEEEEE;
                    border: 1px solid #660000;
                  }

#author_console { border: 1px solid #006699;
                  padding: 10px;
                  background-color: #EEEEEE }

.vote_console { border: 1px solid #006699;
             font-family:arial,helvetica,sans-serif;
             font-size: 0.8em;
             padding: 10px;
             margin: 0;
             background-color: #EEEEEE; 
             z-index:1;}

/* comment stuff */

.commenthead { border: 1px solid #006699;
               background-color: #eeeeee; }

.editorialhead { border: 1px solid #FF0000;
                 background-color: #eeeeee; }

#moderate_legend {
                  font-size: 0.9em;
                  font-weight: bold;
                 }
#moderate_legend img {
                      border: 1px solid #ae1703;
                     }

/* 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%; }

/* calendar stuff */

.cal_head { background-color: #eeeeee; }

.cal_head UL { text-align: center; }

.cal_head UL LI { display: inline;
                  list-style-type: none; }

.cal_head UL LI A#current { background-color: #ff0000;
                            color: #ffffff;
                            font-weight: bold; }

.cal_body TD,TH { border: 1px solid black;
                  padding: 3px; }

.cal_body #today { background-color: #eeeeee; }

.cal_body #other_month { background-color: #cccccc; }

.date_number { font-weight: bold;
               font-size: large; }


/* 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%; }