/****** misc, reset ******/

h1, h2, h3/*, h4, h5, h6, p, img */ { margin: 0; padding: 0 }
html { height: 100%; margin-bottom: 1px; }



/****** LINK FORMATING ******/

a:link { color: black; font-weight: bold; background: transparent; text-decoration: none;}
a:visited {  color: black; font-weight: bold; background: transparent; text-decoration: none; }
a:active {  color: black; font-weight: bold; background: transparent; text-decoration: none;}
a:hover { color: #940606; text-decoration: none; }
a:link img, a:visited img { border-style: none } /* no border on img links */
/* a:link img {  
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
a:hover img {
    filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity: 1.0;  
}
 */

.mainmenu a:link { color: white; }
.mainmenu a:visited { color: white; }
.mainmenu a:active { color: white; }
.mainmenu a:hover { color: #ff6600; }

.navigation a:link { color: white; }
.navigation a:visited { color: white; }
.navigation a:active { color: white; }
.navigation a:hover { color: #ff6600; }

/* a:hover img { border: 1px solid #940606; } */

#footer a { color: grey; border-bottom: 1px dotted grey; }
#footer a:hover { /* color: #940606; */ color: #ff6600; border-bottom: 1px dotted #940606; }

.text a { font-size: 0.9em; border-bottom: 1px dotted grey; }

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

/****** FONTS ******/ 
.mainmenu { 
	font-family:verdana, arial, sans-serif;
	font-size: xx-small; 
	font-weight: bold; 
	text-align: right; 
	color: white; 
}

.mainmenu a { padding: 5px 0 5px 1em; }

.navigation {
	font-family:verdana, arial, sans-serif;
	color: white; 
	font-size: xx-small;
	font-weight: bold;  
}

.navigation div#title h1 { 
	font-size: 0.8em;
	/*font-family:verdana, arial, sans-serif;
	color: white; */
	font-size: xx-small;
	font-weight: bold;
	display: inline;
}

#content_main .text { 
	/*-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	-moz-column-width: 40em;
	-webkit-column-width: 40em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;*/
	font-size: 1.2em; 
	padding: 10px; 
	text-align: left;
}
#footer { 
          font-family:verdana, arial, sans-serif;
          text-align: right; 
          color: white; 
          font-weight: bold; 
          font-size: xx-small; 
          line-height: 1.8em;
}

#footer h2 { 
          font-family: sans-serif;
          font-variant: small-caps;
          /* font-size: 3em; */
}

.grey { color: grey; }

body { font-size: x-small; 
       font-family: Verdana, Arial, Helvetica, sans-serif;
       border: 0px;
       margin: 0px;
       padding: 0px;
       background: url('/media/img/top_bg.png') repeat-x;
}


/****** LAYOUT ******/
#container { 
             text-align: left;
             margin: -0px auto 0 auto;
             padding: 0px;
             width: 850px;
}

#header { 
          /*background-color: black;*/
          /*height: 100px;*/
          /* border-bottom: 1px dashed #940606; */
          z-index: -1;
}

#header img { margin: 19px 0 0px 25px; }


.mainmenu { 
            padding-right: 25px;
            margin-bottom: 0.1em;
            margin-top: -6px;
            z-index: 100;
}

.navigation {
              clear: both; 
              height: 18px; 
              margin: 6px auto 0 auto;
              width: 802px;
              padding-top: 2px;
}
#bottom { height: 16px; background: transparent url('/media/img/nav_bg.png') top repeat-x; }


.navigation div.left { 
                       float: left; 
                       padding: 0 5px 0 5px;
                       margin-top: 1px; }

.navigation div.right { 
                       float: right; 
                       padding: 0 5px 0 5px;
                       margin-top: 1px; 
                       /* clear: both; */}

.navigation div#title { /* float: right; */
                        margin: 1px auto 0 auto;
                        width: 300px;
                        text-align: center; 
                        /* clear: right; */
                        /* margin-top: 1px; */}

#bottom ul, li { margin: 0; padding: 0; }
#bottom .social { width: 55%; text-align: right; padding: 0px; }
#bottom .social li { float: right; padding-right: 1em;}

div.image { text-align: center; }

/*** COMMENTS ***/
.comments { 
            margin: 0px auto;
            width: 800px;
            border-left: 1px dashed #940606;
            border-right: 0px dashed #940606;
            padding-top: 10px;
            }
.comments input, textarea { border: 1px solid grey; }
.comments div { 
                background-color: lightgrey; 
                width: 500px; 
                margin: 20px;
                padding: 10px;
                }
.comment { width: 500px; background-color: lightgrey;}
.comment #by { border-bottom: 1px dashed #940606; }
.comment p { font-size: 1.1em; padding-left: 1em; }
.comments div.postad { /* position: absolute; */ width: 180px; float: right; }



/*** ARCHIVE ***/
div#list { float: right;  margin: 1em; }
/*div#thumbs { width: 190px; clear: left; padding: 5px 5px 5px 0; margin: 1em; } */
div#thumbs { width: 250px; clear: left; padding: 5px 5px 5px 0; margin: 1em; }
div#thumbs img { float: left; margin-left: 0.5em; /* margin-bottom: 0.5em; */ }
ul { list-style-type: none; }


#content_main {
                /*border: 1px solid black;*/
                position: relative;
                margin: 0px auto;
                width: 802px;
                clear: both;
}

#content_main img { border: 1px solid black; margin: 5px auto 0 auto; }

#footer { 
          /* border-top: 1px dashed #940606; */
          /*margin: 10px 20px 0 20px;*/
          clear: both;
          /* height: 260px; */
          padding: 10px 0 15px 0; 
          margin: 10px 0px 0 0px;
          background: #8f0b0b url('/media/img/footer_bg.png') repeat-x;
}

#footer div.center {  
          margin: 0px auto;
          width: 840px;
}

#footer .column { float:left; margin-right: 20px; }

/*#footer #license { position: absolute; }*/

#footer .adds { margin-top: 0px; width: 180px; }
#footer .adds2 { margin-top: 10px; width: 130px; }
#footer #license { margin-top: 10px; }

.hidden { display: none; /* color: #8f0b0b; */}
.clearer { clear: both; height: 1px;}