/* -----------------------------------------
   Main.css
   Made by: John Roescher (johnroescher.com)
   For: 
   ----------------------------------------- */

/* RESET STUFF */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
a:hover, a:active { outline: none; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }

/* GENERAL */
::-moz-selection{ background: #fff; color:#d33800; text-shadow: none; }
::selection { background:#fff; color:#d33800; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #fff; } 
.hidden { display: none; visibility: hidden; } 
a img {vertical-align:bottom}

/* CLEARFIX */
clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* PRINT STYLES */
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; } 
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } 
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}

/* FONTS */
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeue-webfont.eot');
	src: local('☺'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfontkl9Cw39n') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GLOBAL STYLES */

body {
    /*background: url(../img/background-wood.jpg) center top fixed repeat #4c4a45;*/
    /*background: url(../img/bluebg.jpg) center top fixed repeat #4c4a45;*/
    /*background: url(../img/holidaybg.jpg) center bottom #4c4a45;*/
    background: url(../img/starbg.jpg) center bottom fixed #000;
    background-size: 100%;
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #111;
}
a {
	color: #000;
}
	a:hover {
		color: #C4210F;
	}

#container {
	width: 946px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#main-page-head {
	position: relative;
	display: block;
	background: url(../img/main-header-bg.png) center top no-repeat;
	height: 153px;
}
	#main-page-head h1 {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 611px;
		height: 190px;
		background: url(../img/hot-club-of-cow-town-logo.png) right bottom no-repeat;
		text-indent: -999999px;
	}
	#main-nav {
		display: block;
		position: absolute;
		right: 10px;
		top: 15px;
	}
		#main-nav ul {
			display: block;
			width: 280px;
		}
			#main-nav ul li {
				display: block;
				width: 33%;
				float: left;
			}
				#main-nav ul li a {
					display: block;
					padding: 3px;
					color: #fff;
					font-size: 17px;
					font-family: BebasNeueRegular, Verdana, sans-serif;
					text-transform: uppercase;
					text-decoration: none;
					letter-spacing: 2px;
				}
					#main-nav ul li a:hover,
					#main-nav ul li.current a {
						color: #C4210F;
					}

#main {
	margin-top: 13px;
	padding: 12px 53px 30px 48px;
	background: url(../img/content-bg-trans.png) center top repeat-y;
}
	.two-column #main-content {
		width: 570px;
		float: left;
	}
	.three-column #main-content {
		width: 410px;
		float: left;
	}
		#main-content-head {
			position: relative;
			padding-bottom: 15px;
		}
			#main-content-head h1 {
				display: block;
				position: relative;
				float: left;
				left: -77px;
				width: 287px;
				height: 69px;
				background: url(../img/main-content-head-bg.png) no-repeat;
				font-family: BebasNeueRegular, Verdana, sans-serif;
				color: #fff;
				font-weight: normal;
				font-size: 34px;
				letter-spacing: 2px;
				text-align: left;
				text-indent: 80px;
				text-transform: uppercase;
				line-height: 67px;
			}
			#social-subscribe {
				float: right;
				width: 254px;
				padding-top: 10px;
			}
				#social-subscribe .social-elements {
					display: block;
					float: right;
					text-align: right;
				}
					.social-elements a {
						display: block;
						float: right;
						margin-left: 3px;
					}
			#mailing-list-form {
				display: block;
				float: right;
				clear: right;
				padding-top: 3px;
			}
				#mailing-list-form p {
					display: inline;
					text-align: right;
				}
					#mail-list-email {
						background: #dedfe0;
						border: none;
						color: #131616;
						font-size: 11px;
						padding: 2px 3px;
						width: 155px;
						font-family: Verdana, Helvetica, sans-serif;
					}
					#mail-list-submit {
						background: #C4210F;
						border: none;
						color: #fff;
						font-size: 11px;
						text-transform: uppercase;
						text-align: center;
						padding: 2px 3px;
					}
			#sub-nav {
				display: block;
				width: 400px;
				position: absolute;
				left: 215px;
				top: 13px;
			}
				#sub-nav li {
					display: block;
					float: left;
				}
					#sub-nav li a {
						display: block;
						font-size: 11px;
						text-decoration: none;
						text-transform: uppercase;
						padding: 4px 10px;
						text-align: center;
					}
						#sub-nav li a strong {
							display: block;
							font-size: 13px;
						}

	.content-wrap h2 {
		display: block;
		font-size: 24px;
		font-family: BebasNeueRegular, Verdana, sans-serif;
		color: #d1350e;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 1px;
		padding-bottom: 10px;
	}
		.home .content-wrap h2 {
			padding: 10px 0 0 0;
		}
	.content-wrap h3 {
		display: block;
		font-size: 14px;
		font-weight: bold;
	}
		.content-wrap h3 a {
			text-decoration: none;
		}
	.content-wrap p {
		font-size: 12px;
		padding-bottom: 10px;
	}
	.content-wrap a {
		color: #000;
		font-weight: bold;
	}
		.content-wrap .author a {
			font-weight: normal;
			text-decoration: none;
		}
	#page-pre-content {
		padding-bottom: 15px;
	}
	#page-pre-content p {
		font-size: 13px;
	}
	
