@charset "utf-8";
/* CSS Document */ 

body {
	width: auto;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-color: #999;
	background-image: url(http://www.levelcolumbus.com/images/bgpattern.jpg);
	background-repeat: repeat;
	background-attachment:fixed;
	font-size: 1em;
	color: #FFF;
	text-align: center;
	font-family: "Lucida Grande", tahoma, Arial, Helvetica, sans-serif;
}


a { color: #93D1FF; text-decoration: none; }
a:visited { color: #93D1FF; text-decoration: none; }
a:hover { color: #fff;/* text-decoration: underline;*/}	
a:active { color: #93D1FF;/* text-decoration: underline;*/}	
a img { border: none; }

#tunestation {
	position: fixed;
	width: 131px;
	height: 90px;
	top: 178px;
	left: 0px;
	background-image: url(http://www.levelcolumbus.com/images/trans.png);
}

#header2 {
	width: 100%;
	height: 178px;
	background-image: url(http://www.levelcolumbus.com/images/trans.png);
}

#main_logo {
	margin: 0 auto;
	position: relative;
	width: 810px;
	height: 150px; /*img height: 132px*/
	background-image: url(http://www.levelcolumbus.com/images/main_logo.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align:left;
}

#sub_header {
	margin: 0 auto;
	position: relative;
	width: 800px;
	height: 48px;
	background-image: url(http://www.levelcolumbus.com/images/sub_header.png);
	background-repeat: no-repeat;
}

#link_container {
	margin: 0 auto;
	position: relative;
	width: 750px;
}

#link1, #link2, #link3, #link4, #link5, #link6, #link7, #link8, #link9 {
	float: left;
	margin: -8px 15px 0 0;
}

#foodtext {
		margin: 20px auto 20px auto;
		padding-top: 20px;
		position: relative;
		width: 800px;
		height: 59px;
		background-image: url(http://www.levelcolumbus.com/images/foodtext.png);
		background-repeat: no-repeat;
		background-position: 50% 100%;
		border-top: 1px dashed #444;
}


#blurbtext {
		margin: 20px auto 20px auto;
		padding: 20px 0 20px 0;
		position: relative;
		width: 800px;
		height: 59px;
		border-top: 1px dashed #444;
		border-bottom: 1px dashed #444;
}

#img_box {
	margin: 0 auto;
	position: relative;
	width: 800px;
	height: 439px;
	background-image: url(http://www.levelcolumbus.com/images/img_box_bg.png);
}

#content_box{
	width: 800px;
	height: auto;
	min-height:250px;
	margin: 0 auto;
	position: relative;
}
#content_title {
	width: 800px;
	height: 30px;
	border-top: 1px dashed #444;
	margin: 15px auto 0 auto;
	padding: 10px 0 0 0;
	position: relative;
}

#events_title {
	width: 800px;
	height: 30px;
	border-top: 1px dashed #444;
	margin: 0 auto 15px auto;
	padding: 10px 0 0 0;
	position: relative;
}

#food_box {
	width: 381px;
	height: 169px;
	float: left;
	background-image: url(http://www.levelcolumbus.com/images/box_sm_bg.png);
}


#drink_box {
	width: 381px;
	height: 169px;
	float: right;
	background-image: url(http://www.levelcolumbus.com/images/box_sm_bg.png);
}


.float_left {
	float: left;
	margin: 10px 0 0 10px;
}


.floatleft {
	float: left;
	margin: 0 0 0 0;
}

.float_right {
	float: right;
	margin: 0 0 0 0;
}


#twitter_div {
        float: left;
        clear: right;
        width: 700px;
        height: auto;
		text-align: left;
		padding: 6px 0 0 30px;
}

#twitter_update_list li {
font-size: .95em;
line-height:1.1em;
margin-bottom: 4px;
list-style-image: url();
}
#twitter_update_list li a{
text-decoration: none;
color: #555;
}
#twitter_update_list li a:hover, active{
text-decoration: none;
color: #fff;
}


#events {
background-image: url(http://www.levelcolumbus.com/images/events_bg.png);
width: 800px;
height: 276px;
margin: 0 auto 30px auto;
position: relative;
}
#events2 {
background-image: url(http://www.levelcolumbus.com/images/events_bg.png);
width: 800px;
height: 276px;
margin: 0 auto 30px auto;
position: relative;
font-size: .9em;
}



