/*
------------------------------------------------------------------------
Theme Name:Equilibrium2
Theme URI:http://madebyon.com
Description:Magazine style WordPress theme. Visit <a href="http://equilibrium.madebyon.com"title="Equilibrium">http://equilibrium.madebyon.com</a> for more infomation.
Version:2.0
Author:Tudinh Duong
Author URI:http://madebyon.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%}

body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; color:#fff; margin:0 auto -80px; text-align:center; background: url(images/CityBG5.png) no-repeat top center #000;}

#page-wrap{width:850px; min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; padding-left:10px; padding-right:10px; text-align:left;}

.content{width:846px; float:left; margin-left: 10px; margin-top:50px;}

/*

-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/




p a, p a:visited{color:#0B96D0; text-decoration:none; font-weight: bold}

p a:hover{solid #c9c9c9; color:#e5ad03; text-decoration:none; font-weight: bold}

p {
	color: #D0D0D0;
	font-size: 13px;
	margin-top: 10px;
	letter-spacing: .05em;
	line-height: 18px;
	font-family: helvetica neue, helvetica;
	font-weight: lighter;
}

h1, strong{font-size:1.4em; font-weight:bold}

.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}

h2{font-size:15px; color:#ffffff; padding-bottom:4px; margin-top:35px; margin-bottom:3px; font-weight:bold; width: 760px}

h4 {
	margin: 0;
	color: #D5B313;
	text-transform: none;
	font-weight: lighter;
	font-family: arial;
	font-size: 16px;
}

.excerpt {
margin-left:215px;
margin-top: 23.3px;
color:#fff; 
font-size:1.7em; 
line-height:1.5;
}

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


.post ul li, 
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply{border-bottom:1px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

/*
-----------------------------------------
TOP
----------------------------------------- 
*/


h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none; width: 870px; height: 390px; background: transparent; margin-bottom:-15px;}

#nav{float:right; margin-top:1.2em}

#nav ul{list-style-type:none; width:100%}

#nav li{display:block; display:inline}

#nav a:link, 
#nav a:visited{padding:5px; display:block; color:#353434; margin-right:10px; float:left; text-decoration:none; font-size:1.4em; font-weight:bold; text-transform:uppercase}

#nav a:hover{color:#fff; background:#000}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:hover, 
ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000}

ul.footer li {
	display: block;
}

.citybg {
background: url(images/CityBG.png) repeat none;
height: 300px;
}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/

ul.front-post {}

.front-post li{width:200px; margin-right:40px; float:left;}

