/*  
Theme Name: Iron Hill Generic WordPress Theme 
Theme URI: http://ironhillbrewery.com/
Description: Custom theme for Iron Hill Brewery based on work by Bart Hook
Version: 0.9
Author: Rick Poole	
Author URI: http://ionpoint.com
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(http://ironhillbrewery.com/images/bg_main.jpg) repeat;
	font: 11px/15px Arial, sans-serif;
	color: #000;
}

p {
	margin:0px;
	padding:0 0 12px 0;
	orphans: 4;
}

img { border: none; }

a {
	color: #8c3922;
}

h1, h2, h3 { margin: 0 0 9px 0; padding: 0;}
h1 {
	font: 20px/20px Arial, sans-serif;
}

h2 {
	font: 18px/21px Arial, sans-serif;
}

h3 {
	font: 12px/15px Arial, sans-serif;
	margin-bottom: 15px;
	padding: 0;
}

h4 {
	font: 12px/15px Arial, sans-serif;
}

ul {
	padding-top: 0;
	margin-top: 0;
}

.clear {
	position: relative;
	clear:both;
}

#menu {
	position: relative;
	width: 516px;
}

#menu_col_left {
	position: relative;width: 250px;float:left;
}

#menu_col_right {
	position: relative;width: 250px;float:right;
}

.menu_price {
	position: relative;
	float: right;
	font-weight: bold;
}

.menu_item {
	position: relative;
	width: 210px;
	display: block;
	widows: 3;
}

.menu_price_child {
	float:right;
}

.menu p {
	display: block;
	clear: both;
}

#dates {
	position: relative;
}

#children_menu {
	text-align: left;
}


.menu_title {
border-bottom: 1px solid black;
padding-bottom: 4px;
font-weight: bold;
margin-bottom: 21px;
}

#wrapper {
	position: relative;
	width: 715px;
	margin: 0 auto;
	padding: 8px;
	text-align: left;
	border: 4px solid black;
}

#header {
	position: relative;
	width: 715px;
	margin: 30px auto 0 auto;
	z-index: 50;
	text-align: center;
}

#logo {
	position: relative;
	width: 300px;
	height: 53px;
	z-index: 10;
	display: block;
	margin: 0 auto 5px auto;
}

#place {
	position: relative;
	padding: 3px 0;
}

#backtohome {
	position: relative;
	float: right;
	margin-top: 5px;
	z-index: 50;
}

#flash {
	text-align: center;
	position: relative;
}

#content {
	position: relative;
	border-style: solid;
	border-width: 2px;
	padding: 23px;
}

.copy, .headline {
	position: relative;
}




#contentmain_top {
	position: relative;
	padding-bottom: 15px;
	width: 664px;
}

#contentsub_top {
	position: relative;
	padding-bottom: 7px;
	width: 664px;
	z-index: 160;
}

#contentmain_mid, #contentsub_mid {
	position: relative;
	border-top: 1px solid #4C261B;
	border-bottom: 1px solid #4C261B;
	padding: 13px 0;
	width: 664px;
	margin-bottom: 7px;
}

#contentmain_mid {
	height: 56px;
}

#contentmain_bot, #contentsub_bot {
	position: relative;
	border-top: 1px solid #4C261B;
	padding-top: 15px;
	width: 664px;
}

#contentsub_left {
	position: relative;
	float: left;
	width: 120px;
	padding: 0 6px 0 0;
}

#contentsub_center {
	position: relative;
	float: left;
	width: 208px;
	padding: 0 0 0 20px;
	border-left: 1px solid #4C261B;
	background-color: lime;
}

#contentsub_center2 {
	position: relative;
	float: right;
	width: 516px;
	padding: 0 0 0 20px;
	border-left: 1px solid #4C261B;
}

.contentsub_center_img {
	position: relative;
	float: right;
	margin: 0 0 10px 20px;
}


#contentsub_right {
	position: relative;
	float: right;
	width: 295px;
}

#contentsub_righttext {
	padding: 12px;
	border: 2px solid #4C261B;
	font-weight: bold;
	margin-top: 7px;
}

#contentsub_righttext p{
	padding: 0 0 10px 0;
}


#bot_onoffsite {
	position: relative;
	border: 2px solid #4C261B;
	padding: 12px 15px 15px 15px;
	width: 233px;
	height: 230px;
	float: left;
}

#contentmain_area {
	position: relative;
	border-left: 1px solid #4C261B;
	padding-left: 24px;
	width: 349px;
	float: right;
}

.imgborder {
	border: 2px solid #4C261B;
}


#content_area {
	position: relative;
}

#contentsub_image {
	position: relative;
	width: 341px;
	height: 227px;
	float:left;
	padding: 0 20px 0 0;
	border-right: 1px solid #4C261B;
}

#contentsub_image2 {
	position: relative;
	width: 267px;
	height: 225px;
	float:right;
	margin: 0 16px 0 0;
	border-top: 1px solid #4C261B;
	border-bottom: 1px solid #4C261B;
}

#title_goodtaste {
	position: relative;
	width: 349px;
	height: 15px;
	text-indent: -1000em;
	background: transparent url(http://ironhillbrewery.com/images/title_goodtaste.png) no-repeat;
	padding: 0;
	margin: 0 0 10px 0;
}

#title_onoffsite {
	position: relative;
	width: 100%;
	height: 19px;
	text-indent: -1000em;
	background: transparent url(http://ironhillbrewery.com/images/title_onoffsite.png) no-repeat;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #4C261B;
}

#contentsub_botleft {
	position: relative;
	width: 354px;
	float: left;
	padding-left: 15px;
}

#contentsub_botright {
	position: relative;
	width: 233px;
	height: 227px;
	padding: 10px 5px 10px 15px;
	float: right;
	border: 2px solid #4C261B;
	margin-right: 16px;
}

.beer_desc {
	width: 270px;
	padding-top: 10px;
}

#footer {
	position: relative;
	width: 715px;
	margin: 0 auto;
	clear:both;	
	padding: 15px 0 45px 0;
	font: 11px/15px Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #A25900;
	text-transform: uppercase;
} 

#copyright {
	position: relative;
	color: #000000;
	font-weight: bold;
	float: left;
}

#footer_links{
	position: relative;
	float: right;
}

#footer_links a{
	text-decoration: none;
	margin: 0 5px;
	color: #000000;
}

#locationcontainer {
	position: relative;
	float: left;
	left: -3px;
	z-index: 90;
}

#location {
	position: absolute;
}

#location, #location ul { /* all lists */
	margin: 0;
	position: relative;
	list-style: none;
	font-weight: bold;
	text-align: right;
	line-height:11px;
	margin-right: 5px;
	padding: 0;
	z-index: 110;
}
	
