/* ---------------------------------------------------------------- **
** Generic
** ---------------------------------------------------------------- */
html { font-size: 76%; }
#home {
	background:#000 url('../img/bgHome.png') repeat-x;
}
#events {
	background:#000 url('../img/equalizer.png') repeat-x;
}
#gallery {
	background:#000 url('../img/bgColor.png') repeat-x;
}

body {
	background: #333 url(../img/bg.gif);
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* headers */
h2, h3, h4, h5, h6, .menuhead { 
	color: #790009; 
	margin: 0px; 
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: -1px;
	}
h2 { font-size: 1.8em; margin: 25px 0 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
h3 { font-size: 1.6em; margin: 25px 0 15px; }
h4 { font-size: 1.4em; margin: 0px; }
.menuhead { font-size: 1.4em; margin: 20px 0 10px; }
h5 { font-size: 1.2em; margin: 20px 0 5px; }	
h6 { font-size: 1em; margin: 20px 0 0; }

/* text */
acronym { cursor: help; }

/* links */
a { text-decoration: none; color: #fff; outline: none;  }
a:hover { color: #fff;text-decoration: underline;  }
 
/* images */
.imgFeature { 
	border: 10px solid #ddd; 
	padding: 1px; 
	background-color: #fff; 
}	
.social{	
    border: none;
 	background-color: transparent;
 	float:right;
 }
a:link img { text-decoration: none; }
a:hover img { border-color: #eee;  text-decoration: none; }
img.right { margin: 0px 0px 20px 20px; }
img.left { margin: 0px 20px 20px 0px; }
.floatImgLeft {
	float:left;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	vertical-align:top;
}

.navImg {
	border: none; 
	margin:0px; 
	border: none; 
	background:transparent; 
	padding:0px;
}
/* Flash */
.swf { 
	border: 2px solid #ddd; 
	padding: 1px; 
	background-color: #fff; 
}
/* lists */

/* tables */
table { margin: 0px; padding:0px; width: 100%; }
table th, 
table td { padding: 5px; text-align: left; }
table thead th { 
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color: #790009 ;
	color: #fff; 
	font-weight: normal; 
	font-size: 1.1em;
	border: 1px solid #000;
	}
table tbody th { background-color: #000; }
table tbody th, 
table tbody td { border-top: 1px solid #000; }

/* horizontal rule */
hr { border: 0px; height: 1px; background-color: #ddd; color: #ddd; margin: 30px 0px 0px; }

/* classes */
.left { float: left; }
.right {float: right;}
.hide { display: none; }
.rightFooterText {float: right; font-size: 10px; color: #666;}
/* list of links */
ul.links { list-style-type: none; margin-left: 0; }
ul.links li { margin: 5px 0px; }

/* list of images */
ul.images { margin-left: -15px; margin-bottom: 0px; padding: 15px 0 0; list-style-type: none; height: 1%; width: 104%; }
* html ul.images { width: 100%; }
ul.images:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
ul.images li { float: left; margin: 0px; padding: 0px 0px 15px 15px; }
ul.images li img { vertical-align: middle; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container  {
	margin: 0 auto;
	width: 985px;
	height: auto;
	top: 0px;
	position: relative;
	}

#indexBody {
	width: 900px;
	background-color:black;
}
.smokerDiv {
	
}
#thisweek {
	background: url(../img/upcoming.png) no-repeat;
	position: absolute;
	width: 220px;
	padding: 0px 0px 0px 0px;
	height: auto;
	z-index: 10000;
	
}
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/

#header h1 a { text-decoration: none; color: #790009; width: 848px;  }
#header h1 a:hover { text-decoration: none; }
#header h1 span { color: #fff; }*/

/* if you would like to replace the logo with 
an image, comment out the above logo code and
uncomment the following */
.clear {
	 clear:both;
}
#header h1 {
	background: url(../img/hauntSmall.png) no-repeat;
	margin: 0px;
	margin-top:-2px;
	height:118px;
	width:554px;
	float: left;
	padding: 0px;
}	
#header h1 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	outline: none;
    padding:0px;
		}
/*--- Body-----*/	
.bodyMenu {
	 background-color: #f7f7f7;
}
/*--Navigation----*/
ul#nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom: 1px solid #000;

	}
ul#nav:after {	
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	}
ul#nav li {
	/* this width needs changing 
	depending on the amount of links. 
	Divide 100% by the amount of links 
	and set the value here. 
	e.g. 5 links: 100/5 = 20% */ 	
	width: 164px;
	float: left; 
	margin: 0; 
	font-size: 1.1em;
	background: #3C3C3C url(../img/nav_over_.png) no-repeat 50% 100%;

	}	
ul#nav li a {
	display: block; 
	background: #3C3C3C url(../img/nav_.png) repeat-x 50% 100%;
	padding: 2px 0 4px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	position: relative;	
	vertical-align:top;
	} 	
ul#nav li.first a {	border-left-color: #333; }
ul#nav li a:hover { background-color: transparent; background-image: none; }
ul#nav li.on a,
ul#nav li.on a:hover { background-image: url(../img/nav_on_2.png); }

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
.hImage {
	 z-index:10000;
	 padding:0px;
	 padding-left:15px;
	 width: 105px;
	 height: 65px;
	 margin: 0px;
	 top:170px;
	 vertical-align: top;
	 clear: both;
	 position: absolute;
}
#flashMenu {
	left: 0px;
	width: 281px;
	height: 250px;
	top:120px;
	position: inherit;
	vertical-align:top !important;
}
#content { background-color: #000; padding: 2px; text-align: left; margin-bottom: 15px; }
#content div{ padding: 1px 10px 10px 1px; min-height: 195px; }
#black {
	 color: #f7f7f7;
	 vertical-align:text-top;
 	 background: #000 !important;
	 padding-top: 10px; 
	 margin: 0px;
	 min-height: 195px;
	 text-align:center;
}
#iframe
{
color: #f00 !important;
	
}
.indexTable {
	border: none;
	width: 980px;
	padding: 0px;
	background-color: #000;
	margin-top: 2px;
}
.caterTable {
	border: 0px;
	margin: 5px;
	width: 880px;
	text-align: center;
}
.boxHeader {
	color:#a70012; 
	font-weight: bold;
	border-bottom: dashed 1px #a70012;
	margin:2px;
	padding: 2px;
}
.box {
	border: solid 1px #c0c0c0;
	font-size: 14px;
	margin: 10px;
	padding: 10px;
	width: 33%;
	background-color: #f7f7f7;
	text-align: center;
}
.box2 {
	border: solid 1px #c0c0c0;
	font-size: 14px;
	margin: 10px;
	padding: 10px;
	background-color: #f7f7f7;
}
.price{
	text-align: right;
	padding:0px;
}
* html #content div { height: 195px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#content div:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#content div div { background-image: none; padding: 0; min-height: 0; }
* html #content div div { height: 1%; }
.getFlash {
	border: 0px; 
	padding-right: 2px;
	background-color: #000;
}
#content #sub { padding: 0px 0px 0px 20px; }
#content #main { padding: 0px 20px 0px 0px; }

