/*
 ****************
 *  MAIN
 ****************
 */

html,body {
	font: 9pt/13pt arial,verdana,helvetica;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

body {
	width: 998px;
	background: #000000 url(images/pattern.gif) repeat-y top left;
}

a img { border: 0; }

* html body { width: 1010px;}

#wrapper { 
	width: 100%;
	margin: 0 auto;	
}

#header { 
	background-color: #000;
	height: 50px;
}

.menu_header { font-size: 200%; }

#outer { margin: 0; border-left: 218px solid transparent; }
* html #outer { border-left: 218px solid #993300;}

#inner { width: 100%; }

* html #inner { }

#float-wrap { 
	float: left; 
	margin-top: 100px;
	width: 100%;
	margin-left: -180px;
 }
 
 * html float-wrap { }

.break { clear: both;}
.emph { font-style: italic;}
.bold, .strong { font-weight: bold;}

ul {padding-left: 27px;}
li { list-style: none;}

.next_link {padding-top: 50px;}

h1,h2,h3,h4 { text-transform: uppercase; }
* html h2 { line-height: 115% }
.punch { font-size: 105%; font-weight: bold; }
.centered { text-align: center;}
.boxed { padding: 5px; border: 1px solid #CCCC99;}
.red { color: #fe6600; }
.olive { color: #CCCC99;}
.inline-img { display: inline; margin: 0; position: absolute; z-index: 10;}
.neon { top: 55px;}
.left-nav-spacer {margin: 10px 0 10px 0;}
.one-column { margin-left: 15px; }
/*
 ****************
 *  LEFT NAV
 ****************
*/

#left-nav {
	width: 190px;
	text-align: right;
	padding: 4px;
	margin-left: -30px;
	margin-top: 80px;
	float: left;
	min-height: 250px;
	height: 100%;
}

* html #left-nav { height: 250px; position: relative; margin-left: -25px;}

#nav-menu {
	height: 200px;
}

#nav-menu ul {
	list-style: none;
}

#nav-menu li {
	margin-bottom: 10px;
}

#nav-menu a {
	text-decoration: none;
	color: #E6E1D8;
	text-transform: uppercase;
	font-weight: bold;
}

#nav-menu a.current-menu {
	color: #CCCC99;
}

#nav-menu a:hover {
	color: #8B8B73;
}

#hours { 
	color: #E6E1D8;
	position: relative;
	bottom: 2px;
}

#left-nav h4 { font-size: 110%;}

#hours ul  {
	margin: 0;
	padding: 0 4px 0 0;
	list-style: none;
}

#hours ul li {
	margin-bottom: 5px;
}

#hours ul a, #address a {
	color: #FFF;
}

ul#address {
	list-style: none;
}

/*
 ****************
 *  CONTENT
 ****************
 */

* html #content { position: relative; height: 840px;}

#content {
	padding: 0 11px;
	width: 80%;	
	margin-right: -45px;
	float: right;
	color: #E6E1D8;
	border: 2px solid #8B8B73;
	background-color: #333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height:650px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.rectangle, .ongoing_bump {
	background-color: #954c1a;
	color: white;
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 14px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.55);
}

.and_more { 
	background-color: #666;
	color: white;
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 14px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.55);
	padding: 2px;
	width: 80px;
	text-align: center;
	z-index: 10000;
	position: relative;
	top: 40px;
	left: -10px;
	margin: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	
	}

.ongoing_bump { background-color: #29100e; margin: 15px 0; padding: 10px 2px; text-align: center;}
div.index .ongoing_bump { height: 37px;}
div#acoustic_openmic .ongoing_bump  { text-align: left; padding-left: 20px; width: 400px;}


#content .ongoing_bump a {color: #999950; text-transform: uppercase; font-size: 16px; display: block;}

.rectangle {
	position: absolute;
	height: 30px;
	width: 183px;
	padding: 4px;
	left: 700px;
	top: 115px;
	float: left;
	z-index: 1000; /* the stack order: foreground */
	-webkit-transform: rotate(22deg);
	-moz-transform: rotate(22deg);	
}

.triangle-l {
	border-color: transparent #954c1a transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: 700px;
	top: 83px;
	z-index: 900; 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.triangle-r {
	border-color: transparent transparent transparent #954c1a;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: 861px;
	top: 173px;
	z-index: -1; 
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);	
	-moz-box-shadow:inset 0px 0px 14px rgba(0,0,0,0.55);
    -khtml-box-shadow: inset 0px 0px 14px rgba(0,0,0,0.55);
	-webkit-box-shadow:inset 0px 0px 14px rgba(0,0,0,0.55);
}

#content .rectangle a {
	color: white;
}

#content .rectangle h2 {
	font-size: 14px;
	color: white;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	text-align: center;
}

#content .rectangle h3 {
	font-size: 12px;
	color: white;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	text-align: center;
}


.gallery_content { height: 700px; }


* html .indexwrap #content { margin-right: -65px; padding-left: 0; width: 75%;}

