/*  
Theme Name: Oregon Brewers Guild Theme
Theme URI: http://oregonbrewers.org
Description: Drink Beer!
Version: 1.0
Author: eROI
Author URI: http://eroi.com
*/

/* CSS Document */
/************************************************************************

	Site: Oregon Brewers Guild
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Navigation
	3 - Structure/layout
	4 - Main content
	5 - Footer content
	

************************************************************************/
/***********************************************************************
	1 - GLOBAL
************************************************************************/
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, span, label { 
	margin: 0; 
	padding: 0; 
}

body {
	background: #1a1919;
	font: 11px Trebuchet, Trebuchet MS;
	color: #2c2b2b;
}

a {
	color: #d39459;
}

.none {
	display: none;
}

a.display {
	display: block;
	width: 100%;
	height: 100%;
}

br.clear {
	clear: both;
}


/***********************************************************************
	2 - NAVIGATION
************************************************************************/
div#leftColumn ul#nav {
	list-style: none;
	text-transform: uppercase;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	margin: 15px 0 15px 0;
}

div#leftColumn ul#nav li {
	padding: 0 0 10px 0;
}

div#leftColumn ul#nav li a {
	color: #c5833b;
	text-decoration: none;
}

/***********************************************************************
	3 - STRUCTURE
************************************************************************/
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 1110px;
}

div#top {
	background: url(assets/img/bg_top-texture.gif) left top no-repeat;
	height: 34px;
}

div#middle {
	background: url(assets/img/bg_mid-texture.gif) left top repeat-y;
	padding: 0 0 0 79px;
	height: 1%;
}

div#middle div#leftColumn {
	width: 142px;
	float: left;
	margin-right: 10px;
}

div#leftColumn div#newsletter {
	padding: 10px 0 10px 0;
	border-bottom: 1px dashed #2c2b2b;
}

div#contentContainer {
	width: 792px;
	float: left;
	margin: 0 0 0 0;
}

div#bottom {
	background: url(assets/img/bg_bot-texture.gif) left bottom no-repeat;
	height: 62px;
	padding: 43px 0 0 80px;
}



/***********************************************************************
	4 - MAIN CONTENT
************************************************************************/
/*-- LEFT COLUMN --*/
div#leftColumn div#logo {
	background: url(assets/img/bg-logo.gif) left top no-repeat;
	width: 100px;
	height: 101px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

div#leftColumn div#logo h1 {
	display: block;
	width: 100%;
	height: 100%;
}

div#leftColumn div.dottedSection p {
	font-size: 12px;
	line-height: 116%;
	color: #6a5f55;
}

div#leftColumn div#facebookWrap {
	border-top: 1px dashed #2c2b2b;
	border-bottom: 1px dashed #2c2b2b;
	padding: 5px 0;
	height: 1%;
}

div#leftColumn div#facebook {
	background: url(assets/img/logo_facebook.gif) left top no-repeat;
	width: 141px;
	height: 53px;
	margin: 5px 0;
}

div#leftColumn div#newsletter p {
	color: #6a5f55;
	padding: 0 0 2px 0;
}

div#leftColumn div#newsletter div {
	align: right;
	padding: 5px 0 0 0;
}

div#leftColumn div#newsletter input#newsletterField {
	font-size: 10px;
	width: 139px;
	padding: 1px;
	margin: 0 0 2px 0;
}

div#twitter_div {
	padding: 10px 0 0 0;
}

div#twitter_div h2 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #924f16;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

div#twitter_div ul {
	list-style: none;
}

div#twitter_div ul li {
	padding: 0 0 10px 0;
}

div#twitter_div a {
	text-decoration: none;
}

ul.wplc_event_list
{
	list-style: none;
}

ul.wplc_event_list h2
{
	font-size: 12px !important;
	font-weight: bold !important;
}

.entry ul.wplc_event_list
{
	margin: 30px 0;
}

.entry ul.wplc_event_list li
{
	margin-bottom: 25px;
}
/***********************************************************************
	5 - FOOTER
************************************************************************/
div#bottom div#footer ul li {
	display: inline;
	list-style: none;
	text-transform: uppercase;
	font: bold 10px Georgia, "Times New Roman", Times, serif;
	color: #b97735;
}

div#bottom div#footer ul li a {
	text-decoration: none;
	color: #b97735;
}

div#bottom div#footer p {
	color: #c6bcad;
	font-size: 8px;
	padding-top: 10px;
	text-transform: uppercase;
}

