/*
Theme Name: BlueMonk
Theme URI: http://jongerla.ch
Description: Intermediate layout for Blue Monk in Buffalo, NY http://bluemonkbuffalo.com/
Version: 1.1
Author: Jon Gerlach
Author URI: http://jongerla.ch/
Tags: Blue, Monk, Beer, Belgian, Restaurant, Awesome
*/

*, html, body{
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
}

td {}


body{
	background:#09181c;
	background:url(../images/site_background.jpg);
	background-attachment:fixed;
	color:white;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
	font-weight:normal;
}

#container{
	display:block;
	position:relative;
	width:1025px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
}

li {margin-left: -20px;}

li a {
    
    display:block;
    height:20px;
    width:100px;
	padding-left: 30px;
	padding-top: 10px;
	margin-left: -30px;
	text-decoration:none;
	
}

li a:hover {
    background: url(/images/mouseover.png) no-repeat 0 -5px; 
}

#rollOver {display:block; width:180px; height:130px; text-indent:-999em; }

#rollOver:hover {background:url("/images/mouseover.png");
                 margin-top: -200px;
}

#navigation{
	display:block;
	position:fixed;
	width:150px;
	height:auto;
	margin:20px 0 0 0;
}

#navigation ul{
	display:block;
	width:auto;
	height:auto;
	margin-left: 20px;
	padding:0;
	background:none;
	margin-top: -25px;
	
}


.mouseover {background-image:url(/images/mouseover.png);}


.nav{
	cursor:pointer;
}

#navigation li{
	display:block;
	width:auto;
	height:20px;
	margin-left:10px;
	padding:0px;
	background:none;
	line-height: 10px;
	
}


#navigation li:hover{
	display:block;
	width:300px;
	height:20px;
	margin-right: 30px;
	padding:0px;
	background:none;
	line-height: 10px;
	
	background-repeat:no-repeat;
	background-size:40px;
	
	

	
}





#navigation h1{
	position:relative;
	top:-9999px;
	left:-9999px;
	text-indent:-9999px;
	line-height:300px;
}

#navigation #navHome{
	width:150px;
	height:277px;
	background:url(../images/nav_logo.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigation #navEst{
	width:150px;
	height:61px;
	background:url(../images/nav_est2010.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigation #navTheTaps{
	width:150px;
	height:26px;
	background:url(../images/nav_theTaps_all.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigation #navTheTaps.navOver{ background-position:0 -26px; }
#navigation #navTheTaps.navActive{ background-position:0 -52px; }

#navigation #navTheBottles{
	width:150px;
	height:37px;
	background:url(../images/nav_theBottles_all.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigation #navTheBottles.navOver{ background-position:0 -37px; }
#navigation #navTheBottles.navActive{ background-position:0 -74px; }

#navigation #navTheFood{
	width:150px;
	height:33px;
	background:url(../images/nav_theFood_all.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigation #navTheFood.navOver{ background-position:0 -33px; }
#navigation #navTheFood.navActive{ background-position:0 -66px; }

#navigation #navMapHours{
	width:150px;
	height:31px;
	background:url(../images/nav_mapHours_all.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigation #navMapHours.navOver{ background-position:0 -31px; }
#navigation #navMapHours.navActive{ background-position:0 -62px; }


#navigation p{
	display:block;
	position:relative;
	z-index:2;
	color:#4c86a6;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	line-height:20px;
	margin:10px 0 0 0;
	
}

#content{
	display:block;
	position:relative;
	width:550px;
	height:auto;
	margin:50px 0 0 0;
	margin-left: 200px;
}

.section{
	margin:0 0 100px 0;
}

h1{
	color:#d1c28c;
	font-size:32px;
	line-height:45px;
	text-transform:none;
	font-weight:normal;
	margin: 0 0 25px 0;
}

h2{
	color:#c38000;
	margin:35px 0 15px 28px;
	font-size:20px;
	font-weight:bold;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
	padding-left: 3px;
	letter-spacing: -1px;
	width:229px;
	text-transform: uppercase;
	
}

h3{
	margin:0 0 3px 0;
	color:#fcfaec;
	font-weight:normal;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
}

p{
	color:#fbf9ed;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin: 0 0 16px;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
}

ul#untapped{
	color:#CCCC33;
}

ul#tapped{
	color:#00CC33;
}

ul#kicked{
	color:#CC3300;
}

li{
	color:#67614f;
	margin:0 0 16px 0;
}

span.desc{
	color:#67614f;
}

.hrImage{
	width:200px;
	height:38px;
	margin:0 0 -15px 0;
	background:url(../images/nav_hr_bottom.png);
}

img.Active{
	position:relative;
	top:-42px;
}

#footer{
	display:block;
	position:relative;
	width:650px;
	height:auto;
	margin:0px auto 0 220px;
	padding:0;
	float:left;
	text-align:center;
}

