/* this makes IE6 not act retarded */
h1, h2, h3, h4, h5, h6, p, div {
         position: relative;
}
/* main page stuff */
BODY       { background-color: #ffffff;
             color: #000000;
             font-size: 12pt;
             font-family:Tahoma,verdana,helvetica,arial,sans-serif; }

:link      { 
color: #000000;
font-weight: bold;
font-variant:small-caps;
/* font-size: 110%; */
 }
:visited   { 
color: #000000; 
font-weight: bold;
font-variant:small-caps;
/* font-size: 110%; */
}

#main      { 
border-spacing: 5px;
background:#ffffff;
font-size: 12pt;
 }

#main TD   { vertical-align: top; }

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

#mainBody {
font-size: 12pt;
          }

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

.loginform { text-align: right; }

/* header and footer */

#section_links { 
    /* float: right; */
    text-align: right;
    /* padding: 0.5em; */ 
}

#footer FORM { display: inline; 
               vertical-align: top; }

#footer    { 
margin-top: 4.0em;
visibility: visible;
border-top: 2px solid black;
clear:both;
 }

#header { 
/* background:#896255; */
background: #a69786;
position: relative;
height: 120px;
width: 100%;
margin: 0.0em 0.0em 0.0em 0.0em;
padding: 0.2em 0.2em 1.0em 0.2em;
}

#leftSide { 
/* background:#896255; */
background: #a69786;
position: absolute;
/* float: left; */
width: 11em;
margin: 0.0em 0.0em 0.0em 0.0em;
padding: 0.1em 0.1em 0.1em 0.1em;
/* display: inline; */
}

#right      { float: right;
              align:right;
              width:240px;
              padding:10px;
             z-index:30;
             }

#left      { float: left;
              align:left;
              padding:10px;
              width:220px;
              z-index:30;
             }


/* sidebar boxes */

.box { 
/* border: 0px solid black; */
border-bottom: 1px solid #000000; /* #896255; */
padding: 3px;
margin-bottom: 8px; 
font:75% Tahoma,verdana,helvetica,arial,sans-serif;
font-size:75%;
}


#blank_box { 
/* border: 0px solid black; */
/* padding: 3px; */
/* margin-bottom: 8px;  */
font:75% Tahoma,verdana,helvetica,arial,sans-serif;
}


.blank_box { 
/* border: 2px solid black; */
/* padding: 3px; */
/* margin-bottom: 8px;  */
font:75% Tahoma,verdana,helvetica,arial,sans-serif;
}

.commentControlsTop {
}

.commentControlsBottom{
margin-top: 1em;
}

.smallfont{
font: 75% verdana, arial, helvetica, sans-serif;
}


.normfont{
font: 100% verdana, arial, helvetica, sans-serif;
font-size: 100%;
}




#box { 
/* border: 0px solid black; */
border-top: 1px solid #896255;
padding: 3px;
margin-bottom: 8px; 
font:75% Tahoma,verdana,helvetica,arial,sans-serif;
}

#titled_box { 
/* border: 0px solid black; */
border-top: 1px solid #896255;
padding: 3px;
margin-bottom: 8px; 
font:75% Tahoma,verdana,helvetica,arial,sans-serif;
}



.box H2    { background-color: #a69786;
             color: #ffffff;
             font-size: 1.2em;
             padding: 5px;
             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; }

/* misc header stuff */

.siteTitle {
font-weight: bold;
font-size: 220%;
text-align: left;
margin: 0.2em 1.0em 1.0em 180px;
padding: 1em 0.0em 1.0em 1.0em;
}

.siteSubtitle{
font-size: 85%;
text-align: left;
margin: 0.2em 1.0em 1.0em 180px;
padding: 1.0em 0.0em 1.0em 1.0em;
}

.siteGraphic{
/* text-align: center; */
/* margin: 10px 10px 10px 5px; */
/* padding: 10px 10px 10px 0px; */
position: absolute;
left:20px;
top:20px;
}


.topLinks{
/* position: relative; */
/* top: -2em; */
/* left: -20px; */
}

/* story stuff */

.story_title  { color: #000000;
                width:40em; }

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

.story_summary { /* border-bottom: 1px dashed gray; */
                 margin-bottom: 2em;
                 margin-top: 2em;
                 margin-left: 3em;
                 padding-bottom: 1.0em;
                 width:45em;  }

.story_body { 
padding-top: 0.5em;
padding-bottom: 2.0em;
margin-left: 2em;
margin-right:2em;
/* border-bottom: 1px solid #000000; */
 }

.story_info { 
/* background-color: #EEEEEE; */
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}

.story_by_info {
margin-left: 3em;
/* position: relative; */
/* left: 3em; */
/* width: 40em; */
font-size:100%;
}


.introtext{
margin-top:1.5em;
margin-bottom:1.5em;
margin-left:3em;
width:40em;
text-indent:0em;
}


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

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

/* comment stuff */

.commenthead {
  /* border: 1px solid #D0D0D0; */
  /* background-color: #eeeeee; */
  margin-top: 2.0em;
  margin-bottom: 1.0em;
}

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


/* misc css */

.title { font-size: 120%;
         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%; }



/* Local Boxes */

.cycleBoxWrapper {
 width:220px;
 text-align:left;
}

.cycleBottomBox {
 background:url(/images/box/cyclismo_bottom.gif) top center no-repeat;
 /* position:relative;*/
 /* down: 1em; */
 height:17px;
}


.cycleTopBox {
   height:51px;
   background:url(/images/box/cyclismo_top.gif) bottom center no-repeat;
}

.cycleInsideBox {
   padding-left:60px;
   padding-right:10px;
   text-align:left;
   /* margin-top:16px; */
   padding-bottom:2em;
   /* margin:16px; */
   background:url(/images/box/cyclismo_middle.gif) top center repeat-y;
   /* border-style:solid;*/
}

.cycleInsideBox H2 { background-color: #a69786;
             color: #000000;
             font-size: 120%;
             /* padding: 5px; */
             /* margin: -3px; */
             /* margin-bottom: 3px; */ }

.cyclismoSpacer {
   margin: 40px;
}

.fadeTopBox {
   height:26px;
   background:url(/images/box/fadeBox_top.gif) bottom center no-repeat;
}

.fadeInnerBox {
   padding-left:60px;
   padding-right:40px;
   /* margin-top:16px; */
   padding-bottom:1em;
   /* margin:16px; */
   background:url(/images/box/fadeBox_middle.gif) top center repeat-y;
   /* border-style:solid;*/
}

.fadeBottomBox {
 background:url(/images/box/fadeBox_bottom.gif) top center no-repeat;
 /* position:relative;*/
 /* down: 1em; */
 height:35px;
}

.fadeInsideBox H2 { background-color: #a69786;
             color: #000000;
             font-size: 120%;
             /* padding: 5px; */
             /* margin: -3px; */
             /* margin-bottom: 3px; */ }


/* for spam */
.crap A:link {text-decoration: none; color: #ffffff;}
.crap A:visited {text-decoration: none; color: #ffffff;}
.crap A:active {text-decoration: none; color: #ffffff;}
.crap A:hover {text-decoration: none; color: #ffffff;}