.thumbs-list {
	display: block;
	list-style-type: none;
}
	.thumbs-list li {
		display: block;
		padding-right: 10px;
		float: left;
		height: 117px;
	}
		.thumbs-list li a {
			display: block;
			padding: 3px;
		}
			.thumbs-list li a:hover {
				padding: 0;
				border: 3px solid #d1350e;
			}
			.thumbs-list li a img {
				display: block;
			}
			
.back-link {
	text-align: right;
	margin-bottom: 3px;
}
	.back-link a {
		padding: 3px 6px;
		background: #a7a3a3;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

/* SPECIAL */
.masthead {
	display: block;
	margin-bottom: 42px;
	position: relative;
}
	.masthead img {
		display: block;
	}
	.masthead .caption {
		display: block;
		background: transparent;
		margin: 0;
		color: #000;
		font-size: 1.2em;
		padding: 8px 0px 0px 0px;
		text-align: center;
        font-family: 'Oswald', sans-serif;
	}
		.masthead .caption li {
			list-style-type: none;
		}
		.bx-wrapper .bx-viewport{
			border-color: transparent;
			background: transparent;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.masthead.image:before {
			content: url(http://www.hotclubofcowtown.com/wp-content/themes/cowtown/assets/img/masthead-border.png?v1.2);
			position: absolute;
			top: -6px;
			left: -5px;
		}
		.masthead .caption .full-version-link {
			display: block;
			position: absolute;
			right: 0;
			bottom:	-22px;
			height: 22px;
		}
			.masthead .caption .full-version-link a {
				display: block;
				height: 22px;
				line-height: 22px;
				background: #d2360f;
				color: #fff;
				font-weight: strong;
				text-transform: uppercase;
				padding: 0 5px;
				text-align: center;
				text-decoration: none;
			}

#record-head {
	padding-bottom: 15px;
}
#record-info {
	display: block;
	padding: 10px 0 20px 0;
}
#main-content .large-image {
	padding-bottom: 10px;
}	
	#main-content .large-image img {
		border: 4px solid #fff;
		text-align: center;
	}
	
.merch-image {
	text-align: center;
}
	
