@charset "utf-8";

@font-face {
	font-family: 'WCManoNegraBtaRegular';
	src: url('fonts/WCManoNegraBta.eot');
	src: local('WC Mano Negra Bta Regular'), local('fonts/WCManoNegraBta'), url('fonts/WCManoNegraBta.woff') format('woff'), url('fonts/WCManoNegraBta.ttf') format('truetype');
}



body {
	font-family: Arial, Helvetica, sans-serif;
		background-image: url(images2/background.jpg);
	background-color: #0D0502;
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #b28574;
}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left;
	overflow: hidden;
 /* this overrides the text-align: center on the body element. */
}

a {
text-decoration: none;
color: #FFFFFF;
}

a img {
border: 0;
}







#header {
	background-image: url('images2/mustang_harrys_3.png'); 
	padding: 140px 0px 5px 0px;
	margin: 5px 0px auto;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
}

#header .name {
height: 136px;
float: left;
}

#header .name img {
z-index:0;
}

#header .left {
	font-size: 11px;
	font-weight: bold;
	color: #e96f25;
	float: left;
	width: 500px;
	text-shadow:#330000 0px 1px 0px;
	}
	
#header .right {
text-align: right;
color: #fff;
font-size: 11px;
font-weight: normal;
float: right;
width: 400px;
display: inline;
text-shadow:#330000 0px 1px 0px;
}

#header .right .contact .address .map
{float: left;
display: inline;
margin-top:5px;
text-decoration: underline;}

#header .right .contact .address .map:hover
{cursor:pointer}


#nav {
background-image: url(images2/menu_bar/menu_background.png); 
background-repeat:repeat-x; 
height: 40px; 
width: 910px; 
padding: 0px; 
margin-top: 20px;}

.nav_item { 
float: left; 
height: 28px; 
padding: 12px 18px 0px; 
border-right: 1px solid #4d342d; 
margin: 0px;
}

.nav_item_dropdown { 
float: left; 
height: 28px; 
padding: 12px 18px 0px; 
border-right: 1px solid #4d342d; 
margin: 0px;
}

.dropdown { 
	display: none;
    background-color: #0D0502;
	border: 1px solid #FFFFFF;
    font-size:16px; 
	font-family: Georgia, "Times New Roman", Times, serif;
    width:160px; 
    padding:25px; 
    color:#fff;
	z-index:20000;
}

.dropdown a {
	display: block;
	padding: 0px;
}

.dropdown a.subitem {
	font-size: 14px;
	padding-left: 10px;
}

div.contentWrap { 
    height:480px;
	width: 640px; 
    overflow-y:auto; 
}




.overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
        
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.overlay .close { 
    background-image:url(images2/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


#mainContent {
	padding: 20px 20px; 
	background-repeat: repeat-x;
	background-position:top;
	color: #DFAE82;
	background-color: #0D0502;	
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	overflow: auto;
}

#mainContent h1{
font-family: 'WCManoNegraBtaRegular';
font-size: 40px;
padding:0px;
margin:0px;
color: #FF6633;
}

#mainContent h2{
font-family: 'WCManoNegraBtaRegular';
font-size: 20px;
padding:0px;
}

#mainContent div.menu {
width: 100%;
overflow: auto;	
margin-bottom: 50px;
}

#mainContent div.beer_menu {
width: 100%;
overflow: auto;	
margin-bottom: 20px;
}

#mainContent div.left_column {
padding-left: 15px;
width: 400px;
float: left;
}

#mainContent div.right_column {
padding-left: 15px;
width: 400px;
float: right;
}

strong {
color: #FF6633;
}

.center {
text-align: center;
}


div.menu_section {
font-family: 'WCManoNegraBtaRegular';
font-size: 25px;
margin-bottom:15px;
color: #DFAE82;
border-bottom: 1px solid #990000;
border-top: 1px solid #990000;
padding: 5px;
background-color: #1a0604;
}

div.menu_section .price {
font-size: 15px;
}

div.menu_item {
display: block;
padding-bottom: 15px;
overflow: auto;
}

div.beer {
display: block;
padding-bottom: 5px;
overflow: auto;
}

div.beer .name {
text-transform: lowercase;
font-size: 17px;
width: auto;
float: left;
color: #FF6633;
}

div.menu_item .item {
text-transform: lowercase;
font-size: 17px;
color: #FF6633;
width: auto;
float: left;
}

div.menu_item .event {
text-transform: lowercase;
font-size: 17px;
color: #FF6633;
width: auto;
float: left;
}

div.menu_item .venue {
text-transform: lowercase;
font-size: 16px;
float: left;
color: #DFAE82;
margin-bottom: 10px;
}

div.menu_item .date {
text-transform: lowercase;
font-size: 12px;
font-style:italic;
display: block;
width: 300px;
color: #DFAE82;
clear: left;
}


div.menu_item .party_item {
text-transform: lowercase;
font-size: 17px;
color: #FF6633;
width: auto;
text-align: center;
}



div.menu_item .price {
text-transform: lowercase;
font-size: 16px;
float: right;
color: #DFAE82;
}

div.menu_item .description {
text-transform: lowercase;
font-size: 12px;
font-style:italic;
display: block;
width: 300px;
color: #DFAE82;
clear: left;
}

div.menu_item .party_description {
text-transform: lowercase;
font-size: 12px;
font-style:italic;
display: block;
width: auto;
color: #DFAE82;
text-align: center;
}

.note {
text-transform: lowercase;
width: 100%;
font-size: 14px;
font-style:italic;
display: block;
color: #ffffff;
padding-top: 10px;
text-align: center;
clear: both;
color: #DFAE82;
}

.legend {
color: #FFFFFF;
margin-bottom: 15px;
text-align: right;
}

.legend .box {
height: 15px;
width: 40px;
margin-left: 15px;
padding: 5px;
display: inline;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#blue {
background-color: #668cb3;
}

#orange {
background-color: #f2a640;
}





/*SCROLLABLE HEADLINES */
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    height:30px; 
	background-color: #1a0604;
	border-top: 1px solid #000000;
	border-bottom: 1px solid  #220604;

} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding: 8px 20px;
} 
 
div.scrollable div.items div a{ 
	color:#e96f25;

} 
 





/*SLIDESHOW*/

.images {
	background:#fff url(/img/global/gradient/h300.png) repeat-x;
	border:1px solid #666;
	position:relative;	
	height:400px;
	
	width:550px;
	float:left;	
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}

#slideshow {
    position:relative;
    height:400px;
	width: 550px;
	float: left;
	z-index:0;
	border: 1px solid #663333;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
















/*TWITTER */
.twitter_container {
background-color: #220E0B; 
margin-left: 570px;
}

.twitter_box {
width: 170px;
height: 400px;
}


.title {
float: left; 
width: 170px; 
margin: 10px; 
color: #FFFFFF; 
font-size: 14px; 
font-family: Georgia, 'Times New Roman', Times, serif;
text-transform:uppercase;
}








.link {
float: right; 
width:75px; 
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
margin: 5px 0px 0px 0px;
}



#links {
height: 60px;
padding-top: 20px;
width: 100%;
border-bottom: 1px solid white;
border-top: 1px solid white;
background-color: #1a0604;
font-family:"Times New Roman", Times, serif;
}

#links .box {
	float: left; 
	height: 50px;
	padding: 0px 30px 0px 30px;
	display: block;
}

#links .box a {
	margin: 0px; 
	padding: 0px;
	font-size: 14px;
	color: #CC6600;
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight: normal;
}

#links .box a:hover{
	color: #FF9900;
	text-decoration: none;
}

#links .box .white {
	margin: 0px; 
	padding: 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	display: block;}
	
	
	
	
	
	
	
	
	
	
	
#footer {
	padding-top: 10px; 
	background: none;
	height: 25px;
	
}

#footer .hours {
	text-align: right; 
	font-size: 11px;
	color: #fff;
	width: 450px;
	float: right;
	}
	
#footer .subways {
	text-align: left;
	width: 400px;
	float: left;
	display:inline;
	}
	
#footer .subways img{
margin-right: 5px;
}