#location li { /* all list items */
	position : relative;
	float : left;
	width: 183px;
	list-style-type: none;
	z-index: 50;
}
	
#location li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 2px;
	top: 0;
	text-transform: uppercase;
	text-align: left; 
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	z-index: 10;
}
	
#location li ul ul { /* third-and-above-level lists */
	left: -999em;
	z-index: 50;
}
	
#location li a {
	font-weight : bold;
	text-decoration : none;
	display: block;
	padding: 3px 10px 3px 3px;
}
#location li ul li a {
	border-bottom: 1px solid black;
	padding-left: 5px;
}	

#location li a:hover {
	color: #4C261B;
}
	
#location li:hover ul li a:hover {
	color: #000000;
}
	
#location li:hover ul ul, #location li:hover ul ul ul, #location li.sfhover ul ul, #location li.sfhover ul ul ul {
	left: -999em;
	color: #000000;

}

#location li:hover ul, #location li li:hover ul, #location li li li:hover ul, #location li.sfhover ul, #location li li.sfhover ul, #location li li li.sfhover ul { /* lists nested under hovered list  */
	left: 1px;
	top: 20px;
	color: #000000;

}

#locationhome {
	position: relative;
	padding: 14px 0 0 45px;
	width: 287px;
	height: 257px;
	float: left;
	border-right: 1px solid #000000;
}

#locationhome ul { position: relative;list-style: none; margin: 0;padding: 0; }

#locationhome li { position: relative;float: left; padding: 0;margin: 0; }

#locationhome a { display: block;height: 32px; width:254px;text-indent:-1000em;z-index: 250;background-position: top; }