#footer p{
	color:#007DC3;
	font-size:14px;
}

.icon{
	margin: 0 10px 0 0;
	vertical-align:bottom;
}

a:link{ color:#007DC3; font-family:"p22-franklin-caslon-1","p22-franklin-caslon-2",serif; text-transform:capitalize; }
a:visited{ color:#007DC3; font-family:"p22-franklin-caslon-1","p22-franklin-caslon-2",serif; text-transform:capitalize; }
a:active{ color:#007DC3; font-family:"p22-franklin-caslon-1","p22-franklin-caslon-2",serif; text-transform:capitalize;}
a:hover{ color:#00AEDB; }


#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {

}



.nav li:hover a:before, .nav li:hover a:after {
content:url(/images/mouseover.png);
margin:0 5px;/* horizontal margin*/
position:relative;
top:2px;/* or what ever you need */
}








.HomeImage{
	margin:0 0 30px 0;
}


/* THE TAPS */

.beerSubnav{
	display:block;
	width:550px;
	height:42px;
	text-align:center;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#002b43;
}

.beerSubnav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.beerSubnav ul li{
	position:relative;
	display:inline-block;
	margin:0 10px;
	padding:0;
	color:#0f7ec2;
	font-style:normal;
	text-indent:-9999px;
	text-transform:uppercase;
	background:none;
}

.beerSubnav li.bSubPast{ 
	width:143px; 
	height:42px; 
	overflow:hidden;
	background:url(../images/subnav_beer_past.jpg); 
	background-repeat:no-repeat;
	background-position:center top;
}

.beerSubnav li.bSubPresent{ 
	width:158px; 
	height:42px; 
	overflow:hidden;
	background:url(../images/subnav_beer_present.jpg); 
	background-repeat:no-repeat; 
	background-position:center top;
}

.beerSubnav li.bSubFuture{ 
	width:130px; 
	height:42px; 
	overflow:hidden;
	background:url(../images/subnav_beer_future.jpg); 
	background-repeat:no-repeat; 
	background-position:center top;
}

.beerSubnav#beerSubnavTop{
	margin:45px 0 0 0;
}

.beerSubnavButton{
	position:relative;
	cursor:pointer;
}

ul{
	width:250px;
	padding:0;
	margin:5px 0;
}

li{
	width:150px;
	padding: 7px 30px 0px 27px;
	margin:10px 0;
	line-height: 20px;
	margin-left: 5px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 16px;
}

.SubnavOver{
	width:490px;
	padding: 10px 30px 0px 30px;
	margin:1px 0;
	background:none;
}

li table{
	width:100%;
}

li table td.left{
	text-align:left;
}

li table td.left h3{
	color:#fcfaec;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	margin:0;
	padding:0;
}

li table td.left p{
	color:#67614f;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}

li table td.right {
	color:#004369;
	text-align:right;
	margin:0 0 0 30px;
}

li table td.right p{
	color:#004369;
	text-align:right;
}

li table td.right p.State{
	color:#004369;
	text-align:right;
	margin:0;
}



/* THE BOTTLES */

.bottleSubnav{
	display:block;
	width:550px;
	height:42px;
	text-align:center;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#002b43;
}

.bottleSubnav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.bottleSubnav ul li{
	position:relative;
	display:inline-block;
	margin:0 10px;
	padding:0;
	color:#0f7ec2;
	font-style:normal;
	text-indent:-9999px;
	text-transform:uppercase;
	background:none;
}

.bottleSubnav li.buttonBelgian{ 
	width:184px; 
	height:42px; 
	overflow:hidden;
	background:url(../images/subnav_bottles_belgianStyle.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.bottleSubnav li.buttonDomestic{ 
	width:92px; 
	height:42px; 
	overflow:hidden;
	background:url(../images/subnav_bottles_allOthers.jpg); 
	background-repeat:no-repeat; 
	background-position:center top;
}

.bottleSubnav#bottleSubnavTop{
	margin:45px 0 0 0;
}

.bottleSubnavButton{
	position:relative;
	cursor:pointer;
}

li.aBottle{
	width:490px;
	padding: 10px 30px 16px 30px;
	margin:1px 0;
	background:#001018;
}

li.BottleOver{
	background:none;
}

li.aBottle h2{
	margin:0;
	padding:0;
}

li.aBottle h3{
	color:#fcfaec;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	margin:0;
	padding:0;
}

li.aBottle p{
	color:#67614f;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* THE FOOD */

#theMenu{
	display:block;
	position:relative;
	width:550px;
	height:auto;
	float:right;
}

.menuSection{
	position:relative;
	display:block;
	height:auto;
	width:245px;
	float:left;
	margin:30px 305px 30px 0;
}

.menuSection h2{
	width:245px;
	font-size:24px;
	margin:0;
	padding:0;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
}

.menuSection p{
	width:245px;
	color:#fcfaec;
	font-size:14px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:0;
}

.menuItem{
	position:relative;
	display:block;
	width:245px;
	height:auto;
	float:left;
	margin:0 30px 30px 0;
	
}

.menuItem h3{
	color:#fcfaec;
	font-size:24px;
	line-height:34px;
	margin:0 0 3px 0;
	color:#fcfaec;
	font-weight:normal;
	font-style:normal;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
}

.menuItem p{
	color:#67614f;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}



/* MAP AND HOURS */

#gMap{
	/*padding:30px;*/
	background:#001018;
	margin: 0 0 30px 0;
	border: 30px solid #001018;
}

h1#noBlueLinks a:link{ color:#d1c28c; text-decoration:none; }
h1#noBlueLinks a:visited{ color:#d1c28c; text-decoration:none; }
h1#noBlueLinks a:active{ color:#d1c28c; text-decoration:none; }
h1#noBlueLinks a:hover{ color:#d1c28c; text-decoration:none; }




/* UTILITIES */
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both; display:block;}
.alignRight{text-align:right;}
.hidden{display:none;visibility:hidden;}
.visible{display:inline;visibility:visible;}
.displayBock{display:block;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */




















@media screen and (max-device-width:480px) {
	
*, html, body{
	font-family:serif;
}

body{
	width:auto;
	background:none;
	color:black;
	background:#09181c;
}

#container{
	width:310px;
	height:auto;
	margin:0 5px;
	padding:0;
	background:#09181c;
}

#navigation{
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:10px 0;
	background:#09181c;
	
	border: 2px solid #fbf9ed;
	border-right:none;
	border-top:none;
	border-left:none;
	background:url(../images/nav_mobile_background.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#navigation li a{
	display:block;
	padding:4px;
}

#navigation h1{
	position:relative;
	display:block;
	top:0;
	left:0;
	margin:0;
	padding:0;
	text-indent:0;
	text-transform:uppercase;
	font-size:25px;
	line-height:normal;
	color:#0f7ec2;
}

#navigation #navHome{
	width:auto;
	height:auto;
}

#navigation #navEst{
	width:0;
	height:0;
	background:none;
}

#navigation #navTheTaps{
	width:auto;
	height:auto;
	background:none;
}