#events_monday {
	height: 256px;
	width: 100px;
	border-left: 1px dashed #444;
	border-right: 1px dashed #444;
	margin-left: 32px;
	margin-right: 5px;
	margin-top: 10px;
	float: left; 
	text-align: left;
}

#events_tuesday, #events_wednesday, #events_thursday, #events_friday, #events_saturday {
	height: 256px;
	width: 100px;
	margin-right: 5px;
	margin-top: 10px;
	border-right: 1px dashed #444;
	float: left;
	text-align: left;
}

#events_sunday {
	height: 256px;
	width: 100px;
	margin-right: 5px;
	margin-top: 10px;
	border-right: 1px dashed #444;
	float: left;
	text-align: left;
}



#footer {
	width: 100%;
	height: 178px;
	background-image: url(http://www.levelcolumbus.com/images/trans.png);
	float: left;
	clear: both;
}


#sub_footer {
	margin: 0 auto 0 auto;
	position: relative;
	width: 800px;
	height: 48px;
	background-image: url(http://www.levelcolumbus.com/images/sub_footer.png);
	background-repeat: no-repeat;
	font-size: .8em;
	color: #555;
	border-bottom: 1px dashed #333;
	text-align: center;
	clear: left;
}


#footer_list {
	width: 80%;
	height: auto;
	margin: 0 auto;
	poaition: relative;
	padding-top: 15px; 
} 

#sub_footer li { 
float:left;
padding: 0 15px 0 15px;
border-left: 1px dotted #555;
border-right: 1px dotted #555; 
display:inline
} 


#footer_list a{ color: #669933; text-decoration: underline; } 
#footer_list a:visited{ color: #669933; text-decoration: underline; } 
#footer_list li a:hover{ color: #99cc33; text-decoration: underline; } 
#footer_list li a:active{ color: #99cc33; text-decoration: underline; } 



#footer p{
	font-size: .8em;
	padding-top: 15px;
}


/*******************************PRIMARY DIVS**********************************/

#container {
margin: 0 auto;
position: relative;
width: 800px;
}

#content_top {
margin: 0 auto 0 auto;
position: relative;
width: 800px;
height: 66px;
background-image: url(http://www.levelcolumbus.com/images/content_top.png);
background-repeat: no-repeat;
float: left;
clear:left;
}
#content {
margin: 0 auto;
position: relative;
background-image: url(http://www.levelcolumbus.com/images/trans.png);
width: 800px;
float: left;
clear:left;
}
#content_bottom {
margin: 0 auto 15px auto;
position: relative;
width: 800px;
height: 66px;
background-image: url(http://www.levelcolumbus.com/images/content_bottom.png);
background-repeat: no-repeat;
float: left;
clear:left;
}






#content_gallery {
margin: 0 auto;
position: relative;
background-image: url(http://www.levelcolumbus.com/images/trans.png);
width: 800px;
float: left;
}



#drinkbox {
	width: 780px;
	height: 220px;
	margin: 20px auto 20px auto;
	position: relative;
	border-bottom: 3px solid #99CC33;
	border-top: 3px solid #99CC33;
}


#drinkbox p{
	padding: 40px 30px 0 0;
	width: 400px;
	font-size: 1em;
	color: #999;	
	float: right;
	text-align: left;
}


#drinkbox_sm {
	width: 780px;
	height: 50px;
	margin: 20px auto 20px auto;
	position: relative;
	border-bottom: 1px solid #334d1a;
	border-top: 1px solid #334d1a;
}


#drinkbox_sm p{
	padding-top: 10px;
	width: 600px;
	font-size: .85em;
	color: #999;	
	float: right;
}
	
	
#connect_icon {
	float: left;
	margin: 10px 10px 20px 10px;
}

#connect_icon_container {
	margin-top: -50px;
	padding-left: 50px;
	font-size: .9em;
}

#mood_header_text{
	margin: 10px 0 10px 0;
}


#mood_header_text p{
	float: left;
	font-size: .9em;
	margin-left: 115px;
}


#app_box {
	width: 642px;
	height: 416px;
	position: relative;
	margin: -40px auto 0 auto
}


#contact {
	position: relative;
	margin: 0 auto 0 auto;
	width: 500px;
	min-height: 500px;	
}

/************************************H****************************************/



h1 {
	font-size: 1.5em;
	
}