#locationhome #loc_newark a { background: transparent url(http://ironhillbrewery.com/images/loc_newark.png) no-repeat; }
#locationhome #loc_westchester a { background: transparent url(http://ironhillbrewery.com/images/loc_westchester.png) no-repeat; }
#locationhome #loc_media a { background: transparent url(http://ironhillbrewery.com/images/loc_media.png) no-repeat; }
#locationhome #loc_wilmington a { background: transparent url(http://ironhillbrewery.com/images/loc_wilmington.png) no-repeat; }
#locationhome #loc_northwales a { background: transparent url(http://ironhillbrewery.com/images/loc_northwales.png) no-repeat; }
#locationhome #loc_phoenixville a { background: transparent url(http://ironhillbrewery.com/images/loc_phoenixville.png) no-repeat; }
#locationhome #loc_lancaster a { background: transparent url(http://ironhillbrewery.com/images/loc_lancaster.png) no-repeat; }
#locationhome a:active { outline: none; }
#locationhome #loc_newark a:hover, #locationhome #loc_newark a.on, #locationhome #loc_westchester a:hover, #locationhome #loc_westchester a.on, #locationhome #loc_media a:hover, #locationhome #loc_media a.on, #locationhome #loc_wilmington a:hover, #locationhome #loc_wilmington a.on, #locationhome #loc_northwales a:hover, #locationhome #loc_northwales a.on, #locationhome #loc_phoenixville a:hover, #locationhome #loc_phoenixville a.on, #locationhome #loc_lancaster a:hover, #locationhome #loc_lancaster a.on { background-position: bottom; }


#nav {
	position: relative;
	padding: 20px 0;
	border-top: 1px solid #4C261B;
	border-bottom: 1px solid #4C261B;
	margin: 10px 0 0 0;
	height: 44px;
	z-index: 30;
}

#nav ul { position: relative;list-style: none; margin: 0;padding: 0; }

#nav li { position: relative;float: left; padding: 0;margin: 0 11px; }

#nav a { display: block; border-top:2px solid #231F20;border-bottom:2px solid #231F20;height: 40px; width:115px;text-indent:-1000em; }
#nav a:hover, #nav a.on { 
	-moz-opacity:0.5;
	opacity:0.5;
}
#nav a:active { outline: none; } #nav a:focus { -moz-outline-style: none; }

#nav_general a { background: transparent url(http://ironhillbrewery.com/images/nav_general.png) top; }
#nav_events a { background: transparent url(http://ironhillbrewery.com/images/nav_events.png) top; }
#nav_beer a { background: transparent url(http://ironhillbrewery.com/images/nav_beer.png) top; }
#nav_food a { background: transparent url(http://ironhillbrewery.com/images/nav_food.png) top; }
#nav_culture a { background: transparent url(http://ironhillbrewery.com/images/nav_culture.png) top; }


#subnav {
	float: right;
	width:  120px;
	margin-bottom: 60px;
}

#subnav ul  {
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnav li { float: left; padding: 0;margin: 0px 11px 0 0; }

#subnav a { 
	display: block;
	overflow: hidden;
	font: 11px/14px Arial, sans-serif;
	font-weight: bold;
	width: 110px;
	padding: 0;
	margin: 5px 0;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}

#subnav a:hover, #subnav a.on {
	color: #4C261B;
}

#subsubnav a, #subsubpop a { 
	display: block;
	overflow: hidden;
	font: 10px/12px Arial, sans-serif;
	font-weight: normal;
	width: 100px;
	padding: 0 0 0 10px;;
	margin: 0 0 3px 0;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}

#archergroup {
	display: none;
}


#dhtmlgoodies_scrolldiv{
	position: relative;
	width:233px;
	height:200px;	/* The height of the scrolling div */
	z-index: 101;
}
#scrolldiv_parentContainer{
	width:91%;	/* Width of the scrolling text */
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
	z-index: 102;
}
	
/*
CSS for the scrolling content 
*/
#scrolldiv_content{
	padding: 0 5px 0 0;
	position:relative;
	font: 11px/15px Arial, sans-serif;
	color: #000000;
}
	
#scrolldiv_content h3{
	font: 11px/15px Arial, sans-serif;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#scrolldiv_content h4{
	font: 12px/15px Arial, sans-serif;
	color: #8c3922;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#scrolldiv_content p{
	margin: 0;
	padding: 0;
}

#scrolldiv_content .news{
	display: block;
	margin: 0 0 10px 0;
}
	
	
/*
The scrollbar slider 
*/
#scrolldiv_slider{
	width:13px;
	margin-left:2px;
	height:110px;
	float:right;
}
	
/*
The scrollbar (The bar between the up and down arrow )
*/
#scrolldiv_scrollbar{
	width:13px;
	height:200px;
	position:relative;
	background: transparent url(http://ironhillbrewery.com/images/bg_scrollbar.gif) repeat-y;
}
/*
The scrollbar handle
*/
#scrolldiv_theScroll{
	margin:1px;
	width:13px;
	height:13px;
	background: transparent url(http://ironhillbrewery.com/images/bg_scrollbarhandle.png) repeat-y;
	position:absolute;	
	top:0px;
	left:-1px;
	cursor:pointer;
}
/*
Scroll buttons(The up and down arrows)
*/
#scrolldiv_scrollUp,#scrolldiv_scrollDown{
	width:15px;
	height:16px;
	text-align:center;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
	display: none;
}
#scrolldiv_scrollUp{
	margin-bottom:2px;
}
#scrolldiv_scrollDown{
	margin-top:2px;
}
#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
	font-family: Symbol;
}