.tour-item {
	display: block;
	padding: 5px 0;
	border-bottom: 2px solid #797979;
	width: 330px;
}
	.tour-item h2 {
		display: block;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.tour-item p {
		display: block;
		padding-bottom: 2px;
	}
	.tour-item .venue {
		padding-bottom: 5px;
	}
	.tour-item .show-ticket-link {
		float: right;
		padding-top: 3px;
	}
		.tour-item .show-ticket-link a {
			background: #D1350E;
			color: white;
			padding: 3px 5px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
.link-item {
	display: block;
	padding: 15px 0;
	border-bottom: 2px solid #797979;
}
	.link-item h2 {
		display: block;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 12px;
	}
	
.press-item {
	display: block;
	padding: 10px 0 8px 0;
	border-bottom: 2px solid #797979;
}
	.press-item h2 {
		font-size: 14px !important;
	}
	.press-item h2 a {
		text-decoration: none;
		font-size: 14px;
	}
	.press-item .date {
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	.press-item .more-link {
		display: block;
		text-align: right;
		padding-top: 10px;
	}
		
.youtube-vid-wrap {
	padding: 10px 0 15px 0;
}

#member-updates {
	padding-top: 20px;
}

.guestbook #respond {
	display: none;
}

.square-thumb-list {
	display: block;
	list-style-type: none;
}
	.square-thumb-list li {
		display: block;
		float: left;
		height: 135px;
		width: 135px;
	}
		.square-thumb-list li a {
			display: block;
			float: left;
			padding: 3px;
		}
			.square-thumb-list li a:hover,
			.square-thumb-list li.hover a {
				padding: 0;
				border: 3px solid #D11911;
			}
#merch-item-info-header {
	padding-bottom: 10px;
}
#merch-item-info-header h1 {
	float: left;
}		
#merch-item-info-header p {
	float: right;
	padding-right: 20px;
	font-weight: bold;
}

#simple-cart {
	width: 250px;
	float: right;
	text-align: right;
	padding-top: 15px;
}
	#simple-cart .cart-count {
		display: block;
		font-weight: bold;
		float: left;
		text-align: right;
		line-height: 20px;
	}
	#simple-cart form {
		display: block;
	}
	.wp_cart_checkout_button {
		display: block;
		float: right;
		background: #D1350E;
		border: none;
		color: #FFFFFF;
		padding: 3px 5px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.check-out .wp_cart_checkout_button {
		margin-top: 20px;
	}
.cart-button-form {
	display: block;
	padding-top: 15px;
}
	.cart-button-form .submit-cart-button {
		display: block;
		float: right;
		background: #D1350E;
		border: none;
		color: #FFFFFF;
		padding: 3px 5px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
.pre-page-content {
	display: block;
	padding-bottom: 15px;
	font-size: 14px;
}

.shopping_cart h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.shopping_cart .cart-row-item td {
	padding-top: 10px;
}
.shopping_cart .item-remove {
	padding-bottom: 10px;
	border-bottom: 1px solid #111;
}
.shopping_cart .item-name a {
	font-weight: normal;
}
.shopping_cart .item-quantity .quantity {
	margin-right: 5px;
}
.shopping_cart .item-quantity .quantity-submit a {
	text-decoration: none;
	color: #fff;
	padding: 2px 3px;
	background: #4D4D4D;
	font-size: 10px;
	text-transform: uppercase;
	display: inline;
}
.subtotal-line td {
	padding-top: 10px;
}
.shipping-row td {
	padding-bottom: 6px;
	margin-bottom: 4px;
}


/* BLOG & POSTS */

.blog .post,
.home .post,
.category .post,
#member-updates .post {
	display: block;
	padding: 20px 0;
	border-bottom: 2px solid #979694;
}
.home .post {
	padding: 5px 0;
}
.small-post {
	padding: 0 0 15px 0;
}
	.post .title {
		display: block;
		font-size: 18px;
		padding-bottom: 5px;
	}
		.post .title a {
			text-decoration: none;
		}
		.home .post .title {
			font-size: 14px;
			padding-bottom: 0;
		}
	.post .meta {
		padding-bottom: 20px;
		font-weight: bold;
	}
		.home .post .meta {
			padding-bottom: 3px;
		}
	.post-footer {
		padding-top: 20px;
	}
		.post-footer p a {
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
		}
		.post-footer .comments {
			float: left;
		}
		.post-footer .more-link {
			float: right;
		}
		
.post-content p {
	display: block;
	padding-bottom: 12px;
	line-height: 17px;
}
.post-content h3 {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.post-content h4 {
	display: block;
	font-size: 14px;
	font-weight: strong;
	padding-bottom: 10px;
}
.post-content h5 {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
.post-content h6 {
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}
.post-content ul {
	display: block;
	padding: 10px 0 20px 30px;
}
	.post-content li {
		padding-bottom: 3px;
	}


#comments-wrap {
	padding-top: 30px;
}
#guestbook-comment-button a {
	padding: 3px 5px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: #D1350E;
}
#respond {
	padding-top: 20px;
}
	#respond h3 {
		display: none;
	}
	#comment {
		margin: 7px 0;
	}
	#comments {
		display: none;
	}
	.commentlist {
		list-style-type: none;
	}
	.comment-body {
		padding-bottom: 7px;
		margin-bottom: 10px;
		border-bottom: 1px solid #000;
	}
	.avatar, .says {
		display: none;
	}
	.fn {
		display: block;
		font-weight: bold;
	}
		.fn a {
			font-style: normal;
			text-decoration: none;
			padding-bottom: 1px;
			font-size: 14px;
		}
	.comment-meta {
		padding: 2px 0 5px 0;
	}
		.comment-meta a {
			font-style: normal;
			font-weight: bold;
			text-decoration: none;
		}
	.comment-body p {
		padding-bottom: 10px;
	}
	.comment-body .reply {
		display: none;
	}
