body {
   font-family: verdana, sans-serif, tahoma, arial;
   font-size: 14px;
   color: #fff;
   padding: 0px;
   margin: 0px;
   background-color: #000;
}
a {
   color: #fff;
}
a:hover {
   text-decoration: none;
}
#topcontainer {
   position: relative;
   width: 100%;
   height: 74px;
}
#topbar {
   position: absolute;
   width: 100%;
   height: 6px;
   background-color: #fff;
   top: 69px;
}
#subtopcontainer {
   position: relative;
   width: 996px;
   height: 74px;
   margin: 0 auto;
}
#logotitle {
   position: relative;
   width: 251px;
   height: 60px;
   float: left;
   top: 15px;
}
#logotitle a img {
   border: 0px;
}




#menucontainer {
   position: relative;
   width: auto;
   height: auto;
   float: right;
   top: 20px;
}
#menucontainer ul {
   padding: 0px;
   margin: 0px;
   list-style: none;
}
#menucontainer ul li {
   float: left;
}
#menucontainer ul li a {
   display: block;
   color: #9a9a9a;
   text-decoration: none;
   padding: 12px 10px;
}
#menucontainer ul li a:hover {
   color: #fff;
}
.menudivider {
   width: 1px;
   height: 40px;
   background-color: #9a9a9a;
}
#menuhighlighted a {
   font-weight: bold;
   color: #fff !important;
}
#menuhighlighted a:hover {
   color: #9a9a9a !important;
}



#searchcontainer {
   position: relative;
   width: auto;
   height: auto;
   float: right;
   top: 24px;
   padding-right: 8px;
   padding-left: 10px;
}
#searchcontainer input {
   border: 2px solid #aaa;
   background-color: #000;
   padding: 5px;
   color: #9a9a9a;
   font-size: 14px;
   border-radius: 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
}








#midcontainer {
   position: relative;
   width: 100%;
   height: auto;
}
.submidcontainer {
   position: relative;
   width: 960px;
   height: auto;
   margin: 0 auto;
}


.column {
   position: relative;
   height: auto;
   float: left;
}

#col1 {
   width: 231px;
}
#col2 {
   width: 474px;
}
#col3 {
   width: 717px;
}






.medthumb {
   position: relative;
   width: 231px;
   height: 144px;
   float: left;
}
.medthumb a {
   position: relative;
   width: 216px;
   height: 31px;
   display: block;
   padding-top: 113px;
   padding-left: 15px;
   background-image: url("siteimages/medthumb.png");
   color: #fff;
   text-decoration: none;
}
.medthumb a:hover {
   color: #ddd;
   background-image: url("siteimages/medthumb_over.png");
}


.smallthumb {
   position: relative;
   width: 231px;
   height: 66px;
   float: left;
   background-position: center center;
}
.smallthumb a {
   position: relative;
   width: 216px;
   height: 24px;
   display: block;
   padding-top: 42px;
   padding-left: 15px;
   background-image: url("siteimages/smallthumb.png");
   color: #fff;
   text-decoration: none;
   font-size: 12px;
}
.smallthumb a:hover {
   color: #ddd;
   background-image: url("siteimages/smallthumb_over.png");
}



.button {
   position: relative;
   width: 211px;
   height: 23px;
   background-image: url("siteimages/button.png");
   display: block;
   color: #000;
   font-weight: bold;
   font-size: 14px;
   text-decoration: none;
   padding: 4px 10px 0px 10px;
}
.button:hover {
   color: #fff;
   background-image: url("siteimages/button_over.png");
}
#sortbtns {
   position: relative;
   top: 2px;
   float: right;
   padding-right: 10px;
}
#sortbtns img {
   border: 0px;
}
.pagelinks {
   float: right;
}




.logcontent {
   position: relative;
   width: 655px;
   float: left;
   padding: 0px 10px;
   line-height: 18px;
   color: #ccc;
}
.logdate {
   position: relative;
   float: left;
   background-color: #fff;
   color: #000;
   padding: 5px;
   text-align: center;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   width: 30px;
   margin-top: 3px;
}
.logmonth {

}
.logdate2 {
   font-size: 18px;
}
.logtitle {
   padding-bottom: 10px;
}







