* { 
    margin:0; padding:0 ;  font-family: Arial, sans-serif;  font-size:14px; line-height:18px;
}
html  { 
    background-color:#000; overflow-y:scroll;
}
body  { 
    text-align:center;  color:#A89E7E;
}
div#wrapper  { 
    width:970px; margin:0 auto;  
}
*html div#wrapper { width:977px;}
ul.menu  li  { 
    display:inline; padding:0 10px 0 0; 
} 
div#left-col { 
    width:245px; float:right; text-align:left; 
}
div#left-col-top { 
    background:url(/public/graphics/left-corner-top.jpg) 0 0 no-repeat; padding:130px 0 0 0; margin:0; 
}
div#left-col-bot {
    background:url(/public/graphics/left-top-bot.jpg) left bottom no-repeat;
    padding:0 10px 20px  10px;    
}
div#sidebar-top { 
    padding: 0;  background:url(/public/graphics/sidebar-top.jpg) 0 0 repeat-y;  margin:0px 0px 0 0; 
}
div#sidebar-mid { 
    background:url(/public/graphics/sidebar-mid.jpg) 0 0 no-repeat; 
}  
div#sidebar-bot {
   background:url(/public/graphics/sidebar-bot.jpg) left bottom no-repeat; 
   padding:0 15px 20px 15px;
}
div#right-col  { 
    float:right; width:725px; margin:0 0 0 0; text-align:left; 
} 
div#right-col-top   {   
     height:145px;
}

div#flash  { 
    text-align:center; color:#ff6600; 
}
div#content {
    padding:0 10px 0 10px;    
}
/* auto-search */

ul.auto-search-ul  {  
    position:absolute; background:#333; font-size:11px; list-style:none; display:block; border:1px solid #000;  color:#fff; 
}
ul.auto-search-ul li     { 
    cursor:pointer; padding:0 2px 0 2px; 
}
ul.auto-search-ul li:hover, ul#auto-species  li:hover { 
    background:#ccc; 
}

/* Custom css classes */

.ad {
	 background-color:#fff; padding:5px; border:1px solid #8c7853; margin:5px 0;
}
.align-right  { 
    text-align:right; 
}
.align-left {
	text-align:left;
}
.background { 
    background-color:#000; padding:3px;
}
.bold {
	font-weight:bold;
}
.clear { 
    clear:both; 
}
.center {
   text-align:center; 
}
.current {
	border-bottom:3px solid #5b0100;
}
.emp {
   font-weight:bold; color:#b34e4d; 
}
.errors {
   padding:10px; background-color:#fff; color:#000;
   margin:5px 0 10px 0px; text-align:left; border:1px solid #ccc;
}
.errors ul, ul.std { 
    list-style-position:inside; list-style-type:square;  margin:0 0 0 10px;
}
.errors p {
   margin:0;
}
.errors h3 {
   color:#6d1813; text-align:left;
}
.error {
	color:#6d1813;
}
.float {
   float:left; 
}
.hide { 
    display:none; 
}
.ital {
   font-style:italic; 
}
.left { 
    float:left; width:48%; margin:0 10px 0 0; 
}
.box-art {
   float:left;width:130px; margin:5px 0 0 0;  overflow:hidden;
}
.avatar {
	float:left; width:108px;  height:120px; overflow:hidden; margin:15px  20px 0 0; 
}
.avatar img {
    border:1px solid #8c7853; 
}
.left-three {
   float:left; width:74%; margin:5px 0px 0 0; 
}
.margin-right {
	margin-right:100px;	
}
.pad-top {
   margin:10px 0 0 0; 
}
.user-info {
    display:none;    
}
.right { 
    text-align:right; 
}
.sidebar { 
    background:#000; margin:10px 0 10px 0; padding:20px; border:1px solid #413C38; 
}

/* Links */

a  { 
    text-decoration:none; color:#A89E7E; outline:none;
}
a:link, a:visited { 
    text-decoration:none;  color:#A89E7E;
}
a img { 
    border:none; 
}   

p a:link, p a:visited {
   text-decoration:underline; 
}

p a:hover, p a:active {
   text-decoration:underline; color: #fff;
}
div#calico-drifters, div#calico-drifters a:link {
   color:#835e41; 
}
 
div#calico-drifters a:hover {
    color:#776d64;
}
*html #main-menu a:hover {
	color:#fff; text-decoration:underline;
}

/* Tags */


h1 { 
    color: #fff;  text-align:center; font-size:2em; padding:20px 0 5px 0;  line-height:1.25em;
}
h2  { 
    color:#8C7853;  text-align:center; padding:10px 0 5px 0; font-size:1.75em; line-height:1em;
}
h3  { 
    color:#8c7853; font-size:1.15em; font-weight:bold; padding:10px 0 5px 0; text-align:center;
}
h4 {
   color: #8c7853; font-size:1.05em; font-weight:bold; text-align:left;
}
h4.emp {
   color:#fff; text-decoration:underline; cursor:pointer;
}

