/*--> main layout styles <--*/
body {
	margin:0px;
	padding:0px;
	font-family: Tahoma, Arial, sans-serif;
	background:#636363 url( /images/bg_pattern_2.gif);
	background:#5f5f5f url(/images/jqueryui_bg.png) repeat-x;
	
	}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

	
#pageborder{
	border:4px solid #000;
	width:910px;
	margin-left: 20px;
	}
* html #pageborder{/*hack for IE */
	width:918px;
	}
#header, #main, #footer{
	padding-top:10px;
	padding-bottom:10px;
	background: #000;
	}
#footer {
	color:#FFF;
	text-align:center;
	font-size:12px;
	line-height:20px;
	}
#tagline	{
	background: rgb(157,8,13); 
	font-size:12px;
	text-align:center;
	color:#FFF;
	padding:3px;
	font-weight:800;
	line-height:20px;
	}
#main{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	background: #FFF;
	}
#main table{
	font-size:12px;
	}	
	

/*--> nav menu styles <-- */
#navcontainer {
	background: #ff8c00;
	height: 24px;
	border-bottom:4px solid #000;
	border-top:4px solid #000;
	padding-left:10px;
	}	
#nav, #nav ul{ /*controls the items in the 1st level of the menu, the part that is always visible*/
	margin: 0px;
	list-style-type: none;
	font-size: 12px;
	font-weight:800;
	color: #000;
	padding-left:0px;
	}
#nav li { /* all list items */
	float:left;
	display:block;
	padding:5px;
	padding-right:10px;
	padding-left:10px;
	border-right:4px solid #000;

	}
#nav li a {
	color: #000;
	text-decoration: none;
	}	
#nav li a:hover{
	color: #FFD600;
	}
#nav li.main{
  width: 122px;
  }
* html #nav li.main{/*hack for IE */
	width:150px;
	}

#nav li.last{
	border-right:0px;
	}
#nav li ul { /* second-level lists */
	position: absolute;
	line-height: 20px;
	background: #ff8c00;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}	
#nav li ul li {
    margin-right:0px;
    border:4px solid #000;
    border-top:0px;
    float:none;
    width:122px;
    }
* html #nav li ul li  { /*hack to make IE happy*/    
	width:154px;
	}
#nav li:hover ul, #nav li.sfhover ul, #nav li ul a{ /* lists nested under hovered list items */
	left: auto;
	margin-left: 0px;
	padding-left:0px;
	z-index: 500;
	}
/* end of nav menu */



	
table.events, table.halloween, table.evententry {
    font: normal 12px tahoma, verdana, arial, helvetica, sans-serif;
    padding:0px;
    margin: 0px;
    border-collapse: collapse;
    }
    
table.evententry{
    padding:5px;
    }
table.evententry input, table.evententry select{
    border: 1px solid rgb(200,200,200);
    padding:3px;
    margin-left:55px;
    margin-right:5px;
    }
#vlist input{
    border: 0px;
    }
table.base input{    
  margin-left:0px;
  }
table.evententry tr.space td{
    padding-top:30px;
    }

table.halloween{
    border:0px;
    
    }
    
    
table.events th{
    background: #FF8C00;
    color:rgb(255,255,255);
    text-align: left; 
    padding: 5px; 
    font-size: 16px;
    margin-top:0px;
    border: 1px solid #FF8C00; 
    }
    
table.events th.small {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    }

table.events th.medium {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    }    
    
table.events td{
  margin:0px;
  }
    
table.events tr.border td{
    border: 1px solid #FF8C00; 
    border-collapse: collapse;
    }
table.evententry table.base tr td{
    border:0px;
    }

table.events tr.even{
}    


table.events td.cattitle{   
      text-align: left;
      font-size: 14px; 
      line-height: 25px;
      font-family: Tahoma, Arial, sans-serif;
      color: #523A06;
      border: 1px solid #FF8C00; 
      background: #fffccc;
      padding-left: 5px;
      height: 25px;
      border-collapse;collapse;
      } 
      
      
table.events td.views{
    border-top: 0px;
    font-size: 10px;
    }    

input.register{
    width:300px;
    }
 #register input{
 padding:3px;
 }   
  
.eventtitle, a:link {
  color: rgb(0,0,150);
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  } 
.eventdesc {
  font-size: 11px;
  color: #000;
  margin-top: 7px;
  }  
.business{
 margin-top:7px;
 font-size:11px;
 }           	
.views{
  font-size:9px;
  text-align:right;
  margin-top:3px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 10px;
  border-top: 1px solid #FBB040;
  border-bottom: 1px solid #FBB040;
  }
  .viewnum{
  font-weight:800;
  color:rgb(150,50,50);
  } 
  
.right{
  text-align:right;
  padding-right:5px;
  }
  
 #register input{
 border:1px solid black;
 }
 #register select{
 border:1px solid black;
 }
 
 /* some stuff from hottest bartender */
 .newrow {
margin-right:0px;
border-right:1px solid rgb(0,0,0);
border-left:1px solid rgb(0,0,0);
border-bottom:1px solid rgb(0,0,0);
float:left;
width:127px;
height:360px;
padding-bottom: 5px;
margin-top:0px;
}  

.newrow td.bartender{
padding: 7px;
padding-bottom:0px;
}

.currow {
float:left;
border-right:1px solid rgb(0,0,0);
border-bottom:1px solid rgb(0,0,0);
width:127px;
height:360px;
padding-bottom: 5px;
margin-top:0px;
}

.currow td.bartender{
padding: 7px;
padding-bottom:0px;
}

.vote a { 
display:block;
position:absolute;
left:600px;
width: 100px; 
height: 100px; 
background: url('/photos/hottest_2009/art/voterollover.gif') no-repeat; 
} 

.vote a:hover { 
background-position: -100px 0; 
} 

.guypic, .girlpic {
border: 1px solid #000; 
height: 75px;
width:75px;
}



/* slider styles */
.main_image {
    width: 460px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}

.main_image img{
  border: 1px solid #333;
  }
.main_image h2 {
    font-size: 18px;
    font-weight: 800;
    margin: 0px;
    padding: 10px;
    background:black;
    font-family:Arial Black;
}
.main_image p {
    font-size: 14px;
    padding: 0px;
    margin: 0;
}

.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    background: #7d7d7d7;
    font-size: 14px;
    line-height: 20px;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(/images/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    background: #f0f0f0;
    width:446px;
    padding:5px;
    border:2px solid #363636;
    background:#363636 url(/images/stripe2px.png); 
}
.image_thumb img {
    border: 1px solid black;
    padding: 5px;
    float: left;
    background:#fff;
 
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    background:white;
    float: left;
    margin-right:8px;
}

.image_thumb ul li.hover { /*--Hover State--*/
    background: red;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    cursor: default;
    background:url(/images/small_red_arrow.png) no-repeat;;
    padding-left:25px;
}
html .image_thumb ul li h2 {
    font-size: 14px;
    margin: 0px;
    margin-top:5px;
    padding: 0;
}
.image_thumb ul li .block {
    padding: 0;   
}
.image_thumb ul li .fp{display: none;}/*--Hide the description on the list items--*/

.clear{ clear:both};