.imginfo {
   position: relative;
   width: 474px;
   float: left;
   padding: 5px 12px;
}
#imgdescription {
   text-align: center;
}
.imgtitle {
   font-size: 16px;
   margin: 0px;
}
#imagecontainer {
   position: relative;
   margin: 0 auto;
   text-align: center;
}
#imagecontainer a img {
   border: 2px solid #fff;
}
#imagecontainer a:hover img {
   border: 2px solid #aaa;
}
#imagenotice {
   text-align: center;
}
#imgratingbox {
   position: relative;
   width: 500px;
   padding: 20px;
   margin: 20px auto;
   background-color: #333;
   color: #fff;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}







.formlabel {
   padding-bottom: 3px;
}
.textbox input, .textbox textarea, .selectbox select {
   border: 2px solid #fff;
   background-color: #222;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   padding: 5px;
   font-family: verdana, sans-serif, tahoma, arial;
   font-size: 14px;
}
.formbtn input {
   border: 0px;
   padding: 7px;
   color: #000;
   background-color: #fff;
   cursor: pointer;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
#errorbar {
   position: relative;
   width: auto;
   height: auto;
   background-color: #a00;
   padding: 5px 10px;
   color: #fff;
   border-radius: 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   margin-bottom: 5px;
   font-weight: bold;
}

#recaptcha_widget {
   float: left;
}
#recaptcha_imgaudio div {
   float: left;
   padding-right: 5px;
}
#recaptcha_image img {
   display: block;
   width: 280px;
   height: 53px;
}
#recaptcha_image {
   position: relative;
   display: block;
   width: 280px !important;
   height: 53px;
}




#footercontainer {
   position: relative;
   width: 960px;
   text-align: center;
   margin: 0px auto 50px auto;
   color: #aaa;
}




   .counterbox {
      float: left;
      padding: 5px 10px;
      margin: 5px;
      border: 1px solid #aaa;
      color: #aaa;
   }
   .counterboxheader {
      position: relative;
      padding: 10px;
      margin: 5px;
      border: 2px solid #fff;
   }
   .counterpagebox {
      position: relative;
      padding: 10px;
   }
   #counterleftbox {
      position: relative;
      float: left;
      width: 84%;
      margin-right: 10px;
      font-size: 12px;
   }
   #counterrightbox {
      position: relative;
      width: 15%;
      float: left;
      line-height: 20px;
      padding-top: 65px;
      color: #777;
      font-size: 12px;
   }




.hbar {
   position: relative;
   width: auto;
   height: 1px;
   background-color: #fff;
   clear: both;
   overflow: hidden;
   margin: 10px 0px;
}
.floatleft {
   position: relative;
   float: left;
}
.floatright {
   position: relative;
   float: right;
}

.contentcontainer {
   padding: 10px;
}

.vspace {
   position: relative;
   width: 12px;
   height: auto;
   float: left;
}

.htitle {
   position: relative;
   width: auto;
   height: auto;
   font-size: 14px;
   margin: 0px;
   padding: 0px 0px 12px 0px;
   background-image: url("siteimages/titlebar.png");
   background-repeat: no-repeat;
   background-position: 0px 20px;
}
.htitle2 {
   position: relative;
   width: auto;
   height: auto;
   font-size: 14px;
   margin: 0px;
   padding: 12px 0px 0px 0px;
   background-image: url("siteimages/titlebar2.png");
   background-repeat: no-repeat;
   background-position: 0px 0px;
}
.htitle3 {
   position: relative;
   width: auto;
   height: auto;
   font-size: 14px;
   margin: 0px;
}
.htitleright {
   position: relative;
   width: auto;
   height: auto;
   float: right;
   right: 0px;
}

.hcontentbar {
   position: relative;
   width: auto;
   height: auto;
   background-color: #fff;
   padding: 5px 10px;
   color: #000;
   border-radius: 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
}
.hcontentbar a {
   color: #000;
}

.hspace {
   position: relative;
   width: 100%;
   height: 12px;
   clear: both;
   overflow: hidden;
}

#preloadimg {
   position: absolute;
   width: 30px;
   height: 10px;
   top: 0px;
   left: -50px;
   display: none;
}

.clearit {
   position: relative;
   clear: both;
   height: 0px;
   overflow: hidden;
}