div#bottom div#footer p span {
	padding-right: 10px;
}

div#bottom div#footer p span a {
	text-decoration: none;
	color: #c6bcad;
}
/***********************************************************************
	6 - CALENDAR
************************************************************************/
.event-details li {
	list-style-type:none;
}
#map a {
	outline:none;
	border: 0px;
}
.event-listing {
	padding:0 30px;
	margin:0 0 40px 0;
	clear:both;
}
.event-listing h2, .error {
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	display:block;
	padding:20px 0 10px 0;
	color:#231603;
}
.error, .clear-filters {
	text-align:left;
	padding-left:25px;
}
.event-listing a {
	color:#347500;
}
.event-listing h2 a {
	color:#231603;
	text-decoration:none;
}
.event-listing p {
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}
h1#headline {
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif!important;
	font-size:46px!important;
	color:#231603!important;
	clear:both;
	display:block;
	text-align:center;
	position:relative;
}
#filter-map-wrapper {
	clear:both;
	display:block;
	padding:0 15px 0 25px;
	position:relative;
}
#right-wrapper, #left-wrapper {
	float:left;
}
#left-wrapper {
	width:230px;
}
#right-wrapper {
	width:520px;
}
.filter-nav li {
	float:left;
	list-style-type:none;
}
.filter-nav li a {
	color:#231603!important;
}
#location-nav li {
	margin-right:10px;
}

#category-nav {
	padding:0 10px 0 25px;
	clear:both;
	position:relative;
}
.last {
	margin-right:0px;
	padding-right:0px;
}
#category-nav li {
	margin-right:35px;
}
.event-page div#sub_leftColumn {
	width:100%!important;
}
.event-page #content {
	padding-bottom:20px;
}
.event-left {
	float:left;
	width:200px;
	margin-right:50px;
}
.event-right {
	float:left;
	width:450px;
}
.clear {
	clear:both;
}
.event-guts {
	margin:0px!important;
	padding:0px!important;
	width:100%!important;
}

div.event-page div#content_botCap {
	background: url(assets/img/event_bot-content.gif) left bottom no-repeat!important;
	height: 9px;
}

div.event-page div#content_topCap {
	background: url(assets/img/event_top-content.gif) left bottom no-repeat!important;
	height: 9px;
}


div.event-page div#content_middle {
    background: url(assets/img/event_bg.jpg) no-repeat scroll left top #fff!important;
}

div.home-page #content_middle {
	padding:0px!important; 
}

div.home-page #mainColumn {
	padding-left:0px!important;
	padding-right:30px!important;
	width:603px!important;
}

div.home-page #bg-top {
    background: url(assets/img/home_bg-top.gif) no-repeat;
	width:633px;
	height:164px;

}
#home-wrap {
	padding:0 0 0 60px;
}
.home-page a,
.home-page h2 {
	color:#508f01;
	text-decoration:none;
}
div.home-page div#mainColumn p {
	color:#2b1d09!important;
	line-height:18px;
}
div.home-page div#mainColumn h3 {
font-size:18px;
margin-bottom:10px;
	color:#4b3515;
margin-top:15px;

}
.brown {
	color:#4b3515!important;
}
.Mac div.home-page div#mainColumn h1 {

padding-top:20px;
}

div.home-page div#mainColumn h1 {
	color:#231603 !important;
	text-align:center;
	border-bottom:none!important;
	
	font-size:40px!important;
}
div.home-page div#mainColumn,
div.home-page div#mainColumn h1 {
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif!important;
}
.ui-widget-content {
	background:none!important;
	border:none!important;
}
.ui-datepicker .ui-datepicker-title  {
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif!important;
	color:#231603!important;
	font-size:18px!important;
	text-transform:uppercase;
	font-weight:regular;
	position:relative;
	top:-3px;
}

.ui-state-default,
.ui-datepicker th {
	border:none!important;
	background:none!important;
	font-size:16px;
	color:#231603!important;
	font-weight:bold;
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif!important;
}
.ui-datepicker th {
	font-weight:normal!important;
}
a.ui-state-hover {
    background: url(assets/img/bg-green.png)!important;
	-moz-border-radius: 7px;
	border-radius: 7px; 
}
.ui-widget-header {
	border:none!important;
	background:none!important;
	font-weight:normal!important;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align:center!important;
}

#filter-map-wrapper h2, .filter-nav h2 {
	font-family: 'Vollkorn', Georgia, "Times New Roman", Times, serif!important;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:10px;
}