* html h2.weekly_header { margin-bottom: 2px;}
 
 * html #weekly_cal {
 	height: 450px;
 }

div.left-inner-content, div.left-content-inner {
	width: 40%;
	float: left;
	margin-left: 15px;
}

div.right-inner-content, div.right-content-inner {
	width: 44%;
	margin-right: 2%;
	float: right;
	clear: right;
}

div.index div.right-content-inner {
	width: 55%;
	margin-right: 2%;
}

#content a, #left-nav a {
color:#8b8b73;
font-weight: bold;
text-decoration:none;
}

div#headlines a {
font-weight: normal;
}

#content h2 { color: #8b8b73;}
#content h2.header { margin-left: 15px;}

#content h3 {color:#999966; text-transform:uppercase; font-size:120%;}
#content h1 { color: #999950; text-transform: uppercase; font-size: 131%;}
h2.show_announce { font-size: 150%; }

#content ul { margin: 0; padding: 0;}

/*
 ****************
 *  TOP NAV
 ****************
 */

#top-nav {
	position: absolute;
	top: 80px;
	left: 190px;
	width: 1000px;
	margin-top: -10px;
}

* html #top-nav {
	width: 998px;
	left: 150px;
}

*+html #top-nav {
  left: 160px;
}

#top-nav ul {
	display: inline;
}

#top-nav ul li {
	display: inline;
	margin-right: 12px;
}

#top-nav ul li a {
	text-decoration: none;
	color: #E6E1D8;
	font-size: 110%;
	line-height: 100%;
	text-transform: uppercase;
	padding-left: 2px;
	padding-right: 2px;
}	

* html #top-nav ul li a {
}

#top-nav ul li a:hover {
	color: #CCCC99;
}

#top-nav ul li a:active {
	color: #8b8b73;
}

#top-nav ul li a.selected {
	color: #8b8b73;
}

/*
 *************
 * RIGHT NAV
 *************
 */

#right-photos {
	padding: 0 10px 0 0;
	width: 187px;
	margin-right: -79px;
	float: right;
	min-height: 250px;
	height: 100%;
	margin-top: 100px;
}


* html #right-photos { height: 250px; position: relative;}

#right-photos #images {

}

#right-photos img {
	display: inline;
	float: right;
	margin: 5px 0 5px 0;
}

/*
 *********
 * FOOTER
 **********
 */

div#footer {
	height: 50px;
}

div#bottom_image {
	color: #000;
}

div#bottom_image img {
}

div#email-signup {
margin-top: 20px;
text-align: left;
}

div#email-signup label {
	font-size: 120%;
	display: block;
	font-weight: bold;
}

#email-signup input#ea {
	font-size:10pt; 
	border:2px solid #CCCC99;
	margin-right: 10px;
	margin-top: 2px;
}

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

#email-signup input.submit {
	background-color: #8b8b73;
	color: #FFF;
	border:0;
	margin-right: 20px;
	padding: 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
	-moz-box-shadow:inset 0px 0px 14px rgba(0,0,0,0.55);
    -khtml-box-shadow: inset 0px 0px 14px rgba(0,0,0,0.55);
	-webkit-box-shadow:inset 0px 0px 14px rgba(0,0,0,0.55);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/*
 **********
 * SLIDER
 **********
 */

			#track1 {
				margin-top:10px;
				float: right;
				width: 15px;
				background-color: #8b8b73;
			}
			
			/* vertical track handle */
			#handle1 {
				width: 15px;
				height: 20px;
				background-color: #FF3300;
				cursor: move;
			}

/*
 ************
 * BOOKING 
 ************
*/ 

ul#press_list, #faq ul {
	list-style: none;
}

ul.promote li {
	list-style: disc;
	margin-bottom: 2px; 
}

/*
 **************
 * DIRECTIONS
 ***************
 */

.map { margin-top: 20px; text-align: center;}

/*
 ***********
 * CONTACT *
 ***********
 */

.contact-content {
	margin-left: 15px;
	width: 90%;
	min-height: 700px;
}

ul#contact-info li {
	margin-bottom: 5px;
}
 
/*
 *********
 * INDEX *
 *********
 */

.facebook_images { text-align: center; width: 360px;}
.facebook_images img { width: 130px; height: 76px; margin-top: 5px; padding: 2px; border: 4px solid #FFF; }
.facebook_images img.left { margin-right: 20px;}
.index-left { padding-top: 20px; line-height: 20px; }

#twitter-box { margin-top: 30px; margin-left: 5px; }
div#headlines {margin-left: 10px; }
div#headlines ul li { margin: 10px; padding: 2px 0 10px 0; border-bottom: 1px solid #CCFFCC; line-height: 110%;}

.menu-price { display: none;}

#content a.selected_link { color: #CCC;}

#acoustic_openmic { font-size: 115%;}

#acoustic_openmic ol > li { list-style: decimal;}

#acoustic_opemic div.ongoing_bump { height: auto;}