html, body {height: 100%;}

body{
   //font-family: 'Josefin Sans', sans-serif;
   font-family: Verdana, sans-serif;
}

#scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 170px;}  /* must be same height as the footer */

#tmc_footer {
   color:#DDD;
}

#tmc_footer a{
   color:#EEC897;
}

#footer {position: relative;
	margin-top: -170px; /* negative value of footer height */
	height: 170px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* BEGIN Ordered list for advanced search results */
ol.results{
   list-style-position:outside;
}

ol.results li{
  position: relative;
}

ol.results li a {
  position: absolute;
  left: 15px;
}
/* END Ordered list for advanced search results */

label{
   color:#DDD;
   font-size:16px;
}

div#shadedbox1{
   width: 550px;
   padding: 1em;
   margin-left: 40px;
   border: 1px solid #fff;
   background: #300;
}

div#shadedbox2{
   width: 700px;
   padding: 1em;
   border: 1px solid #fff;
   background: #300;
}

div#shadedbox2 tr td th{
   background: #300;
}

div#shadedbox3{
   width: 800px;
   padding: 1em;
   border: 1px solid #fff;
   background: #300;
}

div#shadedbox3 a:hover{
   color: #fff;
}


div#shadedbox3 tr td th{
   background: #300;
}

div#unshadedbox{
   background: #000;
}

div#unshadedbox tr td th{
   background: #000;
}

div.anews{
   padding: 0.5em;
   margin-top: 7px;
   text-align: left;
   border-bottom: 1px dotted #fff;
   font-size:14px;
   line-height:18px;
}

div#anews6{
   border-bottom: 0;
}

div.anewsbottom{
   padding: 1em;
   margin-top: 7px;
   text-align: left;
   border-bottom: none;
}

div.anews h3{
   /*font-family: "Times", "Courier", serif;*/
   font-family: 'Cinzel', serif;
   font-size: 16px;
   text-align: left;
   color: darkseagreen;
   margin-bottom:20px;
}

div.anewsbottom h3{
   /*font-family: "Times", "Courier", serif;*/
   font-family: 'Cinzel', serif;
   font-size: 14px;
   text-align: left;
   color: darkseagreen;
}


div.anews span{
   float:right;
   color:#999;
   font-family: "Gill Sans", Verdana;
   font-size: 12px;
   line-height: 15px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: normal;
}

div.anewsbottom span{
   color:#999;
   font-family: "Gill Sans", Verdana;
   font-size: 12px;
   line-height: 15px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: normal;
   display: block;
}


span.date {
   color:#DDD;
   /*font-family: "Gill Sans", Verdana; */
   font-family: 'Cinzel', serif; 
   font-size: 10px;
   /*line-height: 15px;
   text-transform: uppercase;
   letter-spacing: 2px; 
   font-weight: bold; */
}

td.date{
   color:#DDD;
   /*font-family: "Gill Sans", Verdana;
   font-family: 'Courier', sans-serif; 
   font-family: 'Cinzel', serif;   */
   font-family: 'Courier New', Courier New, serif; 
   font-size: 12px;
}

/* Advanced search styling */

#adv_form1{
   border:none;
}

#adv_form1 select{
   display:inline;
   width:120px;
}

.sname{
   color:DarkGoldenRod;
}

.submit_btn{
   font-size:16px;
   border-radius:14px;
   -moz-border-radius:14px;
}

.submit td{
   padding-bottom:10px;
}

.padded_box{
   width:800px;
   padding:8px;
}

.submit_box{
   width:780px;
   padding:12px;
   border:solid 1px #fff;
   border-radius:8px;
   -moz-border-radius:8px;
}

.padr{
   padding-right:20px;
}

.blockleft{
   display:block;
   float:left;
   padding:12px;
}

.long_brs br{
   margin-bottom:25px;
}

.input_text{
   width:100px;
}

#stat_table th, td{
   padding:12px;
}

#mud_vote_table td{
   padding:12px;
   font-size:16px;
}

#add_edit_table td{
   padding:12px;
   font-size:16px;
}

#all_rank_table td{
   padding:6px;
   font-size:16px;
}

#byalpha_table td{
   padding:10px;
   font-size:18px;
}

#gmud_detail_table td{
   font-size:16px;
}

#gmud_detail_table td{
   font-size:16px;
}

#gmud_table td{
   padding:12px;
   font-size:16px;
}

#gmud_table td a{
   color:#EEC897;
}

#gmud_detail_table td{
   padding:12px;
   font-size:16px;
}

#prev_list_table td{
   padding:6px;
   font-size:16px;
}

#random_box select{
   width:200px;
}

#whatsnew li{
   list-style-position:inside;
}

#restack_table td{
   padding:12px;
   font-size:18px;
   line-length:18px;
}

/* BEGIN - Table of Contents Sections CSS */
#toc_sections div.content h4{
   text-align:center;
   margin-bottom:20px;
}
#toc_sections div.content ul, ol{
   margin-left:20px;
}
#toc_sections div.content li{
   list-style-position:inside;
}
#toc_sections div.content br{
   margin-bottom:25px;
}
#toc_sections div.content a{
   color:#EEC897;
}
#toc_sections a{   color: #DDD;
}
#toc_sections p.title{
   background-color: #336068;
}
#toc_sections div.content{
   background-color: #133038;
   padding-top:30px;
}
/* END - Table of Contents Sections CSS */

/* BEGIN - Advanced Search Form Sections CSS */
#adv_sform_sections a{   color: #DDD;
}
#adv_sform_sections p.title{
   /* background-color: #336068;  */
   background-color: #390505;
}
#adv_sform_sections div.content{
   /* background-color: #133038; */
   background-color: #240505;
}
/* END - Advanced Search Form Sections CSS */


/* BEGIN - Graphical Muds Sections CSS */
#gmud_sections a{ color: #DDD; }
#gmud_sections p.title{
   background-color: #336068;
}
#gmud_sections div.content{
   background-color: #133038;
}
#gmud_sections div.content span{
   font-family: 'Cinzel', serif;
   font-size: 16px;
}
/* END - Graphical Muds Sections CSS */

#res_wolfpaw li, #res_wolfpaw li a, #res_default li, #res_default li a, #res_bydate_desc li, #res_bydate_desc li a{
   font-family: 'Arial', sans-serif;
   font-weight: lighter;
   font-size:14px;
}


/* Adjustments made for small screen */

@media only screen and (max-width: 450px) {

   /*body { font-size: 0.8em; }*/
   h3 { font-size: 1.2em; }
   h4 { font-size: 1em; }

   div.anews, div.anews h3, a, .panel { font-size: 0.8em; }
   div.anews span { 
      padding-left:10px;
      font-size: 0.8em; 
   }

   span.date, td.date { font-size: 0.6em; }

   #mud_review_pane td p{
      font-size:10px;
   }
}