#navigation .navActive h1{ color:#d2c288; }

#navigation #navTheTaps.navOver{ color:#495a6b; background:none; }
#navigation #navTheTaps.navActive { background:none; }
#navigation #navTheTaps.navActive h1{ color:#d2c288; }

#navigation #navTheBottles{
	width:auto;
	height:auto;
	background:none;
}

#navigation #navTheBottles.navOver{ color:#495a6b; background:none; }
#navigation #navTheBottles.navActive{ background:none; }
#navigation #navTheBottles.navActive h1{ color:#d2c288; }

#navigation #navTheFood{
	width:auto;
	height:auto;
	background:none;
}

#navigation #navTheFood.navOver{ color:#495a6b; background:none; }
#navigation #navTheFood.navActive{ background:none; }
#navigation #navTheFood.navActive h1{ color:#d2c288; }

#navigation #navMapHours{
	width:auto;
	height:auto;
	background:none;
}

#navigation #navMapHours.navOver{ color:#495a6b; background:none; }
#navigation #navMapHours.navActive{ background:none; }
#navigation #navMapHours.navActive h1{ color:#d2c288; }


#navigation h1{
	position:relative;
	top:-9999px;
	left:-9999px;
	text-indent:-9999px;
	line-height:300px;
}

#navigation #navHome.navActive{ background:url(../images/nav_blueMonk_active.png); }

#navigation #navHome{
	width:150px;
	height:27px;
	background:url(../images/nav_blueMonk.png);
}

#navigation #navTheTaps{
	width:150px;
	height:26px;
	background:url(../images/nav_theTaps.png);
}

#navigation #navTheTaps.navOver{ background:url(../images/nav_theTaps_over.png); }
#navigation #navTheTaps.navActive{ background:url(../images/nav_theTaps_active.png); }

#navigation #navTheBottles{
	width:150px;
	height:37px;
	background:url(../images/nav_theBottles.png);
}

#navigation #navTheBottles.navOver{ background:url(../images/nav_theBottles_over.png); }
#navigation #navTheBottles.navActive{ background:url(../images/nav_theBottles_active.png); }

#navigation #navTheFood{
	width:150px;
	height:33px;
	background:url(../images/nav_theFood.png);
}