.cart-button-form {
	display: block !important;
	padding-top: 15px;
}


/* HOME */
#home-articles {
	padding-top: 15px;
}
	#home-articles .past-entries {
		padding-top: 25px;
		float: right;
	}
		#home-articles .past-entries a {
			color: #fff;
			background: #d1350e;
			padding: 3px 5px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: normal;
		}
.home .masthead {
	margin-bottom: 20px;
}
		

/* SIDEBAR */
#main-sidebar {
	width: 220px;
	float: right;
}
	#main-sidebar .sidebar-item {
		background: url(../img/sidebar-element-main-bg.png) bottom no-repeat;
		margin: 10px 0 30px 0;
		padding-bottom: 15px;
	}
		#main-sidebar .sidebar-item h2 {
			position: relative;
			top: -10px;
			display: block;
			height: 34px;
			background: url(../img/sidebar-element-header-bg.png) top no-repeat;
			font-family: BebasNeueRegular, Verdana, sans-serif;
			font-size: 21px;
			font-weight: normal;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: #fff;
			text-align: center;
			line-height: 44px;
		}
		
		#upcoming-shows article {
			display: block;
			margin: 0 15px;
			border-bottom: 1px solid #797979;
			padding: 5px 0;
		}
			#upcoming-shows article a {
				display: block;
				color: #111;
				text-decoration: none;
			}
				#upcoming-shows article h3 {
					display: block;
					float: left;
					width: 120px;
				}
					#upcoming-shows article h3 span {
						font-weight: normal;
						display: block;
					}
				#upcoming-shows article p {
					display: block;
					float: right;
					font-weight: bold;
					text-align: center;
					width: 62px;
					text-transform: uppercase;
					padding-top: 5px;
				}
		#upcoming-shows footer {
			padding-top: 10px;
		}
			#upcoming-shows footer .view-all {
				display: block;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
			}
				#upcoming-shows footer .view-all a {
					color: #111;
					text-decoration: none;
				}
			#upcoming-shows footer .rss-subscribe {
				display: block;
				text-align: center;
				padding-top: 10px;
				text-transform: uppercase;
				font-size: 11px;
				font-weight: bold;
			}
				#upcoming-shows footer .rss-subscribe a {
					display: block;
					text-align: center;
					color: #111;
					text-decoration: none;
				}
					#upcoming-shows footer .rss-subscribe a:before {
						content: url(../img/rss-ico.png);
						padding-right: 5px;
						position: relative;
						top: 4px;
					}