.main { background-color: #ED9A2B; border-color:#CE861A;}
.home, .home #nav a, .outside, .outside #nav a  { background-color: #F4852C; border-color:#CE861A; }
.home #nav a, .outside #nav a { border-color: #000000;}
.home #location li ul, .outside #location li ul { background-color: #FF9B4B; }
.main #location li ul { background-color: #FF9B4B; }

.general, .general #nav a { background-color: #FFA137; border-color: #BB580E; }
.general #location li ul { background-color: #FFAE53; }
.general #subnav a:hover, .general #subnav a.on { color:#CF3000; }
.general #contentsub_center, .general #contentsub_mid, .general #contentsub_righttext, .general #contentsub_bot, .general #nav { border-color: #CA6311; }

.events, .events #nav a { background-color: #BCB35B; border-color: #697A16; }
.events #location li ul { background-color: #C6BE6B; }
.events #subnav a:hover, .events #subnav a.on { color:#687714; }
.events #contentsub_center, .events #contentsub_mid, .events #contentsub_righttext, .events #contentsub_bot, .events #nav { border-color: #687714; }

.beer, .beer #nav a { background-color: #FBAC30; border-color: #D08512; }
.beer #location li ul { background-color: #FEB84A; }
.beer #subnav a:hover, .beer #subnav a.on { color:#95470C; }
.beer #contentsub_center, .beer #contentsub_mid, .beer #contentsub_righttext, .beer #contentsub_bot, .beer #nav { border-color: #7D3900; }

.food, .food #nav a { background-color: #DCD587; border-color: #AA9E49; }
.food #location li ul { background-color: #E3DC8E; }
.food #subnav a:hover, .food #subnav a.on { color:#D5972B; }
.food #contentsub_center, .food #contentsub_mid, .food #contentsub_righttext, .food #contentsub_bot, .food #nav { border-color: #876500; }

.culture, .culture #nav a { background-color: #E0723D; border-color: #8D1900; }
.culture #location li ul { background-color: #ED7235; }
.culture #subnav a:hover, .culture #subnav a.on { color:#973112; }
.culture #contentsub_center, .culture #contentsub_mid, .culture #contentsub_righttext, .culture #contentsub_bot, .culture #nav { border-color: #973211; }




.copy {
	position: relative;
	width: 372px;
	float: left;
}

.post {
	padding: 0 0 20px 0;
	position: relative;
}

.post h2 {
	border-bottom: 1px solid #7d3900;
	padding: 0 0 5px 0;
	margin-bottom: 3px;
}

.post h2 a {
	color: #4a261b;
	font-size: 20px;
	text-decoration: none;
}

.post h2 em {
	color: #75551d;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.sidebar {
	position: relative;
	float: right;
	width: 129px;
	font-size: 10px;
}

.sidebar a {
	color: #6a1900;
	text-decoration: none;
}

.sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 7px;
}

.left_sidebar {
	float: right;
	width:  120px;
	margin-bottom: 30px;
	font-size: 10px;
}

.left_sidebar a {
	color: #6a1900;
	text-decoration: none;
}

.left_sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0px 0 10px 7px;
}

.left_sidebar li { float: left; padding: 0; margin: 0px 10px 2px 0; }
.left_sidebar img {padding-bottom:0px;}

.datetitle {
	border-bottom: 1px solid #7d3900;
}

.entry {
	padding: 10px 0 0 0;
}

.entry img {
	float: left;
	padding: 0 15px 10px 0;
}

.details a {
	text-decoration: none;
}

.upevents {
	line-height: 11px;
	margin: 5px 0 0 7px;
	font-size: 10px;
}

.upevents a {
	font-weight: bold;
	text-decoration: none;
}

.upbeer {
	position: relative;
	line-height: 11px;
	margin: 5px 0 5px 7px;
	font-size: 10px;
}

.upbeer p {
	position: relative;
	padding: 0 0 5px 0px;
}

.upbeer a {
	text-decoration: none;
}
	
	
	
	
	
/* Begin Images */
p img {
	padding: 5px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */