/*
Theme Name: Single Barrel Detroit
Theme URI: http://www.singlebarreldetroit.com/
Description: Single Barrel Detroit theme v. 4.5.
Author: Jeremy Franchi - www.earthtojeremy.com
Version: 4.5
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@charset "utf-8";
/* CSS Document */

body { background: url(http://www.singlebarreldetroit.com/lib/images/bground.jpg) fixed no-repeat top center #000; }

.alignright { float: right; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a:link { color: #FFF; text-decoration: none; }
a:hover { color: #98daff; text-decoration: none; }
a:visited { color: #FFF; text-decoration: none; }
a:visited:hover { color: #98daff; text-decoration: none; }

.arrow { color: #98daff; }

#title { background: url(http://www.singlebarreldetroit.com/lib/images/home-title.png); }
#ie7table-middle { background: url(http://www.singlebarreldetroit.com/lib/images/home-title.png) no-repeat top left; }

#content-home { margin: 18px auto 0 auto; padding: 0; width: 870px; height: 100%; background: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }

#trailer { margin-top: 10px; padding: 0; width: 870px; height: 376px; background: transparent; }
#trailer-top { width: 870px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/trailer-top.png); }
#trailer-content { width: 870px; height: 365px; background: #000; }
#trailer-bottom { margin: 0; width: 870px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/trailer-bottom.png); }
#trailer-left { display: inline-block; float: left; margin: 0; padding: 0; width: 638px; height: 343px; }
#latest-show-title { margin: 0 0 8px 10px; width: 131px; height: 23px; background: url(http://www.singlebarreldetroit.com/lib/images/title-latest-show.gif); }
#trailer-video { border: 1px solid #333; margin: 0 31px 0 30px; width: 575px; height: 320px; }
#trailer-right { display: inline-block; margin: 0; padding: 0; width: 232px; height: 343px; }
#trailer-menu-title { margin-bottom: 8px; padding: 0; width: 108px; height: 23px; background: url(http://www.singlebarreldetroit.com/lib/images/title-all-shows.gif); }
#trailer-menu { margin: 0; padding: 0; width: 200px; height: 322px; overflow: auto; }
#trailer-menu img { display: block; width: 172px; height: 112px; margin-bottom: 2px; border: 1px solid #333; }
#trailer-menu a { width: 172px; height: 112px; }

#home-content { margin: 30px auto 0 auto; padding: 0; width: 870px; height: 100%; background: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
#home-content-left { display: inline-block; float: left; margin: 0 20px 0 0; padding: 0; width: 358px; background: transparent; }
#home-content-right { display: inline-block; margin: 0; padding: 0; width: 491px; background: transparent; }

.home-content-block-left { margin: 0; padding: 0 8px 0 8px; width: 342px; background: #000000; color: #FFFFFF; }
.home-content-block-left-top { margin: 0; width: 358px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/home-content-left-top.png) }
.home-content-block-left-bottom { margin: 0 0 20px 0; width: 358px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/home-content-left-bottom.png) }

.home-content-block-right { margin: 0; padding: 0 8px 0 8px; width: 475px; background: #000000; color: #FFFFFF; }
.home-content-block-right img { max-width: 425px; }
.home-content-block-right-top { margin: 0; width: 491px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/home-content-right-top.png); }
.home-content-block-right-bottom { margin: 0 0 20px 0; width: 491px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/home-content-right-bottom.png); }

.home-content-block-title { height: 28px; margin: 0 0 0 5px; padding: 0; }

#four-films { width: 871px; height: 330px; background: url(http://www.singlebarreldetroit.com/lib/images/four-films-banner.jpg) top left no-repeat; cursor: hand; cursor: pointer; }

/*  slider container(s) */

#features-slider-wrap { margin: 0 0 0 5px; width: 330px; height: 213px; }

#features-slider, #features-slider2, #features-slider3 { z-index: 1!important; position: relative; width: 330px; height: 213px; }

.item { z-index: 1!important; display: block; width: 330px; height: 213px; cursor: hand; cursor: pointer; }

/* controls styling */
#controls1, #controls2, #controls3 { z-index: 2!important; display: block; position: absolute; margin: 190px 0 0 -1px; width: 93px; height: 25px; clear: both; background: url(http://www.singlebarreldetroit.com/lib/images/home-features-menu-end.png) right top no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13pt; color: #FFF; }

/*
.prev_btn, .next_btn { width: 100px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; 
	font-size: 12px; color:#AF4B32; border: 1px solid #80301D; background-color:#513328; }
.prev_btn { float: left; }
.next_btn { float: right; }

.play_btn {
	clear: both; width: 100px; height: 25px; margin: 0 auto 12px; line-height: 25px; text-align: center; 
	text-transform: uppercase; font-size: 12px; color:#AF4B32; border: 1px solid #80301D; background-color:#513328;
 }
 */

.num_nav { display: block; width: 93px; height: 25px; margin: 0; padding: 0; }
.num_nav ul { width: 84px; display: inline-block; margin: 0; padding: 1px 0 0 0; background-color:#000; }
.num_nav ul li { height: 17px; display: inline; margin: 0; padding: 0; padding: 5px 0 2px 0; }
.num_nav ul li a { margin: 0; color:#FFF; padding: 0 8px 0 11px; }
.num_nav ul li a.active, .num_nav ul li a:hover { margin: 0; color: #98daff; }

.btn_over { color:#fff; }

.clearit { clear: both; }

#features-break { display: block; float: right; width: 240px; height: 1px; border: 0; margin: 0 7px 0 0; background-color: #444; }
#features-archives-link { float: right; padding: 1px 2px 1px 4px; margin: 0 7px 0 0; background: #555; font-weight: bold; }

#support-our-friends { border: 1px solid #000; margin-left: 6px; width: 330px; height: 269px; }

.home-blog-post { padding: 0; margin: 0 0 0 6px; }
.home-blog-post .thumbnail { float: left; }

.home-blog-post-content { float: left; width: 440px; padding: 0 0 0 10px; font-size: 13px; font-family: "Myriad Pro", "Myriad", Helvetica, Arial, Verdana, Geneva, sans-serif; }
.home-blog-post-content p { margin: 0 0 6px 0; }
.home-blog-post-content a:link { color: #98daff; text-decoration: none; }
.home-blog-post-content a:hover { color: #CCC; text-decoration: none; } 
.home-blog-post-content a:visited { color: #98daff; text-decoration: none; }
.home-blog-post-content a:visited:hover { color: #CCC; text-decoration: none; }

.home-blog-post-content img { margin: 8px; border: 1px solid #333; }
.home-blog-post-content object { width: 441px; height: 248px; }
.home-blog-post-content embed { width: 441px; height: 248px; }

.horizontal-break-top { display: block; width: 460px; height: 1px; border: 0; margin: 0 0 0 6px; background-color: #444; }
.horizontal-break { display: block; width: 460px; height: 1px; border: 0; margin: 0; background-color: #444; }

.home-blog-post-title { clear: both; font-size: 18px; color: #98daff; text-transform: uppercase; margin: 7px 0 0 0; font-family: "Myriad Pro", "Myriad", Helvetica, Arial, Verdana, Geneva, sans-serif; }
.home-blog-post-title a:link { color: #98daff; text-decoration: none; }
.home-blog-post-title a:hover { color: #FFF; text-decoration: none; }
.home-blog-post-title a:visited { color: #98daff; text-decoration: none; }
.home-blog-post-title a:visited:hover { color: #FFF; text-decoration: none; }
	
.home-blog-post-date { padding: 0 0 12px 0; margin: 0 0 0 6px; height: 10px; text-transform: uppercase; }

.expand-post { float: right; padding: 1px 2px 1px 4px; margin: 0 9px 0 0; background: #555; font-size: 12px; font-weight: bold; }

.home-blog-link { display: inline-block; float: right; padding: 1px 2px 1px 4px; margin: 11px 9px 0 0; background: #555; font-size: 12px; font-weight: bold; }

/*---------BLOG--------*/

#blog-post { display: inline-block; float: left; margin: 0 20px 38px 0; padding: 0 0 38px 0; width: 632px; background: transparent; }
#blog-menu { display: inline-block; margin: 0; padding: 0; width: 217px; background: transparent; }

.blog-post-block { margin: 0; padding: 0 8px 5px 8px; width: 616px; background: #000000; color: #FFFFFF; }
.blog-post-block a:link { color: #98daff; text-decoration: none; }
.blog-post-block a:hover { color: #FFF; text-decoration: none; }
.blog-post-block a:visited { color: #98daff; text-decoration: none; }
.blog-post-block a:visited:hover { color: #FFF; text-decoration: none; }

.blog-post-block-top { margin: 0; width: 632px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/blog-post-top.png) }
.blog-post-block-bottom { margin: 0 0 20px 0; width: 632px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/blog-post-bottom.png) }

.blog-post-title { font-size: 23px; color: #98daff; text-transform: uppercase; margin: 0 0 0 2px; padding: 0; font-family: "Myriad Pro", "Myriad", Helvetica, Arial, Verdana, Geneva, sans-serif; }
.blog-post-date { font-size: 14px; color: #FFF; text-transform: uppercase; margin: 0 0 2px 10px; padding: 0; font-weight: bold; }

.blog-post-content { width: 580px; margin: -5px 0 0 10px; padding: 0; font-family: "Myriad Pro", Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 14px; }
.blog-post-content img { border: 1px solid #333; margin: 8px; }
.blog-post-content object { width: 560px; height: 315px; }
.blog-post-content embed { width: 560px; height: 315px; }

.blog-post-break { display: block; width: 580px; height: 1px; border: 0; margin: 0 0 6px 9px; background-color: #444; }
.blog-post-footer { color: #AAA; margin: -4px 0 0 12px; width: 600px; text-transform: uppercase; font-size: 10px; }

.blog-comments-title { margin-left: 2px; }
.comment-count { text-transform: uppercase; font-size: 12px; }
.post-a-comment { color: #98daff; font-size: 14px; font-weight: bold; text-transform: uppercase; }

.post-a-comment-wrap { margin-left: 22px; }

.blog-post-comments-wrap { margin: 6px 0 0 11px; width: 590px; }

.comment-body { padding: 4px; margin: 0 0 2px 0; background: #171717; }
.commentlist { padding-left: 0; margin-left: 18px; }

.blog-menu-block { margin: 0; padding: 0 8px 0 14px; width: 195px; background: #000000; color: #FFFFFF; }
.blog-menu-block-top { margin: 0; width: 217px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/blog-menu-top.png) }
.blog-menu-block-bottom { margin: 0 0 20px 0; width: 217px; height: 11px; background: url(http://www.singlebarreldetroit.com/lib/images/blog-menu-bottom.png) }

.blog-menu-block-title { height: 18px; margin: 0; margin: 0 0 6px -4px; padding: 0; }

.blog-post-menu-list {  }
.blog-post-menu-list ul { padding: 0; margin: 0 0 0 14px; }
.blog-post-menu-list ul li { padding: 2px 0 2px 0; margin: 0 0 0 0; list-style-type:square; color: #98daff; text-transform: uppercase; }

.archives-title { font-size: 18px; padding: 0 0 2px 3px; }
.archives-post { margin: 0 20px 0 12px; }
.archives-post .thumbnail { float: left; }
.archives-post-title { clear: both; font-size: 18px; color: #98daff; text-transform: uppercase; padding: 8px 0 0 0; font-family: "Myriad Pro", "Myriad", Helvetica, Arial, Verdana, Geneva, sans-serif; }
.archives-post-date { padding: 0 0 12px 0; margin: 0 0 0 6px; height: 10px; text-transform: uppercase; }

.archives-post-content { float: left; width: 560px; padding: 0 0 0 10px; font-family: "Myriad Pro", "Myriad", Helvetica, Arial, Verdana, Geneva, sans-serif; }
.archives-post-content object { width: 441px; height: 248px; }
.archives-post-content embed { width: 441px; height: 248px; }

.archives-expand { margin: 0 14px -7px 0; float: right; padding: 1px 2px 1px 4px; background: #555; font-weight: bold; }
.archives-expand a:link { color: #FFF; }
.archives-expand a:hover { color: #98daff; }
.archives-expand a:visited { color: #FFF; }
.archives-expand a:visited:hover { color: #98daff; }

.archives-excerpt { }

.archives-post-break { display: block; width: 570px; height: 1px; border: 0; margin: 6px 0 0 0; background-color: #444; }

#content-bottom-spacer { height: 38px; width: 100px; clear: both; }

#social-network-links { padding-top: 4px; }
#social-network-links img { border: none; float: left; margin-right: 4px; }
#social-network-links ul { list-style: none; list-style-image: none; list-style-type:none; margin: 0; padding: 0; }
#social-network-links li {  }


/*------END BLOG--------*/

/*

.home-content-block-text {  padding: 6px 4px 8px 4px; margin: 0; }

#shoot-title { width: 100%; height: 28px; }

#site-graphic { width: 484px; height: 223px; margin: 4px 0 0 4px; padding: 0; border: 0; background: no-repeat left top; }
#site-address { margin: 4px 0 2px 0; font-weight: bold; }

#crew-left { display: inline-block; float: left; margin: 0; padding: 0; width: 166px; font-weight: bold; }
#crew-right { display: inline-block; margin: 0; padding: 0; width: 146px; }

.crew-row { display: block; width: 312px; }
.crew-job { display: inline-block; float: left; width: 146px; margin: 0; padding: 0; font-weight: bold; text-transform:uppercase; vertical-align: top; }
.crew-name { display: inline-block; width: 166px; margin: 0; padding: 0; }


#content-block-links { margin: 0; padding: 0 8px 0 8px; width: 324px; background: #000000; color: #FFFFFF; text-transform: uppercase; }
.link-bullet { font-weight: bold; }
*/


/*---------mouseovers--------*/

.footer-button {
	height: 38px;
	display: inline-block;
	float: left;
}
div.footer-artists {
	float: left;
	width: 60px; 
	height: 38px;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-artists.gif) 0 -38px no-repeat;
}
div.footer-locations {
	width: 104px; 
	height: 38px;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-locations.gif) 0 -38px no-repeat;
}
div.footer-about {
	width: 70px; 
	height: 38px;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-about.gif) 0 -38px no-repeat;
}
div.footer-buzz {
	width: 53px; 
	height: 38px;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-buzz.gif) 0 -38px no-repeat;
}
div.footer-artists a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-artists.gif) top left no-repeat;
}
div.footer-locations a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-locations.gif) top left no-repeat;
}
div.footer-about a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-about.gif) top left no-repeat;
}
div.footer-buzz a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-buzz.gif) top left no-repeat;
}

div.footer-artists a:hover, div.footer-locations a:hover, div.footer-about a:hover, div.footer-buzz a:hover {
	background-image: none;
}

/*-------end mouseovers------*/