h2 {
	font-size:1em;
	float:left;	
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #444;
}

h3 {

	
}
h4 {
	font-size: .8em;
	color: #555;

}

/*******************************************CLASSES***********************************************/

.best_viewed {
	color: #CCC;
	font-size: .65em;
}

.home_address {
	margin: 0 auto 0 auto;
	position: relative;
	width: 800px;
	text-align: left;
	color: #CCC;
	font-size: .8em;
	padding: 3px 0 0 0;
}


.center {text-align:center; }

.twittericon {
	position: absolute;
	top: 290px;
	left: -50px;
}


.mood_image {
	margin: 5px 0 5px 0;
}




.drink_thumb {
	float: left;
	margin: 10px 0 0 10px;
}



.drink_name {
	float: left;
	margin: 10px 0 0 10px;
	font-size:1em;
	padding-bottom: 5px;
	border-bottom: 1px dotted #444;
}


.day {
	position: relative;
	margin: 10px auto 5px auto;
	font-size:1em;
	padding-bottom: 5px;
	border-bottom: 1px dotted #444;
	font-weight: bold;
	text-align: center;
}

.special {
	font-size: .8em;
	float: left;
	clear: left;
}

#events_viewmore {
	float: left;
	margin: 14px 0 0 5px;
	font-size: .8em;
	
}
#events_viewmore a{ color: #669933; text-decoration: none; } 
#events_viewmore a:visited{ color: #669933; text-decoration: none; } 
#events_viewmore a:hover{ color: #99cc33; text-decoration: none; } 
#events_viewmore a:active{ color: #99cc33; text-decoration: none; } 


.back_home {
	margin: 15px 0 0 0;
}

.mood_address {
	font-size:.8em;
	color: #ccc;
}

.app_float {
	float: left;
	margin-right: 10px;
}

.gallery_title {
	width: 700px;
	height: 40px;
	margin: -40px auto 15px; auto;
	position: relative;
	font-size: 1.25em;
	border-bottom: 1px dashed #444;
}

.gallery_prev {
	font-size: .6em;
	float: left;
}

.gallery_next {
	font-size: .6em;
	float: right;
}


/******************************************ICON ROLLOVERS*****************************************/

.displace {
	position: absolute;
	left: -5000px;
	}




a.icon_mood_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_mood.png");
	}

a.icon_mood_rollover:hover {
	background-position: -68px 0;
	}
	
	
	
	
	
a.icon_food_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_food.png");
	}

a.icon_food_rollover:hover {
	background-position: -68px 0;
	}


a.icon_connect_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_connect.png");
	}

a.icon_connect_rollover:hover {
	background-position: -68px 0;
	}
	
	

a.icon_drinks_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_drinks.png");
	}

a.icon_drinks_rollover:hover {
	background-position: -68px 0;
	}
	
	
	
a.icon_team_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_team.png");
	}

a.icon_team_rollover:hover {
	background-position: -68px 0;
	}
	
a.icon_contact_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_contact.png");
	}

a.icon_contact_rollover:hover {
	background-position: -68px 0;
	}


a.icon_gallery_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_gallery.png");
	}

a.icon_gallery_rollover:hover {
	background-position: -68px 0;
	}
	
a.icon_events_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_events.png");
	}

a.icon_events_rollover:hover {
	background-position: -68px 0;
	}
	
a.icon_home_rollover {
	display: block;
	width: 68px;
	height: 75px;
	text-decoration: none;
	background: url("http://www.levelcolumbus.com/images/icon_home.png");
	}

a.icon_home_rollover:hover {
	background-position: -68px 0;
	}


a.icon_twitter_rollover {
	display: block;
	width: 200px;
	height: 210px;
	text-decoration: none;
	background: url("http://levelcolumbus.com/images/icon_twitter.png");
	}

a.icon_twitter_rollover:hover {
	background-position: -200px 0;
	}
	
	
a.icon_facebook_rollover {
	display: block;
	width: 200px;
	height: 210px;
	text-decoration: none;
	background: url("http://levelcolumbus.com/images/icon_facebook.png");
	}

a.icon_facebook_rollover:hover {
	background-position: -200px 0;
	}
	
	
	

a.icon_linkedin_rollover {
	display: block;
	width: 200px;
	height: 210px;
	text-decoration: none;
	background: url("http://levelcolumbus.com/images/icon_linkedin.png");
	}

