/*
Theme Name: Milwaukee Ale House
Theme URI: http://ale-house.com
Description: Custom template design for the Milwaukee Ale House
Version: 1.0
Author: tracy apps design LLC
Author URI: http://tracyappsdesign.com
Tags: warm, two column, jquery, full of awesome
*/

html {font-size: 62.5%; margin: 0px; padding:0px;}
body {background:#350000 url('images/bodyBG.jpg') repeat-y top center; margin:0px; padding:0px; color:#fff; font:normal 1em/1em Tahoma, "Trebuchet MS", Arial, sans-serif;}

h1 {font:normal 2.4em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px; color:#fff;}
h2 {font:normal 2.4em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px; color:#fff;}
h3 {font:bold 1.5em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px; color:#fff;}
h4 {font:normal 1.4em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin-bottom:3px; color:#fff;}
h5 {font:normal 1.3em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin: 0px; padding: 0px; color:#fff;}
h6 {font:bold 1.2em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin:3px 0px; color:#fff;}

img {border:0px; outline:none;}
input {outline:none;}
a:link, a:visited {color:#fcff00; text-decoration:none; outline:none;}
	a:hover, a:visited:hover, a:focus {color:#fff; text-decoration:none; outline:none;}

.alignright {float:right; margin-left:20px;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.clear {clear: both;}
.meta {font-size:10px; margin-top:0px;}
.postMeta {clear:both; font-size:10px; margin:5px 0px;}
.wp-caption {background:#fff; color:#222; padding:5px; text-align:center;  -moz-box-shadow: #333 2px 2px 8px; -webkit-box-shadow: #333 2px 2px 8px;}
.navigation {clear:both; margin:20px 0px; overflow:hidden;}

#container {width: 960px; margin: 0px auto; background: url('images/containerBG.jpg') no-repeat top left; position: relative;}
	#header {height: 140px; overflow: hidden;}
		#logo {width: 258px; height: 91px; margin: 2px auto 0px auto; overflow: hidden;}
			#logo h1 {margin: 0px; padding: 0px; text-indent: -9999999px;}
		#mahLogo {position: absolute; top: 27px; left: 5px;}
		#gahLogo {position: absolute; top: 14px; right: 5px;}
		
		.mainNav ul {margin: 3px 0px 0px 0px; padding: 8px 0px 0px 0px; text-align: center;}
			.mainNav ul li {list-style-type: none; display: inline; margin: 0px 1px; padding: 3px 7px 3px 9px; border-left: 1px solid #5f1313;}
			.mainNav ul li:first-child {border-left: none;}
				.mainNav ul li a, .mainNav ul li a:visited {color: #5f1313; font-size: 1.4em; font-weight: bold; padding: 3px 0px}
					.mainNav ul li a:hover, .mainNav ul li a:visited:hover, .mainNav ul li a:focus {color: #000; border-bottom: 2px solid #bc5e03;}
					.mainNav ul li.current_page_item a {color: #b8674e; border-bottom: 2px solid #bc5e03;}
			
	#content {overflow: hidden; font-size: 1.2em; line-height: 1.4em;}
		#TwoColLeft {float: left; width: 590px; padding: 0px 0px 0px 20px;}
			.page #TwoColLeft, .category #TwoColLeft, .author #TwoColLeft, .error404 #TwoColLeft {padding:10px 0px 0px 30px;}
			.live-music #TwoColLeft {width:900px; padding:10px 0px 0px 30px;}
			.beer #TwoColLeft, .single #TwoColLeft {padding:10px 0px 0px 30px;}
		#TwoColRight {float: right; width: 312px;}
			.home #TwoColRight {float: right; width: 322px;}
			.live-music #TwoColRight {width: 22px; display:none;}
		#FullColl {padding:20px 30px;}
				
	#footer {clear: both; background: #8c2505 url('images/footerBG.jpg') no-repeat top left; padding: 10px 15px; margin: 20px 0px 0px 0px; overflow: hidden; line-height:1.3em;}
		#footerText {float: left;}
		#footerSocial {float: right; padding: 10px 0px;}
		
		
/*--------------------------------------------- home --*/
			/* homepage - left (main) column */
			#slider {width:588px; height:465px; background:url('images/homepageSlideshowBG.png') no-repeat top left; overflow:hidden; padding:8px 5px 10px 17px; position: relative;}
				ul#sliderContent {margin:0px; padding:0px;  width:579px; height:466px; }
					ul#sliderContent li {list-style-type:none; margin:0px; padding:0px; width:579px; height:466px; overflow:hidden; position:relative; z-index:2; display:block; margin:0px 10px 17px 0px;}
					
						ul#sliderContent li img {position:absolute; z-index:-1; top:0px; left:0px;}
						
						.sliderImage {float: left; position: relative; display: none;}
						.sliderImage span {position: absolute; left: 0; font: 16px/18px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 588px; background-color: #000; 
							filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; top: 0;}
						
							.top {top: 0; left: 0;}
							.bottom {bottom: 0; left: 0;}
							.left {top: 0; left: 0; width: 150px !important; height: 465px;}
							.right {right: 0 !important; bottom: 0; width: 150px !important; height: 465px;}
							
			#homepageBoxesContainer {padding:20px 0px 30px 20px; margin:0px -10px;}
				.homepageBox {width:255px; margin:0px 20px 0px 20px; float:left;}
			
			
			#facebookFanBox {margin:20px 16px 20px 10px; padding:0px;}
			
			#rightHomeTabs {width:312px; margin:20px 0px 0px 10px; padding:0px;}
				.homeTabs {width:312px; padding:0px; margin:0px;}
					.homeTabs ul.tabs {margin:0px; padding:0px;}
						.homeTabs ul.tabs li { list-style:none; float:left; margin:0px; }
						.homeTabs ul.tabs a {display:block; padding:6px 10px; text-decoration:none!important; margin:1px; margin-left:0; font:10px Verdana; color:#000; background:#d38a27;}
						.homeTabs ul.tabs a:hover {color:#000; background:#e1a720;}
						.homeTabs ul.tabs a.selected {margin-bottom:0; color:#000; cursor:default; background:#e1a720;}
				
					.homeTabs div {padding:0px; margin:0px 16px 5px 0px; clear:left; }
						ul.rightHomeList {margin:0px; padding:5px; background:#943719; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
							ul.rightHomeList li {list-style-type:none; margin:0px; padding:5px;}
								ul.rightHomeList ul {margin:0px; padding:0px;}
									.tweet_time {font-size:11px;}
									.tweet_avatar {float:left; clear:left; margin:0px 10px 5px 0px; background:#fff; padding:3px; border:1px solid #3d3735;}

/*--------------------------------------------- sidebar --*/	
			/* sidebar formatting */
			
			#TwoColRight h4 {background:url('images/sidebarTitleOrange.png') no-repeat top right; width: 307px; height: 31px; padding:6px 0px 2px 5px; color:#000; margin:25px 0px -7px 0px;}
				#sideWidgetContainer {margin:20px 0px;}
					#sideWidgetContainer h4 {background:url('images/sidebarTitleGreen.png') no-repeat top right;}
					#sideWidgetContainer h4 a {color:#000;}
						#sideWidgetContainer div {padding:0px 25px 10px 0px;}
						
				#ps_sidebar_name {font:normal 1.4em/1.0em Tahoma, "Trebuchet MS", Arial, sans-serif; margin:20px 0px 0px 0px;}
				#ps_sidebar_content {margin:5px 0px;}
			
			ul.pageSubNav {margin:0px 17px 10px 0px; padding:0px; border-top:1px solid #a75027;}
				ul.pageSubNav li {margin:0px; padding;0px; list-style-type:none; border-left:1px solid #a75027; border-right:1px solid #a75027; border-bottom:1px solid #a75027;}
					ul.pageSubNav li a, ul.pageSubNav li a:visited {display:block; padding:5px 8px; color:#fff; background:#a75027;filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
						ul.pageSubNav li a:hover, ul.pageSubNav li a:visited:hover, ul.pageSubNav li a:focus, ul.pageSubNav li.current_page_item a {filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color:#923e16;}
			
			#rightsideLivemusic {padding:0px 0px 20px 10px;}
				h3.rightsideLivemusicTitle {background:url('images/livemusic-rightsideTitleBG.png') no-repeat top right; width:273px; height:73px; margin:0px 0px -45px 0px; padding:25px 0px 0px 40px; color:#000; font-size:1.4em;}	
			
				ul.livemusicList {margin:0px; padding:0px;}
					ul.livemusicList li {list-style-type:none; padding:3px 5px 3px 30px; background-color:#a75027; margin:0px 18px 1px 0px;}
						ul.livemusicList p {margin:3px 0px;}
						
						li.Milwaukee {background:url('images/m.png') no-repeat 4px 35%; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
						li.Grafton {background:url('images/g.png') no-repeat 4px 35%; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
							
							a:link li.Milwaukee, a:link li.Grafton, a:visited li.Milwaukee, a:visited li.Grafton {color:#fff;}
							li.Milwaukee:hover, li.Grafton:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color:#923e16;}
							
					.livemusicKey {margin:0px 0px 7px 40px;}
						ul.livemusicList2 {margin:0px; padding:0px;}
							ul.livemusicList2 li {list-style-type:none; background-position:0px 3px; padding:2px 5px 2px 30px; margin-right:18px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
								ul.livemusicList2 li.Milwaukee:hover, ul.livemusicList2 li.Grafton:hover {background-color:transparent !important; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
					
					#sideWidgetContainer ul.twitter {background:url('images/sidebarTitleBlue.png') no-repeat top right; margin:-39px 0px 0px 0px; padding:40px 0px 20px 0px;}
						ul.twitter li {list-style-type:none; padding:0px 0px 5px 10px; margin:0px 25px 8px 5px; border-bottom:1px dotted #923e16;}
							.twitter-timestamp {filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; font-size:11px;}
			

/*--------------------------------------------- page(s) --*/
			#breadcrumb {overflow:hidden; margin:0px; padding:5px 0px 20px 0px; font-size:10px;}
			
			/* live music list & detail page formatting */
			.showInfo {background:#923e16; padding:5px 300px 5px 5px; margin:5px 0px; line-height:1.3em;}
			.artistimage {margin:-45px 10px 20px 20px; border:5px solid #fff; -moz-box-shadow: #333 5px 5px 20px; -webkit-box-shadow: #333 5px 5px 20px; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg);}
			.relatedShows {font-size:0.9em; margin:10px; padding:5px; border:1px solid #923e16; width:350px; background:#a75027;filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; clear:both;}
				.relatedShows h4 {margin:0px; padding:3px 0px; font-size:1.2em; font-weight:normal;}
				.relatedShows ul {margin:0px; padding:0px;}
					.relatedShows ul li {display:inline; list-style-type:none; padding: 3px 9px;}
			
			/* beer list & detail page formatting */
			
			#beerListContainer {width:900px; }
				
				ul#theBeers {margin:0px; padding:0px; overflow:hidden;}
				
					ul#theBeers li {list-style-type: none; width:280px;float:left; margin:5px 9px 10px 9px; height:335px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: #570101 0px 0px 4px; -webkit-box-shadow: #570101 0px 0px 4px;}
						ul#theBeers li a {color:#6d0000;}
						ul#theBeers li img {margin:5px 0px 0px 30%;}
						ul#theBeers li h5 {margin:5px 0px; text-align:center; display:block; color:#6d0000;}
						ul#theBeers li p {padding:0px 5px 3px 5px;}
							.beertype { color:#fff; font-weight:bold; font-size:1.0em; padding:3px; display:block; margin:2px 0px 5px 0px; text-align:center;}
								.Seasonal .beertype {background:#004d6d;}
								.YearRound .beertype {background:#923e16;}
								.Timed .beertype {background:#5b6d34;}
								
				.single .beertype {background:#923e16; padding:5px 100px 5px 5px; margin:5px 7px 5px 0px; line-height:1.3em; text-align:left;}
					.single .Seasonal {background:#004d6d;}
				.single .beerimage {margin:-45px 10px 20px 20px; border:5px solid #fff; -moz-box-shadow: #333 5px 5px 20px; -webkit-box-shadow: #333 5px 5px 20px; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg);}