#container, #content { display: block !important; }
#content { min-height: 350px; }

.half .fourth { width: 42%; margin-top: -5px; }
.third.left { width: 42%; padding:0; margin:0 0 0 8%; text-align: left !important; }

hr { margin: 8px 0;
	border-bottom: 1px solid #383838;
	border-top: 1px solid #202020;
	}

h4 { white-space: nowrap;
	font-weight: bold;
	font-size: 16px;
	color: #BBB;
	}
h3.center { color: #888; }
h2.center { color: #999; font-weight: normal; margin: 12px 0 5px 0; }

dl, dt, dd {margin:0;}
dt, dd { line-height: 1.3em; font-size: 13px; display: inline; }
dt { clear: left !important; margin-right: 4px; }

.vcard {
	margin: 2px 0 15px 0;
	line-height: 26px;
	height: 26px;
	width: 420px;
	background: url(../images/address_tab.png) 50% 50% no-repeat;
	}


#left_info {
	margin: 12px -10px 15px 0;
	width: 48%;
	}
	.fourth { width: 20%; padding: 10px 2% 10px 3%; }
	
	#hours { margin:0 10px 0 0; position:relative; }
	#hours p { display: none; }
	#hours .fourth { width: 50%; margin:0; padding:0; padding-bottom: 10px; }
	
	#hours h3 { margin-bottom: 4px; margin-left: 8px; }
	#hours h4 { margin-bottom: 1px !important; }
	#hours dd, dt { white-space: nowrap; }

#section-title {
	color: rgba(20,20,20,.75) !important;
	}
#section-title {
	float: right !important;
	color: #141414;
	}
/*
.rotate {
	font-size: 2.2em;
	rotation: -90deg; rotation-point:0 0;
	-webkit-transform:rotate(-90deg); -webkit-transform-origin: 0% 0%;
	color: rgba(0,0,0,.45) !important;
	text-shadow: #666 1px -1px 1px;
	position: absolute;
	left: 4px; top: 145px;
	}
*/

#latest.events { margin: 0 -10px -5px 2px; }

.events, .events .post { position: relative; }

.events .post { margin: 10px -10px 0 0; }
/* */
.post.p3, .post.p4, .post.p5 { margin-right: -30px; }
.post.p3 .edit-link, .post.p4 .edit-link, .post.p5 .edit-link { margin-right: 30px; }

.post p { margin: .25em 0; }

h3.entry-title { margin-right: -1px !important; }
h3.entry-title a {
	padding: 3px 6px 0 5px;
	border-bottom: 1px solid #363636;
	font-size: 20px;
	font-size: 18px;
	}
.h3.entry-title:before {
	content: '\2022';
	margin-left: -6px;
	text-shadow:none;
	color: #555;
	color: #404040;
	}
.entry-date { display: inline-block; font-size: 13px; }

.post a, .post a span {}
.post a:hover {
	background-color: rgba(80,80,80,.3) !important;}
.post a:hover {
	background: #383838;
	}

.events .entry-content {
	margin: 5px 0 0 2px;
	padding-bottom: 1px;
	font-size: 12px;
	}
.entry-content p { margin: 0 0 .25em 0; }

.entry-content dl { margin: .5em 0 0 5px; text-indent: -5px; }
.entry-content dt { font-size: 1.2em; }
	
	
.events.right { /* #events_flyers */
	width: 450px;
	margin: 0 -20px 0 0;
	padding: 0;
	position: absolute; top: 10px; bottom: 10px; right: 20px;
	}
.events.right .post {
	margin: 5px 0 0 5px;
	float: left;
	}