.front-post li h3, .front-post li h3 a{font-size: 15px; fontfont-weight: bold; margin-top: 7px; color: #ffffff; text-decoration: none;}

.front-post li p{color: #d0d0d0; font-size: 13px; line-height: 18px; margin-top: 7pm; margin-bottom: 15px; text-align: justify; letter-spacing: .05em; margin-top: 10px; font-family: helvetica neue; font-weight: lighter;}

.front-post-last{width:230px; float:left}

.featured-content{position:relative; width:230px; align:center;}

.featured-content p{margin-top:1em}

.featured-post{position:relative; height:231px; margin-bottom:1.2em; margin-top:6em}

.featured-post span.link a{font-size: 1.5em; color: #e3e3e3; text-decoration:none; font-weight:bold;}

.featured-title h2{margin:8px 10px 7px; width:230px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}

.featured-title h2 a{font-size:1.4em; display:block; color:#000; text-decoration:none; border-bottom:0; text-transform: uppercase;}

.featured-title h2 a:hover{color:#fff}

.featured-title{background:#e5ad03; display:block; width:250px; height: 45px; z-index:101; bottom:2; position:absolute; margin-top: 251px;}

.featured-title:hover {background:#0B96D0;}

.featured-image{background: #181818; position:absolute; z-index:1; border: 10px solid #181818;}

.featured-image:hover {background: #363636; border: 10px solid #363636;}

.featured-image a {font-family:Arial,Helvetica,sans-serif;color: #ffffff; font-size: 1.4em; text-decoration: none; text-transform: uppercase; font-weight: bold; display: block;}

.featured-image span.venue a{font-size: 1.1em; color: #e5ad03;}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}






/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/

#main-sidebar {
	width: 350px;
	float: right;
}

#main-sidebar h4 {
	margin: 0;
	color: #D5B313;
	text-transform: none;
	font-weight: lighter;
	font-family: arial;
	font-size: 16px;
	margin: -13px 0 17px;
}

#recap {
	padding-bottom: 15px;
	border-bottom: 1px solid #232323;
	padding-top: 25px;
	padding-left: 15px;
}

#recap:hover {
	background: #0f0f0f;
}

#recap-info {
	background: url(images/recap-at.png) no-repeat center;
	height: 140px;
	width: 140px;
	float: right;
	margin-right: 25px;
}

.recap-drink a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin-top: 25px
}

.recap-bar a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
	font-size: 15px;
}

.coming-soon {
	border: 2px solid #232323;
	text-align: center;
	font-size: 15px;
	width: 65%;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #0f0f0f;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.about-us {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #232323;
}

.about-us p {
	text-align: justify;
}

.about-us-title {
	font-weight: bold;
	font-size: 25px;
	margin-right: 12px;
	color: white;
}

.about-us span.title {
	font-weight: bold;
	font-size: 25px;
	margin-right: 12px;
}

.about-us span.tagline {
	color: #838383;
	font-size: 13px;
	letter-spacing: .05em;
	font-family: helvetica neue;
	font-weight: lighter;
}
.about-perry {
	float: left;
	width: 395px;
}

.about-ori {
	float: right;
	width: 395px;
}

#sidebar{float:right; width:200px; padding-left:20px; overflow:hidden}

#sidebar li a{display:block; width:260px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222}

#sidebar a{color:#e6e6e6; text-decoration:none}

#sidebar a:hover{color:#fff; background-color:#282828}

#sidebar h2{font-size:1.8em; color:#222; text-align:right; text-transform:uppercase; border-bottom:4px solid #c9c9c9; margin-top:28px; margin-bottom:0}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom-left{margin-left:-12px; background: url(images/Drink-Splash.png) no-repeat; float:left; height: 357px; width:593px; color:#000;}

#front-bottom-right{margin-left:-12px; background: url(images/twitter_box.png) no-repeat #000; float:right; height: 357px; width:253px; color:#000;}


#latest-wrap{float:left; width:250px}

.latest-post-wrap{float:left; width:162px; margin-right:8px}

.latest-post{position:relative; width:162px; height:118px}

.latest-image{position:absolute; z-index:1}

.latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1em; text-transform:none; padding-bottom:0; border-bottom:0}

.latest-title h2 a{display:block; color:#0B96D0; text-decoration:none}

.latest-title h2 a:hover{color:#fff}

.latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2; width: 168px;}

.latest-content{position:relative; width:162px; height:200px; margin-bottom:20px}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#fff; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

#footer{padding-top:20px; border-top:1px solid #232323; width:864px; margin:150px auto 0; height:125px; color:#4d4d4d}

#footer2{border-top:1px solid #232323; width:864px; margin:35px auto 0; color:#4d4d4d; height: 40px; padding-top: 10px;}

#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}

#footer p a{solid #c9c9c9; color:#4d4d4d; text-decoration:none}

#footer p a:hover{solid #c9c9c9; color:#0b96d0; text-decoration:none}

#footer h3 {font-size: 15px; font-weight: bold; color: #ffffff;}

#footer a {color: #666666; font-size: 1.2em; line-height: 1.7; text-align: justify; letter-spacing: .04em; text-decoration: none;}

#footer a:hover {color: #d5ad0d;}

#recent-drinks {float: left; text-align: left; width: 160px;}

#recent-venues {float: left; text-align: left; width: 160px;}

#footer-nav {float: left; text-align: left; width: 160px;}

#footer-creators {float: right;}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}

.postMeta-featured{margin-top:3px; margin-bottom: 35px; font-size:1.3em; width:230px}

.postMeta-front{margin-top:8px; font-size:1.2em}

.postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:1px solid #c9c9c9; padding-bottom:10px}

.postMeta span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{color:#3a3a3a; float:left; font-size: 12px;}

.postMeta-post span.date{color:#fff; float:left}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tags{color:#8a8a8a; float:right}

.post-category p, 
.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none}
.post img{margin:0em 0em;}
.post blockquote p{margin:0 2.6em; font-style:italic}

#single-post-top-bar {
	width: 846px;
}

.single-post-liquor-image {
	float: left;
}

.single-post-middle-info {
	float: left;
	width: 386px;
	text-align: center;
	background: url("images/recap-at.jpg") no-repeat center;
}

.single-post-middle-info span.title {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-top: 35px;
	margin-bottom: -6px;
	font-family: helvetica neue;
}

.single-post-middle-info span.map-button {
	font-family: helvetica neue;
	font-weight: lighter;
	font-size: 13px;
	display: block;
	background: url(images/button_black.png) no-repeat center;
	padding: 5px 20px 8px;
}

.single-post-middle-info span.map-button strong {
	font-size: 13px;
}

.single-post-venue-image {
	float: left;
}

#drink-info {
	float: left;
	width: 402px;
	margin-top: 40px;
	text-align: justify;
	padding-right: 20px;
	border-right: 1px solid #232323;
	clear: both;
}

#drink-info span.title {
	font-weight: bold;
	font-size: 20px;
	margin-right: 12px;
}

.map-title {
	margin-top: 100px;
	margin-bottom: 10px;
}

.map-title span.title {
	font-weight: bold;
	font-size: 20px;
	margin-right: 12px;
	display: block;
}

#venue-info {
	float: left;
	width: 403px;
	margin-top: 40px;
	text-align: justify;
	padding-left: 20px;
}

#drink-info p {
	color: #D0D0D0;
	font-size: 13px;
	margin-top: 10px;
	letter-spacing: .05em;
	line-height: 18px;
	font-family: helvetica neue;
	font-weight: lighter;
}

