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

html, body, #container { margin: 0; padding: 0; width: 100%; height: auto; outline: none; }

div, span, a { outline: none; }

img { border: 0; }

#container { background: transparent; }

#header { margin: 0; padding: 0; display: table; table-layout: fixed; width: 100%; height: 169px; background: transparent; }
#header-left { display: table-cell; margin: 0; padding: 0; height: 169px; background: #000000; }
#header-right { display: table-cell; margin: 0; padding: 0; height: 169px; background: #000000; }
#title { width: 870px; height: 169px; display: table-cell; margin: 0; padding: 0; }

#ie7table { width: 100%; height: 169px; border: 0; margin: 0; padding: 0; background: transparent; }
#ie7table-middle { width: 870px; height: 169px; border: 0; margin: 0; padding: 0; }
.ie7table-side { height: 169px; background: #000000; border: 0; margin: 0; padding: 0; }

.home-button-wrap { position: absolute; top: 4px; left: 4px; height: 28px; width: 86px; z-index: 100; }
div.home-button { width: 86px; height: 28px; background: url(http://www.singlebarreldetroit.com/lib/images/home-button.gif) 0 -28px no-repeat; }
div.home-button a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(http://www.singlebarreldetroit.com/lib/images/home-button.gif) top left no-repeat; }
div.home-button a:hover { background-image: none; }

#videos { margin: 10px auto 0 auto; padding: 0; width: 903px; height: 338px; background: transparent; }
#videos-left { display: inline-block; float: left; margin: 0; padding: 0; width: 265px; height: 338px; }
#videos-right { display: inline-block; margin: 0; padding: 0; width: 622px; height: 338px; }
#videos-right-content { margin: 0; padding: 0 0 0 15px; width: 607px; height: 295px; background: #000000; }
#videos-right-top { margin: 9px 0 0 0; width: 622px; height: 12px; background: url(http://www.singlebarreldetroit.com/lib/images/div-videos-top.png); }
#videos-right-bottom { margin: 0; width: 622px; height: 12px; background: url(http://www.singlebarreldetroit.com/lib/images/div-videos-bottom.png); }
.videos-row { display: block; width: 570px; height: 128px; margin: 0 0 0 4px; }
.videos-row img { margin: 7px 10px 0 0; padding: 0; border: 1px solid #757575; }
.videos-thumbs { display: inline-block; width: 175px; height: 125px; padding: 0; margin: 0; background: #666; }

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

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

.content-block-right { margin: 0; padding: 0 8px 0 8px; width: 324px; background: #000000; color: #FFFFFF; }
.content-block-right-top { margin: 0; width: 340px; height: 12px; background: url(http://www.singlebarreldetroit.com/lib/images/div-right-top.png) }
.content-block-right-bottom { margin: 0 0 20px 0; width: 340px; height: 12px; background: url(http://www.singlebarreldetroit.com/lib/images/div-right-bottom.png) }

.content-block-title { width: 100%; height: 28px; margin: 0; padding: 0; }
.content-block-text {  padding: 6px 4px 8px 4px; margin: 0; }

#content-block-blog-link { text-align: center; margin: 0; padding: 0; width: 510px; background: #000000; }

#content-bottom { margin-bottom: 58px; }

#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; }

#footer { position: fixed; bottom: 0; left: 0; z-index: 20000; clear: both; margin: 0; padding: 0; min-width: 1035px; width: 100%; height: 38px; background: #000000; }

#footer-wrapper { min-width: 904px; }
#footer-menu-left { margin: 0; padding: 0 0 0 12px; display: inline-block; float: left; width: 455px; height: 38px; }
#footer-menu-right { margin: 0; padding: 0; display: inline-block; float: right; width: 529px; height: 38px; }

#footer-mailing-list { display: inline-block; float: left; text-align: right; margin: 0; padding: 0 10px 0 0; display: inline-block; float: left; width: 258px; height: 38px; background: url(http://www.singlebarreldetroit.com/lib/images/footer-mailing-list.gif) left top no-repeat; }
#mailing-list-wrapper { height: 16px; margin: 11px 0 0 0; }
.mailing-list-textfield { margin: 0 4px 0 0; padding: 0; vertical-align: middle; font-size: 10px; width: 100px; height: 14px; border: 1px #FFFFFF solid; background: #CCCCCC; color: #000000; }
.mailing-list-submit { margin: 0; padding: 0; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; height: 16px; width: 51px; border: none; background: url(http://www.singlebarreldetroit.com/lib/images/submit.png); cursor: hand; cursor: pointer; }

#footer-network { display: inline-block; margin: 0; padding: 0 0 0 10px; background: url(http://www.singlebarreldetroit.com/artists/prussia/images/footer-network.gif) left top no-repeat; height: 38px; width: 251px; }
#footer-network-wrapper {
	height: 28px;	
	width: 190px;
	margin: 5px 0 0 56px;
	padding: 0 4px 0 0;
}
.footer-network-button {
	display: inline-block;
	height: 28px;
	width: 28px;
	margin: 0;
	padding: 0 10px 0 0;
}
.footer-network-button img {
	border: 0;
}

/*-----------Comments-------*/

div#usernotes {
	background-color: transparent;
}
div#usernotes div.foot {
	background-color: transparent;
	padding: 4px 4px 4px 30px;
	width: 100%;
	text-align: left;
}
div#usernotes div.foot a {
	background-color: transparent;
}
div#usernotes span.action {
}
div#usernotes div.note {
	margin: 0 10px 10px 10px; 
	border-bottom:1px solid #666666;
	padding: 2px 4px 8px 4px;
}
div#usernotes div.text {
	padding: 2px;
	margin-top: 4px;
}
div#usernotes div.name {
	margin-bottom: 3px;
}
div#usernotes div.email {
	padding-left: 7px;
	margin-bottom: 3px;
}
div#usernotes div.options {
	padding-left: 40px;
	margin: 7px 0 8px 0;
}
div#usernotes div.text-block {
	padding-left: 11px;
}
div#usernotes div.submit {
	padding-left: 43px;
	margin-top: 3px;
}
div#usernotes span.asterisk {
	color: #86d3ff;
	font-size: 14px;
	font-weight: bold;
}
div#usernotes span.asterisk2 {
	vertical-align: top;
	color: #86d3ff;
	font-size: 14px;
	font-weight: bold;
}
.textarea {
	margin-left: 2px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #FFFFFF solid; 
	background: #CCCCCC; 
	color: #000000;
}
.message {
	vertical-align: bottom;
	margin: 0 0 4px 2px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #FFFFFF solid; 
	background: #CCCCCC; 
	color: #000000;
}
#postcomment {
	padding-left: 10px;
	margin-top: 20px;
	color: #86d3ff;
	font-weight: bold;
}
/*---------end Comments------*/