#main-sidebar #new-album {
    	position: relative;
		background: none;
}
		#main-sidebar #new-album .header {
			display: none;
		}
		#main-sidebar #new-album .album-art {
			height: 210px;
		}
		#main-sidebar #new-album p {
			display: block;
			padding-bottom: 15px;
			font-size: 12px;
		}
			#main-sidebar #new-album p.title {
				display: block;
				font-weight: bold;
			}
				#main-sidebar #new-album p.title a {
					color: #111;
					text-decoration: none;
				}	
			#main-sidebar #new-album p.add-to-cart {
				text-align: right;
			}
				#main-sidebar #new-album p.add-to-cart a {
					color: #fff;
					background: #d1350e;
					padding: 3px 5px;
					text-transform: uppercase;
					text-decoration: none;
				}
            #main-sidebar #new-album p.download {
                text-align: center;
                font-size: 1.2em;
                font-weight: bold;
            }
#sub-sidebar {
	width: 160px;
	float: left;
	padding-right: 25px;
}
	#sub-sidebar h2 {
		display: block;
		font-size: 14px;
		padding-bottom: 5px;
	}
	#sub-sidebar ul {
		display: block;
		padding-bottom: 10px;
	}
		#sub-sidebar ul li {
			display: block;
			padding-bottom: 12px;
		}
			#sub-sidebar ul li a {
				text-decoration: none;
			}
			#sub-sidebar ul li.hover a {
				color: #c4210f;
			}
				
/* FOOTER */
#main-footer {
	background: url(../img/footer-bg.png) top no-repeat;
	padding: 0 13px 0 80px;
}
	#footer-round-logo {
		display: block;
		float: left;
		width: 161px;
		float: left;
		padding: 7px 0;
	}
	#main-footer #footer-header {
		width: 438px;
		float: left;
		border-left: 1px solid #e9a399;
		border-right: 1px solid #e9a399;
		margin: 15px 0;
	}
		#main-footer #footer-header h2 {
			display: block;
			text-align: center;
			text-transform: uppercase;
			font-family: BebasNeueRegular, Verdana, sans-serif;
			color: #fff;
			font-size: 27px;
			font-weight: normal;
			line-height: 32px;
		}
			#main-footer #footer-header h2 a {
				color: #fff;
				text-decoration: none;
			}
		#main-footer #footer-header p {
			display: block;
			padding-bottom: 1px;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
		}
			#main-footer #footer-header p a {
				color: #fff;
				text-decoration: none;
			}
	#main-footer #footer-footer {
		width: 245px;
		float: right;
	}
		#main-footer #footer-footer #follow-links {
			display: block;
			padding: 20px 1px 3px 6px;
			text-align: right;
		}
			#main-footer #footer-footer #follow-links strong {
				display: block;
				float: left;
				width: 119px;
				height: 20px;
				background: url(../img/small-arrow-right.png) left no-repeat;
				color: #4D4D4D;
				font-size: 11px;
				font-weight: bold;
				text-align: center;
				line-height: 18px;
			}
			#main-footer #footer-footer p a {
				padding-left: 5px;
			}
		#main-footer #footer-footer .legal {
			display: block;
			font-size: 10px;
			color: #6A220E;
			text-align: right;
		}
			#main-footer #footer-footer .legal strong {
				display: block;
				font-weight: normal;
				text-align: right;
			}
			#main-footer #footer-footer .legal em {
				display: block;
				font-style: normal;
				text-align: right;
			}


.bx-wrapper .bx-viewport {
    border: 5px solid #000 !important;
    background: #000 !important;
}

#merch-info p { margin-top: 20px; }
#merch-item-info-header p { margin: 0px !important; }

@media only screen and (max-width: 500px) {
    body {
        background-size: cover;
    }
}

.woocommerce-breadcrumb { display: none; }
.product { margin-top: 40px; }
.product_title  { font-size: 2em; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 1.6em !important;
    color: #c4210f !important;
    margin-bottom: 20px !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #c4210f !important; }
.product_meta { display: none; }
.woocommerce-page #main { min-height: 500px; }