#venue-info span.title {
	font-weight: bold;
	font-size: 20px;
	margin-right: 12px;
}

#venue-info p {
	color: #D0D0D0;
	font-size: 13px;
	margin-top: 10px;
	letter-spacing: .05em;
	line-height: 18px;
	font-family: helvetica neue;
	font-weight: lighter;
}

#drink-info span.tagline {
	color: #838383;
	font-size: 13px;
	letter-spacing: .05em;
	font-family: helvetica neue;
	font-weight: lighter;
}

#venue-info span.tagline {
	color: #838383;
	font-size: 13px;
	letter-spacing: .05em;
	font-family: helvetica neue;
	font-weight: lighter;
}

#drink-info span.desc-button {
	font-family: helvetica neue;
	font-weight: lighter;
	font-size: 13px;
	display: block;
	float: right;
}

#venue-info span.desc-button {
	font-family: helvetica neue;
	font-weight: lighter;
	font-size: 13px;
	display: block;
	float: right;
}

.official-buttons {
	width: 846px;
	clear: both;
	font-family: helvetica neue;
	font-weight: lighter;
	font-size: 13px;
}

.drink-official-button {
	width: 402px;
	float: left;
	text-align: right;
	padding-right: 20px;
	margin-top: 30px;
}

.venue-official-button {
	width: 402px;
	float: left;
	text-align: right;
	padding-left: 20px;
	margin-top: 30px;
}

.drink-official-button span.link-button {
	background: url(images/button_gray.png) no-repeat;
	color: #000000;
	padding: 10px 20px 8px 20px;
}

.venue-official-button span.link-button {
	background: url(images/button_gray.png) no-repeat;
	color: #000000;
	padding: 10px 20px 8px 20px;
}

.modal-image {
	float: left;
	margin-right: 11px;
}

.cabinet-modal-buttons {
	background: url(images/button_black.png) no-repeat left bottom;
	padding-left: 3px;
	display: block;
	height: 27px;
	text-align: center;
	float: right;
	width: 125px;
	margin: 35px 18px 0px;
	text-decoration: none;
	color: white;
}

.cabinet-modal-buttons span {
	background: url(images/button_black.png) no-repeat right top;
	padding-right: 4px;
	display: block;
	line-height: 27px;
	height: 100%;
}

.map-modal-button {
	background: url(images/button_black.png) no-repeat left bottom;
	padding-left: 3px;
	display: block;
	height: 27px;
	text-align: center;
	width: 125px;
	margin: 35px 0 0 131px;
	text-decoration: none;
	color: white;
}

.map-modal-button span {
	background: url(images/button_black.png) no-repeat right top;
	padding-right: 4px;
	display: block;
	line-height: 27px;
	height: 100%;
	font-size: 11px
}

.map-modal-button strong {
	font-size: 11px
}



/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:26px; text-transform:none; border:none}

.commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px}

.commentpost{float:right; width:510px}