a.icon_linkedin_rollover:hover {
	background-position: -200px 0;
	}


a.icon_myspace_rollover {
	display: block;
	width: 200px;
	height: 210px;
	text-decoration: none;
	background: url("http://levelcolumbus.com/images/icon_myspace.png");
	}

a.icon_myspace_rollover:hover {
	background-position: -200px 0;
	}
	


a.icon_gmail_rollover {
	display: block;
	width: 200px;
	height: 210px;
	text-decoration: none;
	background: url("http://levelcolumbus.com/images/icon_gmail.png");
	}

a.icon_gmail_rollover:hover {
	background-position: -200px 0;
	}
	


a.icon_rss_rollover {
	display: block;
	width: 200px;
	height: 210px;
	text-decoration: none;
	background: url("http://levelcolumbus.com/images/icon_rss.png");
	}

a.icon_rss_rollover:hover {
	background-position: -200px 0;
	}
	


/********************************************SLIDING BOXES***********************************************/

		
			*{ padding:0px; margin:0px; }
			h3{ margin: 0px 0px 0 0px; color:#FFF; font-size:1.6em; letter-spacing:-1px; font-weight: bold;  }
		
			.boxgrid{ 
				width: 380px; /*def: 325px */
				height: 169px; 
				margin:10px; 
				float:left; 
				/*background:#161613;*/ 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .75; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 140px;
 					left: 0;
 				}
				
/*********************************************FOOD******************************************************/

#food_item {
	width: 240px;
	height: 140px;
	float:left;
	padding: 10px;
	
}

#food_item p {
	text-align:left;
	float:left;
	clear:left;
	margin-bottom:5px;
	font-size: .85em;
}

.food_price {
	float:right;
	font-size: .8em;
	color: #666;
	padding: 3px 20px 0 0;
}

.food_asterisk {
	color: #99cc33;
}

.foodimg1, .moodimg1 {
	margin-top: -50px;
}

#h1box {
	float: left;
	clear: both;
	display: block;
	width: 800px;
	border-top: 1px dashed #444;
	border-bottom: 1px dashed #444;
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
}

#drinks_text_box {
	width: 800px;
	height: 53px;
	border-top: 1px dashed #444;
	border-bottom: 1px dashed #444;
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
}

#foodbox {
	width: 800px;
	float: left;
	clear: both;
	position: relative;
	margin: 0 auto 0 auto;
}






/**************JPLAYER**************/




/*
#player_container {
	position: relative;
	background-color:#eee;
	width:418px;
	height:100px;
	border:1px solid #009be3;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:40px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("http://levelcolumbus.com/images/spirites.jpg") 0 0 no-repeat;
}
#player_play.different_prefix_example_hover {
	background: url("http://levelcolumbus.com/images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("http://levelcolumbus.com/images/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.different_prefix_example_hover {
	background: url("http://levelcolumbus.com/images/spirites.jpg") -41px -42px no-repeat;
}
#player_stop {
	position: absolute;
	left:90px;
	top:26px;
	background: url("http://levelcolumbus.com/images/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.different_prefix_example_hover {
	background: url("http://levelcolumbus.com/images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
	position: absolute;
	left:130px;
	top:32px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar {
	background: url("http://levelcolumbus.com/images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
	background: url("http://levelcolumbus.com/images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("http://levelcolumbus.com/images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min {
	position: absolute;
	left:274px;
	top:32px;
	background: url("http://levelcolumbus.com/images/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:346px;
	top:32px;
	background: url("http://levelcolumbus.com/images/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.different_prefix_example_hover {
	background: url("http://levelcolumbus.com/images/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max.different_prefix_example_hover {
	background: url("http://levelcolumbus.com/images/spirites.jpg") -19px -186px no-repeat;
}

#player_volume_bar {
	position: absolute;
	left:292px;
	top:37px;
	background: url("http://levelcolumbus.com/images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("http://levelcolumbus.com/images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#player_playlist_message {
	position: absolute;
	left:0;
	bottom:0;
	width:338px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;
}

#song_title {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}

#play_time,
#total_time {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}

#play_time {
	float:left;
}

#total_time {
	float:right;
	text-align: right;
}

.miaow {
	font-size:.8em;
	color:#999;
}

.miaow a:link, a:visited, a:hover, a:focus, a:active {
	color:#009be3;