.events.right a.link, a.rounded {
	position: relative;
	overflow: hidden;
	float: left; display: block;
	margin: 5px;
	background-position: 50% 50%;
	background-color: #973;
	}
	.events.right .post a.link {
		width: 199px;/* 205 - 6 */
		height: 230px;
		position: relative;
		border: 3px solid #A84;
		vertical-align: bottom;
		background: #FFF !important;
		text-shadow: rgba(255,239,208,.35) -1px -1px 0;
	}
	.events.right .post ul.slides li#X,
	.events.right .post a.no_thumb { background: #9d7f43 url(../images/diamonds.gif) !important; }
	
	.events.right #map a { width: 185px;
		margin-left: 10px; margin-right: 9px;
		}
	.events.right .post a img, a.rounded img { margin: -3px; }
	.events.right a:hover { border-color: #FB0 !important; }

	.events.right .post a img { position: absolute; top:0; bottom: 3px;
		box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
/*
h3.event_label:before {
	position: absolute;
	background: url(../images/corner_label.png) no-repeat 50% 50%;
	height: 157px;
	width: 157px;
	content:'.';
	top: -13px;
	left: 1px;
	}
*/
h3.event_label {
	z-index: 999;
	padding:0; margin:0;
	text-align: center;
	left: -1px; right: -1px;
	background:none;
	background: url(../images/featured_events.png) no-repeat 50% 50%;
	width: 217px; height: 40px;
	text-indent: -9999px;
	position: absolute;
	top: 14px;
	}
h3.event_label.top {
	background: url(../images/event_label.png) no-repeat 50% 50%;
	top: -9px;
	}

/*
	<li>
		<a href="http://localhost:8888/hopleaf/news/events/avery-lost-abbey-beer-dinner/" rel="fancybox"><img width="204" height="154" src="http://localhost:8888/hopleaf/wp-content/uploads/2010/03/Avery-LostAbbey-poster-204x154.png" class="link" alt="Avery &amp; Lost Abbey Beer Dinner" title="Avery Lost Abbey poster" /></a>
	</li> 
		
	<li>
		<a href="http://localhost:8888/hopleaf/news/events/stone-brewery-welcome-to-chicago-event/" title="Stone Brewery Welcome-to-Chicago Event" class="link no_thumb"><h3 class="title">Stone Brewery Welcome-to-Chicago Event</h3><div class="entry-date center">Thursday, April 01, 2010</div></a>			<div class="entry-meta center"><a href="news-events/">See all upcoming Events</a></div> 
	</li>
*/
.events.right .post br { display: none; }
.events.right .post a h3,
.events.right .slides .entry-date,
.events.right .slides .entry-meta {
	text-align: center;
	position:absolute;
	left:0; right:0;
	bottom:0;
	}
.events.right .post a h3 {
	z-index: 3;
	color: #381200;
	background: rgba(255,255,240,.25);
	font-size: 30px;
	line-height: 1em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: -1px;
	padding: 60px 2px;
	margin: -10px 0;
	top:0;
	}
.events.right .slides .entry-date {
	color: #111;
	bottom: 8px;
	bottom: 45px;
	}
.events.right .slides .entry-meta {
	bottom: 9px;
	background: none;
	font-weight: bold;
	font-size: 14px;
	color: #111;
	z-index: 3;
 -webkit-border-radius: none !important;
	}
.events.right .post .entry-meta a {
	padding: 7px 29px 11px 28px;
	padding: 7px 28px 11px 27px;
	font: 400 14px/20px Constantia, Palatino, "Palatino Linotype", Georgia, serif;
	color: #FFF;
	-moz-border-radius: 3px !important;
 -webkit-border-radius: 3px !important;
		 border-radius: 3px !important;
	background: none;
	background: rgba(30,30,30,.35);
	text-shadow: #000 1px 1px 1px, #000 0 0 3px, #000 0 0 5px;
	}

.events.right a.link:hover .entry-meta { z-index: 1; }
.events.right .post .entry-meta :hover,
.events.right .post .entry-meta:hover a { background: rgba(0,0,0,.55) !important;
	color: #FB0;
	}

.events.right .post a:hover h3 { background: rgba(255,255,240,.05); }

	
/* Newsletter submit, Facebook, MySpace, Email */

#keep_in_touch {
	overflow: hidden;
	position: relative;
	margin: 15px 0 10px 22px;
	width: 400px; height: 75px;
	font-style: italic;
	font-size: 15px;
	background: url(../images/inTouch.png) no-repeat 0 0;
	}
#keep_in_touch h3 { text-indent: -9999px; visibility: hidden; }
#keep_in_touch ul { list-style: none; padding:0; margin:0; }

#keep_in_touch li.social	  { position: absolute; }
#keep_in_touch li.social_mail {  left: 17px; bottom: 13px; top: 41px; }
#keep_in_touch li.social_fcbk { right: 17px; top: 13px; }
#keep_in_touch li.social_mysp { right: 17px; bottom: 13px; top: 41px; }

#keep_in_touch li.social	  a { text-indent: 0; width: auto; padding: 0 30px 0 8px; }
#keep_in_touch li.social_mail a { background-position: 98% 0; }
#keep_in_touch li.social_fcbk a { background-position: 98% -20px }
#keep_in_touch li.social_mysp a { background-position: 98% -40px }
#keep_in_touch li.social_yelp a { background-position: 98% -60px }

#keep_in_touch .email_signup {  }
#keep_in_touch .email_signup input.text,
#keep_in_touch .email_signup input[type="text"] {
	width: 120px;
	margin-right: 2px; xmargin-left: 4px;
	border-bottom: 1px solid #111 }
#keep_in_touch .email_signup input.submit { }
/*
<li class="social social_mail"><a href="about/newsletter/">Get Email Updates</a>
	<form class="email_signup" name="ccoptin" action="http://visitor.constantcontact.com/d.jsp" target="_blank" method="post">
		<input type="hidden" name="m" value="1101371677514" /><input type="hidden" name="p" value="oi" />
		<input type="text" name="ea" value="Your Email" size="16" class="text email" title="Your Email" />
		<input type="submit" name="go" value="GO" class="submit" title="submit" />
	</form>
</li>
*/

p.center {
	font-size: 13px;
	color: #BBB;
	margin:0;
	font-style: italic;
	}

#tagline {
	}
#flyers #tagline {
	margin: 10px 15px;
	padding: 5px;
	border: 1px solid #282828;
	border-width: 1px 0;
	position:absolute; bottom:0; right: 5px;
	}