input  { 
    color:#333; 
}
dl  { 
    padding:0 5px 5px 5px; 
}
dl dt, dl dd { 
    padding:5px 0; 
}
dl.narrow dt  { 
    float:left; width:100px; text-align:right;  padding:5px  0;
}
dl.narrow dd  { 
    padding:5px 0; 
}
dl.std dt {
    float:left; width:50px; text-align:left;
}
dl.std dd, dl.wide dd, dl.extra-wide dd {
    float:left; text-align:left;
}
dl.wide dt {
    float:left; width:70px; text-align:left;
}
dl.extra-wide dt {
    width:150px; 
}
ul.none {
   list-style-type:none; margin:8px 0 0 10px;  font-weight:bold;
}

fieldset { 
    border: none; 
}
fieldset h2, div#reviews h2, div#read-review h2, div#read-review-comments h2, div#search-results h2 { 
    text-align:left; padding:0 0 5px 0; font-size:1.75em; color:#8C7853; display:block; 
    border-bottom: 3px solid #5b0100;
}
fieldset h3 { 
    text-align:left; color:#8C7853;
}
fieldset .ratings dl, fieldset .ratings dt {
   padding:0; 
}
label { 
    cursor:pointer; text-decoration:underline;  font-weight:bold;
}
label:hover { 
    color:#fff; font-weight:bold;
}
p { 
    margin: 10px 0 10px 0; 
}
table.std td, table.striped td {
    padding:2px 5px 2px 2px;
}
table.std a, table.striped a {
    text-decoration:underline;
}
table.striped {
   border-collapse:collapse; width:100%; margin:10px 0 0 0;
}
table.striped th {
   background-color:#413C38;  padding:2px 5px 2px 2px; text-align:center;
}
table.striped td{
   text-align:right; 
}
table.striped .rating{
	text-align:center;
}
.odd, table th.odd {
    background-color:#2F2B29; text-align:left;
}
table th.even {
   background-color:#000; text-align:left;
}
/* AUTO SEARCHES */



/* Menu */

div#main-menu { 
    position:relative; z-index:0 
}
ul#menu { 
    position:relative; z-index:50;  
}
ul#menu li { 
    padding:0 5px;
}
div#menu-slider { 
    z-index:10; position:absolute; border-bottom:3px solid #5b0100; height:1.25em; 
}
div#user-menu { 
    position:relative; z-index:0; 
}
ul#user-menu-ul { 
    position:relative; z-index:50;  
}
ul#user-menu-ul li { 
    padding:0 5px;
}
div#user-slider { 
    z-index:10; position:absolute; border-bottom:3px solid #5b0100; height:1.25em; 
}

/* Ratings Sliders */
div.slider {
	 height:16px; 
}

div.slider div.knob {
	width: 16px; height: 16px;
}
div#fontSize {
	height: 50px;
}

div.rating {
	margin: 5px 0; background:url(/public/graphics/slider.png) 0 center repeat-x; height:57px;
}
div.rating div.knob {
	background:url(/public/graphics/grenade-0.gif) 0 0 no-repeat; cursor: pointer; 
    height:56px; width:67px; top:-3px; 
}

/* HOME PAGE */

div#reviews {
   float:left; width:100%; 
}
div#reviews h2 {
	margin:20px 0 0 0; float:left; width:100%;
}
div.home-rating {
   clear:both; float:left; width:200px; margin:0; overflow:hidden;
}
div.home-review {
   float:left; width:495px; 
}
p.family-friendly {
   margin:0 0 0 8px; 
}

dl#home-page-ratings div {
    overflow:hidden; 
}
div.home-box-art {
   float:left;width:130px; margin:5px 0 0 0;
}
div.home-box-art img, div.box-art img, #bullets img {
   border:1px solid #8c7853;
}
div.home-grenade {
   float:left; width:70px; text-align:left; padding-top:25px; 
}

div.home-grenade img { position:relative; top:-30px; }

/* ARCHIVES */

div#read-review {
   float:left; width:100%; 
}
div.read-rating {
    float:right; width:155px; margin:0 20px 0 10px; overflow:hidden;
}
div.read-review-detail {
    float:right; width:500px; 
}
div.read-review-detail h1 {
   text-align:left; padding:20px 0 5px 0; 
}
div.read-review-detail h2 {
	float:left;width:100%; margin:20px 0 0 0;
}
div#reader-box {
	position:absolute; z-index:999; background-color:#fff; width:150px; 
	height:275px; padding:10px; overflow:hidden; color:#000; border:1px solid #8c7853;	
}
div#reader-box div.rating {
    width:100%;
}
div#reader-box dt {
	height:10px; margin-bottom:-10px;
}
div#reader-box div.slider {
	margin-bottom:-13px;
}
div#read-review h3, div#read-review-comments h3 {
   text-align:left; 
}
dl#reader-rater{
      padding:0; margin:0;
}
div#reader-box h3 {
   padding:0; margin:0; 
}
.grenade img {
   position:relative; 
}

/* REVEIWS */
div.ratings {
   margin:10px 0 0 0; 
}


/* Contact */
div#credits p {
   font-size:12px; 
}