/*---------ARTISTS MENU-------*/

#artist-menu-block { width: 100%; height: 22px; background: #000000; margin: 0; padding: 0; }

#menuwrapper { background-color: #000000; }
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }

#menubar, #menubar ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#menubar ul { max-height: 400px; overflow: auto; }

#menubar a { font-weight: bold; width: 144px; display: block; text-decoration: none; padding: 0; font-size: 12px; color: #F3F3F3; }
#menubar a.trigger { padding: 4px 16px 3px 8px; cursor: pointer; cursor: hand; }

#menubar li { display: inline-block; float: left;  }
#menubar li ul, #menubar ul li  { width: 140px; overflow-x: hidden; }
#menubar ul li a  { font-weight: normal; color: #565656; border-right: 0; padding: 3px 8px 3px 6px; }
#menubar li ul { position: absolute; display: none; background: #606060; border-right: 1px solid #333333; border-bottom: 1px solid #333333; }

#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a { color: #86d3ff; }
#menubar li:hover ul, #menubar li.hvr ul { display: block; }
#menubar li:hover ul a, #menubar li.hvr ul a { color: #F3F3F3; background-color: transparent; }
#menubar ul a:hover { background-color: #000000!important; color: #86d3ff!important; }

#menubar li { width: auto; }

#menu-bullet { margin-right: 4px; }
#menuarrow { display: inline-block; width: 8px; height: 8px; background: url(../images/artists-menu-arrow.jpg); }

/*-----END ARTSISTS MENU------*/


/*------FOOTER-------*/

.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-features {
	width: 84px; 
	height: 38px;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-features.gif) 0 -38px no-repeat;
}
div.footer-blog {
	width: 83px; 
	height: 38px;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-the-blog.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-features a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-features.gif) top left no-repeat;
}
div.footer-blog a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.singlebarreldetroit.com/lib/images/footer-the-blog.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-features a:hover, div.footer-blog a:hover, div.footer-about a:hover, div.footer-buzz a:hover {
	background-image: none;
}

/*-----END FOOTER----*/


/*--------- HIGHSLIDE --------*/
.highslide-container {
	z-index:12003 !important;
}
.highslide-credits {
	display:none !important; 
}
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 8px;
	border-style: solid;
	border-color: #595959;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: #595959;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 0 0 8px 8px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(images/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(images/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(images/close.png);
}
/*-------END HIGHSLIDE--------*/

/*-------IMAGEFLOW--------*/
.imageflow {
		visibility:hidden;
		position:relative; 
		text-align:left;
		width:100%;
		overflow:hidden;
	}
	.imageflow img {
		visibility:hidden;
		position:absolute; 
		top:0px;
		border:none;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
	}
	.imageflow .loading {
		position:relative;
		left:50%;
		margin-left:-106px;
		width:200px;
		height:15px;
		padding:5px;
		visibility:visible;
		border:1px solid white;
	}
	.imageflow .loading_bar {
		height:15px;
		width:1%;
		background:#fff;
		visibility:visible;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10000;
	}
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #b3b3b3;
		z-index:500;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:10002;
		background-image:url(http://www.singlebarreldetroit.com/lib/images/slider.png);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}
/*-------END IMAGEFLOW--------*/