@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

html{
overflow:-moz-scrollbars-vertical;}


/*///////// Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*///////// End hide from IE-mac */

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}





/*///////// fonts ///////////*/

BODY {
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	background-color:#400000;
	background: url(images/wallpaper_tile.jpg) repeat;
}


body, p, li, h1, h2, h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:85%;
}

p {
  margin:1.2em 0 1.5em 0px;
}

a {
color:#ffffff;
}

a {
 text-decoration:underlined;
 font-weight:bold;
}

a:hover {
 text-decoration:none;
}

img { border: none; }


h1 {
	padding:0;
	margin:0;
	font-size:0%;
	text-indent:-3000em;}
	
.title{
	width: 800px;
	float:left;
	padding:0;
	margin:0 0 20px 0;}
	
h2{		
	padding:0 0 0 0px;
	margin:1.5em 0 0.5em 0px;
	font-size:110%;	
	text-transform:uppercase;
	}
	
	
h3{	
	padding:0 0 0 0px;
	margin:0em 0 0.2em 0px;
	font-size:105%;	
	color:#660000;
	text-transform:uppercase;
	}
	

h4{	
	padding:0 0 0 0px;
	margin:2em 0 0.5em 0px;
	font-size:100%;	
	color:#d1b75a;
	}
	


/*/////////   main layout  ///////////*/
		


   #big_wrap{
	position:relative;
	margin:0 auto;
	z-index:0;
	width: 960px;
	background: url(images/tile.jpg) repeat-y;
	padding:0;
	}
	
	#wrap{
	position:relative;
	margin:0 auto;
	z-index:0;
	width: 880px;
	padding: 0 0 10px 0;
	}
	
	#flash{
	width: 880px;
	height: 446px;
	background-color:#000000;
	}
	
	#head{
	width: 880px;
	height: 188px;
	background-color: #000000;
	}
	
	#main{
	padding: 20px 0 0 0;
	margin:10px 0 0 0;
	background: url(images/wood_tile_wide.jpg) repeat-y;
	}
	
	.main_wood{
	float:left;
	width:830px;
	padding: 10px 0 20px 50px;
	margin:0;
	background: url(images/wood_tile_wide.jpg) repeat-y;
	}
	
	#main_food{
	padding: 10px 0 20px 20px;
	margin:0;
	background: url(images/wood_tile_wide.jpg) repeat-y;
	}
	
	#left{
	float: left;
	width: 420px;
	padding: 0px 0 0 20px;
	}
	
	#right{
	float: left;
	}
	
	#welcome_frame{
	width: 360px;
	padding:10px 30px 5px 30px;
	background: url(images/welcome_frame_tile.jpg) repeat-y;
	}
	
	#welcome_frame_top{
	width:420px;
	height:19px;
	background: url(images/welcome_frame_top.jpg) no-repeat;}
	
	#welcome_frame_bottom{
	width:420px;
	height:19px;
	margin: 0 0 20px 0;
	background: url(images/welcome_frame_bottom.jpg) no-repeat;}
	
	#opening_frame{
	width: 315px;
	padding:0px 50px 5px 55px;
	background: url(images/opening_frame_tile.jpg) repeat-y;
	}
	
	#opening_frame_top{
	float:left;
	width:420px;
	height:90px;
	background: url(images/opening_frame_top.jpg) no-repeat;
	}
	
	#opening_frame_bottom{
	float:left;
	width:420px;
	height:38px;
	margin: 0 0 20px 0;
	background: url(images/opening_frame_bottom.jpg) no-repeat;
	}
		
	#opening_frame p{
	color:#FFFFFF;
	}
	
	#live_music{
	float:left;
	width: 649px;
	padding:10px 80px 50px 60px;
	background: url(images/live_frame_tile.jpg) repeat-y;
	}
	
	#liveframe_top{
	float:left;
	width: 789px;
	height: 122px;
	background: url(images/live_frame_top.jpg) no-repeat;
	}
	
	#live_music a{
	color:#990000;
	}
	
	#live_music td{
	color:#990000;
	}

	#on_wood{
	width: 800px;
	margin: 0;
	padding: 0px 0px 0 0px;
	}
	
	#on_wood h2{
	color:#ffffff;
	}
	
	#on_wood p{
	color:#ffffff;
	}
	
	#on_wood img{
	padding: 5px 5px 5px 0;
	}
	
	.beer{
	width: 600px;
	margin: 0;
	padding: 0px 0px 0px 200px;
	position:relative;
	min-height:100px;
	}
	
	.beer img{
	position:absolute;
	top: 0;
	left:0;
	padding: 0 0 10px 0;
	}
	
	.beer p{
	color:#ffffff;
	}
	
	.beer h2{
	color:#ffffff;
	}
	
	#accommodation{
	float:left;
	width: 659px;
	padding: 0 60px 30px 70px;
	margin: 0;
	background: url(images/main_frame_tile.jpg) repeat-y;
	}
	
	#accommodation_top{
	width: 789px;
	height: 346px;
	margin: 0;
	background: url(images/accommodation_frame_top.jpg) no-repeat;
	}
	
	.inframe_img{
	float:left;
	padding: 0 20px 0 0;}
	
	#join_locals{
	float:left;
	width: 659px;
	padding: 0 60px 30px 70px;
	margin: 0;
	background: url(images/main_frame_tile.jpg) repeat-y;
	}
	
	#join_locals_top{
	width: 789px;
	height: 347px;
	background: url(images/join_the_locals_frame_top.jpg) no-repeat;
	}
	
	#location{
	padding: 10px 30px 20px 30px;
	margin:0;
	background: url(images/wood_tile_wide.jpg) repeat-y;
	float: left;
	}
	
	#location p{
	color:#ffffff;
	}
	
	#location a{
	color:#ffffff;
	}
	
	#youtube_frame{
	float:left;
	width: 372px;
	height: 229px;
	padding: 10px;
	background: url(images/specials_frame.jpg) no-repeat;
	}
	
	#youtube_frame_location{
	float:left;
	width: 301px;
	height: 252px;
	margin: 0px 10px 0px 0;
	padding: 44px 42px 45px 49px;
	background: url(images/youtube_frame.jpg) no-repeat;
	}
		
	#specials{
	float:left;
	width: 301px;
	height: 252px;
	margin: 0 10px 20px 0;
	padding: 42px 42px 45px 47px;
	background: url(images/youtube_frame.jpg) no-repeat;
	}
	
	.special_image{
		width:263px;
		height:213px;
		padding:20px;
		color:#000000;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:85%;
	}
	
	.special_image h4{
		color:#000000;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:22px;
		padding:0px;
		margin:0px 0px 5px 0px;
		font-weight:normal;
	}
	
	#webcam{
	float:left;
	width: 377px;
	height: 307px;
	padding:32px 0 0 37px;
	margin: 0px 0px 20px 0;
	background: url(images/webcam_frame.jpg) no-repeat;
	}
	
	#contact{
	float:left;
	width: 679px;
	padding: 0 40px 30px 70px;
	margin: 0;
	background: url(images/contact_frame_tile.jpg) repeat-y;
	}
	
	#contact_top{
	width:789px;
	height: 155px;
	background: url(images/contact_frame_top.jpg) no-repeat;
	}
	
	#contact a{
	color:#000000;
	}
	
	.frame_end{
	float:left;
	width:789px;
	height:29px;
	background: url(images/main_frame_bottom.jpg) no-repeat;
	margin: 0 0 10px 0;
	}
	
	#links{
	float:left;
	width: 719px;
	padding: 10px 0 20px 70px;
	margin: 0;
	background: url(images/links_frame_tile.jpg) repeat-y;
	}
	
	#linksframe_top{
	float:left;
	width: 789px;
	height: 87px;
	background: url(images/links_frame_top.jpg) no-repeat;
	}
	
	#links a{	
	color:#000000;
	}
	
	#menu{
	float:left;
	width: 660px;
	padding: 0 100px 10px 83px;
	margin:0;
	background: url(images/menu_frame_tile.jpg) repeat-y;
	}
	
	#menu_top{
	width:843px;
	height:200px;
	background: url(images/menu_frame_top.jpg) no-repeat;
	}
	
	#menu_bottom{
	float:left;
	width:843px;
	height:136px;
	background: url(images/menu_frame_bottom.jpg) no-repeat;
	}
	
	#menu p{
	font-size:95%;	
	color:#ffffff;
	}
	
	#menu h2{
	color:#ffffff;
	}
	
	#footer{
	float: left;
	width: 880px;
	height: 95px;
	background-color: #000000;
	margin: 10px 0 0 0;
	}
	
	#footer p{
	color:#FFFFFF;
	font-size:70%;
	}
	
	#footer_left{
	float:left;
	width: 200px;
	height: 90px;
	padding: 0 0 0 20px;
	margin: 5px 0 0 0px;
	}
	
	#footer_right{
	float:left;
	height: 50px;
	margin: 25px 0 0 0px;
	}
	
	input {
	width: 169px;
	border: 1px solid #000000;
	color: #000000;
	padding:2px;
	margin:0px;	
	}
	
	textarea{
	width: 300px;
	height: 100px;
	border: 1px solid #000000;
	color: #000000;
	padding:2px;
	margin:0px;
	background: #ffffa0;
	}
		
.live_date {
	color: #660000;
	padding:0 0 0 0px;
	margin:0em 0 0.2em 0px;
	font-size:105%;
	font-weight:bold;
	text-transform:uppercase;
}

.live_list {
	color: #000000;
	padding:0 0 0.3em 0px;
	margin:0em 0 0.3em 0px;
	font-size:100%;
	border-bottom: dashed #333333 1px;
}
th.month{
	font-size:10px;
}
td.calendar{
	background-color:#FFFFFF;
	font-size:10px;
	height:18px;
}
td.calendar_on{
	background-color:#59779F;
	color:#FFFFFF;
	font-size:10px;
}
.available{
	float:left;
	width:200px;
	padding-right:10px;
}
.error{
	color:red;
	font-weight:bold;
}