.commentpost p{margin-top:0}

.commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em}

.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px}

#comments label span{line-height:27px; font-size:1.7em;}

#comments label{font: helvetica; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}

#comments textarea{margin-top:10px; padding:4px 0px; width:510px; border:1px solid #E5E5E5}

.button{border: 1px solid #e5ad03; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:left; background-color:#e5ad03}

.children {margin-left: 50px}

.children div {border:none}

.children .commentwrap {border-top: 1px solid #C9C9C9;}

.children .commentmetadata {padding-right:0px}

.children .commentpost {text-align:left; float:right; width:78%}

.commentlabel {
font: helvetica;
font-size: 1.4em;
}

/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{float:right; margin-top:4.0em; height:2.3em}

#searchsubmit{border: 1px solid #e5ad03; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:left; background-color:#e5ad03}

#searchsubmit:hover{border: 1px solid #383838; background-color:#0B96D0; color:#ffffff}

#s{float:left; width:170px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:1px; border:1px solid #5e5e5e; font-size:1.1em; background-color: #383838; color: #fff; font-weight: bold;}


/*
-----------------------------------------
CUSTOM MENU
----------------------------------------- 
*/
ul#menu {
	margin-top: 10px;
	margin-bottom: 205px;
	float: right;
	letter-spacing: .05em;
	font-family: helvetica neue;
	font-weight: lighter;
}

ul#menu a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	padding-bottom: 5px;
	padding-top: 9px;
	padding-left: 17px;
}

ul#menu li {
	display: inline;
	margin-right: 25px;
	margin-bottom: 55px;
}

ul#menu li a:hover {
	color: #d5ad0d;
}


#twitterbox{
	position: fixed;
	right: -1px;
	top: center;
	width: 32px;
	height: 139px;
	background: url(images/Twitter_Tab.png) no-repeat;
}

#twitterbox:hover{
	position: fixed;
	right: 0px;
	top: center;
	width: 32px;
	height: 139px;
	background: url(images/Twitter_Tab.png) no-repeat;
}

.twitter {
	background: transparent;
	font-size: 1.4em;
	color: #fff;
}

#follow a{
	background: transparent;
	font-size: 1.1em;
	font-weight:bold;
	color: #fff;
	margin-left:168px;
	margin-top: 117px;
	text-decoration: none;
	position:absolute;
}

#follow a:hover{
	color:#4b4b4b;
}

.twitter a{
	color: #000;
	font-weight: bold;
}

.twitter a:hover{
	color: #fff;
	font-weight: bold;
}

.twitter-item{
	margin:12px 16px 77px 16px;
}

#weeks {
	font-size: 1.3em;
	font: helvetica;
	font-weight: bold;
	color: #bcbcbc;
}

.todaysevent{
	display: block;
	position: absolute;
	margin-top: -20px;
	height: 78px;
	background: url(images/Date_Badge_Right.png) no-repeat right top;
	z-index: 100;
	zoom: 1;
	padding-top: 6px;
	right: -50px
}

.todaysevent span{
	background: url(images/Date_Badge_Left.png) no-repeat left;
	padding: 20px 35px 41px;
	line-height: 40px;
	font-size: 14px;
	font-family: helvetica;
	font-weight: bold;
	text-transform: lowercase;
}

.todaysevent-archive{
	display: block;
	position: absolute;
	margin-left: 760px;
	margin-top: -25px;
	width: 118px;
	height: 78px;
	background: url(images/Tonight_Badge.png) no-repeat;;
	z-index: 100;
	zoom: 1;
}

.todaysevent-single{
	display: block;
	position: absolute;
	margin-left: 760px;
	margin-top: -25px;
	width: 118px;
	height: 78px;
	background: url(images/Tonight_Badge.png) no-repeat;
	z-index: 100;
	zoom: 1;
}

.archive-date {
	float: left;
	font-size: 2em;
	font: arial;
	margin-top:15px;
	position: absolute;
	bottom: 0;
	left: 210px;
}

.date {
	background: url(images/linebg.png) repeat-x;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	height: 16px;
}

.date span {
	float: right;
	background: #000000;
	padding-left: 6px;
	font-size: 16px;
	font-family: helvetica neue;
	letter-spacing: .05em;
	font-weight: lighter;
}

.date-single {
	font-family: helvetica neue;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: .05em;
	color: #d5b313;
}