#navigation #navTheFood.navOver{ background:url(../images/nav_theFood_over.png); }
#navigation #navTheFood.navActive{ background:url(../images/nav_theFood_active.png); }

#navigation #navMapHours{
	width:150px;
	height:31px;
	background:url(../images/nav_mapHours.png);
}

#navigation #navMapHours.navOver{ background:url(../images/nav_mapHours_over.png); }
#navigation #navMapHours.navActive{ background:url(../images/nav_mapHours_active.png); }

#navigation p{
	display:block;
	position:relative;
	z-index:2;
	color:#4c86a6;
	font-family:"Adobe Caslon Pro", "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	line-height:20px;
	margin:10px 0 0 0;
	
}

#content{
	display:inline;
	width:310px;
	height:auto;
	margin:0 0 0 0;
	overflow:hidden;
}

.section{
	margin:0 0 100px 0;
}

h1{
	color:#d1c28c;
	font-size:32px;
	line-height:45px;
	text-transform:none;
	font-weight:normal;
	margin: 0 0 25px 0;
}

h2{
	color:#c38000;
	margin:35px 0 20px 0;
	font-size:28px;
	font-weight:normal;
}

h3{
	margin:0 0 3px 0;
	color:#fcfaec;
	font-weight:normal;
	font-style:normal;
}

p{
	color:#fbf9ed;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	margin: 0 0 16px;
}

li{
	color:#67614f;
	font-style:italic;
	margin:0 0 16px 0;
}

img{
	/*display:none;*/
}

span.desc{
	color:#67614f;
}

img.Active{
	position:relative;
	top:-42px;
}

#footer{
	color:#007DC3;
	width:310px;
	margin:10px 0 0 0;
	padding:20px 0 0 0;
	float:none;
	border: 2px solid #fbf9ed;
	border-right:none;
	border-bottom:none;
	border-left:none;
}

#footer p{
	color:#007DC3;
	font-size:16px;
}

.icon{
	margin: 0 10px 0 0;
	vertical-align:bottom;
}

a:link{ color:#007DC3; text-decoration:underline; }
a:visited{ color:#007DC3; text-decoration:underline; }
a:active{ color:#007DC3; text-decoration:underline; }
a:hover{ color:#00AEDB; text-decoration:underline; }


.HomeImage{
	margin:0 0 30px 0;
}


/* THE TAPS */

.beerSubnav{
	display:block;
	width:310px;
	height:auto;
	margin:0;
	padding:0;
}

.beerSubnav ul{
	text-align:center;
	width:310px;
}

.beerSubnav ul li{
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	color:#0f7ec2;
	background:none;
}

ul{
	width:310px;
	padding:0;
	margin:5px 0;
}

li{
	width:300px;
	padding: 10px 5px;
	margin:1px 0;
	background:#001018;
}

.SubnavOver{
	width:300px;
	padding: 10px 5px;
	margin:1px 0;
	background:none;
}

li table{
	width:100%;
}

li table td.left{
	text-align:left;
}

li table td.left h3{
	color:#fcfaec;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	margin:0;
	padding:0;
}

li table td.left p{
	color:#fcfaec;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}

li table td.right {
	color:#004369;
	text-align:right;
}

li table td.right p{
	color:#004369;
	text-align:right;
}

li table td.right p.State{
	color:#004369;
	text-align:right;
	margin:0;
}



/* THE BOTTLES */


.bottleSubnav{
	width:310px;
	height:auto;
}

.bottleSubnav ul{
	margin:0;
	padding:0;
}

.bottleSubnav ul li{
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	color:#0f7ec2;
	font-style:normal;
	text-indent:-9999px;
	text-transform:uppercase;
	background:none;
}

.bottleSubnav#bottleSubnavTop{
	margin:45px 0 0 0;
}

li.aBottle{
	width:300px;
	padding: 10px 5px;
}

li.BottleOver{
	background:none;
}
li.aBottle p{
	color:#fcfaec;
}



/* THE FOOD */

#theMenu{
	width:310px;
}

.menuSection{
	width:310px;
	float:left;
	margin:30px 0;
}

.menuSection h2{
	width:310px;
}

.menuSection p{
	width:310px;
}

.menuItem{
	width:310px;
}

.menuItem p{
	color:#fcfaec;
}


/* MAP AND HOURS */

#gMap{
	width:310px;
	height:250px;
	padding:0;
	margin:0;
	border:none;
}

h1#noBlueLinks a:link{ color:#d1c28c; text-decoration:underline; }
h1#noBlueLinks a:visited{ color:#d1c28c; text-decoration:underline; }
h1#noBlueLinks a:active{ color:#d1c28c; text-decoration:underline; }
h1#noBlueLinks a:hover{ color:#d1c28c; text-decoration:underline; }

}