/*nav sprite */
.nav-item a, .circle {
    background: url(assets/img/sprite-nav.png) no-repeat;
}
.nav-item a {
	display:block;
}
.nav-item a span {
	display:none;
}
.circle{ background-position: 0 -914px; width: 137px; height: 47px; } 
.circle {
	display:none;
	position:relative;
}
.nav-item a {
	height:25px;
}
#category_festival-active a,
#category_festival a:hover { background-position: 0 0; width: 58px;  } 
#category_festival a { background-position: 0 -65px; width: 58px;  } 
#category_meet-brewer-active a,
#category_meet-brewer a:hover { background-position: 0 -130px; width: 112px;  } 
#category_meet-brewer a { background-position: 0 -199px; width: 112px; } 
#category_new-releases-active a,
#category_new-releases a:hover { background-position: 0 -268px; width: 89px; } 
#category_new-releases a { background-position: 0 -337px; width: 89px;  } 
#category_other-active a,
#category_other a:hover { background-position: 0 -406px; width: 48px; } 
#category_other a { background-position: 0 -469px; width: 48px; } 
#category_pairing-active a,
#category_pairing a:hover { background-position: 0 -532px; width: 66px;  } 
#category_pairing a { background-position: 0 -597px; width: 66px;  } 
#category_tapping-active a,
#category_tapping a:hover { background-position: 0 -662px; width: 72px; } 
#category_tapping a { background-position: 0 -725px; width: 72px; } 
#category_tastings-active a,
#category_tastings a:hover { background-position: 0 -788px; width: 64px; } 
#category_tastings a { background-position: 0 -851px; width: 64px; } 

#location_central-active a,
#location_central a:hover { background-position: 0 -1007px; width: 60px; } 
#location_central a { background-position: 0 -1074px; width: 60px; } 
#location_coast-active a,
#location_coast a:hover { background-position: 0 -1138px; width: 47px;  } 
#location_coast a { background-position: 0 -1203px; width: 47px;  } 
#location_eastern-active a,
#location_eastern a:hover{ background-position: 0 -1269px; width: 42px;  } 
#location_eastern a{ background-position: 0 -1337px; width: 42px; } 
#location_hood-gorge-active a,
#location_hood-gorge a:hover { background-position: 0 -1405px; width: 74px; } 
#location_hood-gorge a { background-position: 0 -1469px; width: 74px; } 
#location_portland-active a,
#location_portland a:hover { background-position: 0 -1529px; width: 68px; } 
#location_portland a { background-position: 0 -1592px; width: 68px; } 
#location_southern-active a,
#location_southern a:hover { background-position: 0 -1659px; width: 63px; } 
#location_southern a{ background-position: 0 -1722px; width: 63px; } 
#location_willamette-valley-active a,
#location_willamette-valley a:hover { background-position: 0 -1785px; width: 92px;  } 
#location_willamette-valley a { background-position: 0 -1846px; width: 92px;  } 

.ui-icon {
	background:none!important;
}
.ui-datepicker-prev  {
    background: url(assets/img/arrow-left.png) no-repeat left 5px;
	height:16px;
	width:16px;
}

.ui-datepicker-next  {
    background: url(assets/img/arrow-right.png) no-repeat right 5px;
	height:16px;
	width:16px;
}


.ui-datepicker-prev:hover  {
    background: url(assets/img/arrow-left.png) no-repeat left 5px!important;
	border:none!important;
}

.ui-datepicker-next:hover  {
    background: url(assets/img/arrow-right.png) no-repeat right 5px!important;
	border:none!important;
}
#social div#twitter,
#social div#flickr {
	width:250px;
	float:left;
}
#social {
	margin-top:20px;
	display:block;
	width:auto;
	height:auto;
}
.social-image {
	width:62px;
	height:82px;
	float:left;
	padding:15px 15px 0 0;
}
.social-text {
	float:left;
	width:170px;
}
.social-text p {
	padding-top:0px!important;
	font-weight:bold;
}
#social div#twitter .social-image {
    background: url(assets/img/icon_twitter.gif) no-repeat 0 20px;
}
#social div#flickr .social-image {
    background: url(assets/img/icon_flicker.gif) no-repeat 0 20px;
}


.social-image a {
	display:block;
	width:100%;
	height:100%;
}
.Mac .event-page #content {
	margin-top:50px;
}
.ff4 .event-page #content {
	margin-top:50px;
}