.date-tonight {
	background: url(images/linebg.png) repeat-x;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	height: 16px;
}

.date-tonight span {
	float: right;
	background: #000000;
	padding-left: 6px;
}

.month {
text-transform: uppercase;
background: #606060;
float:left;
padding-left: 3px;
padding-right: 3px;
}

.day {
background: #e5ad03;
padding-left: 3px;
padding-right: 3px;
float: right;
font-weight:bold;
}

.verticaldate {
writing-mode: tb-rl;
filter: flipv fliph;
}

#upcoming {font-size:1.8em; color:#e5ad03; text-transform:uppercase; padding-bottom:4px; margin-top:35px; margin-bottom:3px; font-weight:bold; width: 760px}

#about {font-size:1.8em; color:#e5ad03; text-transform:uppercase; padding-bottom:4px; margin-top:100px; margin-bottom:3px; font-weight:bold; width: 760px}

.moretext a{
background: #5a5a5a;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 1.3em;
float:right;
padding: 6px 10px 4px 10px;
position: absolute;
bottom: 0;
right:0;
}

.moretext a:hover{
background: #4b4b4b;
}

.archive-post {
background: #212121;
position: relative;
}

#single-post-box {
background: #1d1d1d;
width: 250px;
height: 350px;
margin-top: 15px;
margin-left:10px;
float:right;
}

#single-post-box #image {
float: right;
padding: 10px;
}

#single-post-box #info {
float: left;
width: 100%;
}

#single-post-box p {
float:left;
font-size: 1.5em;
margin-top: 7px;
font-weight: bold;
color: #777777;
padding-left:10px;
}

#single-post-box p.span {
float:left;
font-size: 1.9em;
margin-top: 7px;
margin-left: 5px;
font-weight: bold;
color: #ffffff;
}

#single-post-box #excerpt {
float:left;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
}

#firstmap {
background: #2d2d2d;
width: 230px;
height: 230px;
padding-top:10px;
}

.pinmap {
	position: absolute;
	height: 50px;
	width: 44px;
	right: -31px;
	bottom: -22px;
	background: url(images/pinmap_sprite.png) no-repeat right top;
	cursor: pointer;
}
.pinmap:hover {
	background: url(images/pinmap_sprite.png) 0px 0px no-repeat;
}
.miniphoto {
	position: absolute;
	height: 50px;
	width: 44px;
	right: -31px;
	bottom: -28px;
	cursor: pointer;
}
.miniphoto img {
	border: 1px solid white;
}

#map {
	position: absolute;
	height: 50px;
	width: 44px;
	right: 35px;
	bottom: -44px;
	cursor: pointer;
}

#firsteventphoto {
	position: absolute;
	cursor: pointer;
	z-index: 80;
	right: 0;
	top: 0;
}
#firsteventmap {
	position: relative;
	z-index: 79;
}
#secondeventphoto {
	position: absolute;
	cursor: pointer;
	z-index: 80;
	right: 0;
	top: 0;
}
#secondeventmap {
	position: relative;
	z-index: 79;
}
#thirdeventphoto {
	position: absolute;
	cursor: pointer;
	z-index: 80;
	right: 0;
	top: 0;
}
#thirdeventmap {
	position: relative;
	z-index: 79 !important;
}

.map-div {
	margin-top: 45px;
	float: left;
	width: 402px;
}

.gallery-div {
	margin-top: 45px;
	float: right;
	width: 402px;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}








#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #000;
	padding: 20px;
	border: 5px solid #333333;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.popup_block h3 { 
	font-size: 25px !important; 
	font-weight: bold; 
	margin-right: 10px;
	margin-top: 0px !important; 
	margin-left: 0px !important;
	display: block !important;
	color: #ffffff; 
	text-decoration: none; 
	float: left;
}

.popup_block p {
	font-family: helvetica neue;
	font-size: 13px !important;
	font-weight: lighter;
	letter-spacing: .05em;
	line-height: 18px;
	color: #D0D0D0 !important;
	margin-top: 30px !important;
	display: block !important;
	text-align: justify;
}

.modal-pic {
	float: left;
	margin-right: 10px;
}
	
img.btn_close {
	float: right;
	width: 35px;
	height: 35px;
	margin: -36px -36px 0 0;
	background: url(images/close_pop.png) no-repeat;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}