#content #main { width: 466px; float: left; background: url(../img/main_.png) no-repeat 100% 0%; } 
#content #sub { width: 164px; float: right; }

#home #content #sub { 
	padding: 0 20px 0 0; 
	width: 340px; 
	float: left; 
	background: url(../img/sub_.png) no-repeat 100% 0%; 
	}
#home #content #main { 
	padding: 0px 0px 0px 20px; 
	float: right; 
	width: 290px; 
	background-image: none; 
	}
	
#content #sub h2 { font-size: 1.6em; padding-bottom: 10px; margin-bottom: 10px; }	


/*------Footer-----------*/
#footer { 
	padding: 0px 20px 0px 20px; 
	background: #222 url(../img/bg.gif) repeat-x; 
	height: 1%; 
	font-size: 0.9em;
	color: #ccc;
	margin-top: -20px;
	text-align: center;

	}
.footerLinks {
	width: 100%;
	padding-top:5px;
}
.footImg {
	padding: 0px;
	border: none;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}	
.footImg:hover {
	text-decoration: none !important;
	padding: 0px;
	border: 0px;
	background: transparent url(../img/glow.png) no-repeat;
	margin: 0px;
}
#footer:after {
	content: ".";
	clear: both;
	visibility: hidden;
	display: block;
	height: 0px;
	}
/* start NEW Twitter Feed  block */
#twitterhead {	
	background-color: #000; 
	position: relative; 
	width: auto;
	vertical-align:bottom;
	margin: 0px;
	padding: 0px;
	height: 241px;
}
#twitterhead p {
	margin: 0px;
	padding:0px;
}
#twitter_div { 
	font-family: Calibri, 'Segoe UI', Arial, Helvetica, sans-serif;
	width: 283px; 
	height: 200px; 
	overflow: auto;
	border: solid 1px #666;
	background: url(../img/hogTwitter.png) no-repeat top !important;
	background-attachment: fixed;
}
ul#twitter_update_list {
 	font-family: Calibri, 'Segoe UI', Arial, Helvetica, sans-serif;
	list-style: none; 
	color: #ffffff !important;
	font-size: 14px;
	padding: 0px;	
	margin: 0px;	
	padding: 5px 10px 5px 5px;	
}
ul#twitter_update_list li { 
	margin: 10px 0px;
	padding: 10px;
	border-bottom: dotted 1px #666;
	font-family: Calibri, 'Segoe UI', Arial, Helvetica, sans-serif;
}
*:first-child+html ul#twitter_update_list  {
	
	background-color:#2a2a2a;
	background-image: url(../img/hogTwitter.png);
}	
ul#twitter_update_list li a {  
	color: #fff; 
	text-decoration: underline;
	padding: 2px;
}
ul#twitter_update_list li a:hover {  
	text-decoration: none; 
}
/* end NEW Twitter Feed  block */
/* Hours */

a:link img,
img{  
	border-style: none;
	 border: none !important;
	 text-decoration: none;
	 outline: none;
}
.black_overlay{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:10001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
}
.white_content {
			display: none;
			position: absolute;
			top: 40px;
			left: 35%;
			width: 330px;
			height: 180px;
			padding: 10px;
			border: 10px solid #a70012;
			background-color: white;
			z-index:10002;
			overflow: auto;
}
.white_content a:link, .white_content a:visited  {
	color: #a70012;
	font: bold 14px Trebuchet MS, Tahoma, Arial;
}