.drink {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

.drink-title a {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	display: block;
	letter-spacing: .05em;
	font-family: helvetica neue;
	font-weight: lighter;
}

a.drink-button {
	display: block;
	height: 36px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url('images/button_gray.png') no-repeat;
}

a.drink-button strong {
	font-size: 12px;
	font-weight: bold;
}

.drink-button span {
	color: black;
	padding: 10px 22px 5px 36px;
	line-height: 37px;
}

a.drink-button:hover {
	background: url('images/button_rollover.png') no-repeat;
}

a.bar-button {
	display: block;
	height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	text-decoration: none;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url('images/button-black-short.png') no-repeat;
	text-align: center;
	margin-bottom: 10px;
}

a.bar-button strong {
	font-size: 12px;
	font-weight: bold;
}

.bar-button span {
	line-height: 19px;
}

.bar-button span:hover {
	color: black;
}

a.bar-button:active {
	color: black;
	line-height: 23px;
}

.bar-button span:active {
	color: black;
	line-height: 23px;
}

a.bar-button:hover {
	background: url('images/button-orange-short.png') no-repeat;
	color: black;
}

a.bar-button:active {
	background: url('images/button-orange-short-click.png') no-repeat;
}

#all-drinks-grid {

}



#tweet {
	margin-top: 25px;
	background: url(images/glass2.png) no-repeat right;
	height: 212px;
}

.tweet a {
	color: #666666;
	text-decoration: none;
}

.tweet_text {	
	text-transform: none;
	font-weight: lighter;
	font-family: helvetica neue;
	font-size: 13px;
	color: #ffffff;
	letter-spacing: .05em;
}

.tweet_text a {
	text-decoration: none;
	color: #ffffff;
}

#bird {
	background: #565656;
	height: 30px;
	width: 30px;
	position: relative;
	left: 745px;
	top: -92px;
	z-index: 1;
}

#about-blurb {
	border-bottom: 1px solid #232323;
	padding-bottom: 20px;
}

#about-blurb p {
	margin-top: 15px;
	font-family: helvetica neue;
	font-weight: lighter;
	font-size: 13px;
	color: #d0d0d0;
	letter-spacing: .05em;
	line-height: 18px;
	text-align: justify;
}

#four-dollar-badge {
	background: url(images/dollardrinks.png) no-repeat center;
	height: 212px;
	width: 209px;
	position: relative;
	left: 700px;
	top: 31px;
	z-index: 2;
}

.cabinet-images {
	margin-bottom: 5px;
}

#wrap h3 { font-size: 15px; font-weight: bold; margin-right: 10px; margin-left: 64px; color: #ffffff; text-decoration: none; display: inline;}

#wrap p { display: inline; color: #666666; font-size: 12px }

.all-drinks-bars { display: block; margin-bottom: 30px; text-align: right; margin-right: -14px; margin-top: 5px; }

.all-drinks-bars a { color: #666666; text-decoration: none; font-size: 12px; }

.all-drinks-bars a:hover { color: #d5ad0d; }

input.medium, select.medium {
	width: 73%;
}



/*--------------------------------
CALENDAR
----------------------------------*/

.calendar-event {
	clear: both;
	padding-bottom: 47px;
	padding-top: 25px;
	border-top: 1px solid #232323;
	height: 130px;
	
}

.calendar-event p {
	margin-top: 0;
}

.calendar-info {
	float: left;
	width: 225px;
}

.calendar-object {
	float: left;
	margin-right: 35px;
}

.calendar-info-align {
	width: 170;
}

.calendar-info-align span.left-info {
	text-align: right;
}

.calendar-info-align span.right-info {
	text-align: left;
}

.column1, .column2 { 
	float: left; 
} 

.column1 {
	width: 28%; 
	margin-right: 10px;
}

.column1 p { 
	text-align: right;
	font-weight: normal;
} 

.column2 p { 
	text-align: left;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.calendar-buttons {
	background: url(images/button_black.png) no-repeat left bottom;
	padding-left: 3px;
	display: block;
	height: 27px;
	text-align: center;
	float: right;
	width: 145px;
	margin: 35px 52px 0px;
	text-decoration: none;
	color: white;
	font-size: 12px
}

.calendar-buttons span {
	background: url(images/button_black.png) no-repeat right top;
	padding-right: 4px;
	display: block;
	line-height: 27px;
	height: 100%;
}