/*------------------------------------------------------------ */
/* CSS RESET */
/* ----------------------------------------------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,ol, li, dl, dt, dd, form, a, fieldset, input, th, td{
margin: 0;
padding: 0;
border: 0;
outline: none;
}

#wrapper {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

body{
font-size: 80%;
line-height: 1;
color: #fff;
}
 
h1, h2, h3, h4, h5, h6{
padding: 0;
margin: 0;
}
 
ul, ol{
list-style-image: none;
list-style-type: none;
}
 
img{
	border: 0;
	text-align: center;
}
/*------------------------------------------------------------ */
/* GENERAL LAYOUT */
/* ----------------------------------------------------------- */


html {overflow-x: hidden;} 

body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #000;
	background-image:url(images/bodybg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 1.2em;
margin-bottom: 50px;
}

h3, h3 a  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	line-height: 1em;
	letter-spacing: -2px;
	font-size: 24px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hideme {
	display: none;
}
.sharebox {
	float: right;
}
a {
	text-decoration: none;
        color: #aaa;
}

/*------------------------------------------------------------ */
/* NAV */
/* ----------------------------------------------------------- */

#nav  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:900;
	background-color:#FFF;
	margin-top: 15px;
        color: #000;
	line-height: 1em;
	font-size: 11px;
	text-transform: uppercase;
	}

#nav a {
	text-decoration: none;
        color: #000;
}

#navblocks {
	position: relative;
	width: 960px;
	height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/navblocks-bg.gif)
	}
#navblock1 {
	position: absolute;
	padding-bottom: 16px;
	width: 184px;
	text-align:right;
	bottom: 0px;
	left: 194px;
	}
#navblock2 {
	position: absolute;
	padding-bottom: 16px;
	width: 184px;
	text-align:right;
	bottom: 0px;
	left: 388px;
	}
#navblock3 {
	position: absolute;
	padding-bottom: 16px;
	width: 378px;
	text-align:right;
	bottom: 0px;
	left: 582px;
	}	
	
.navtxt {
	background-color: #fff;

}

h1.bbr {
	display: block;
	height: 130px;
	width: 184px;
	text-indent: -9999px;
	background-image: url(images/logo-bbr.gif);
	background-repeat: no-repeat;
	background-position:left top;
	float:left;
}

.socialbtn {
	margin-top: 5px;
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position:left top;
	float:right;
}

/*------------------------------------------------------------ */
/* BLOGSLIDER */
/* ----------------------------------------------------------- */


#featured {
	width: 552px;
	float: left;
}

#myController span{
	text-indent:-10000px;
	display: none;
}

#jFlowSlide{ 
float: left;
	background-color: #131313;
}

#myController span.jFlowSelected {
}

.jFlowPrev{
	float: left;
	width: 30px;
	height: 200px;
	text-indent:-10000px;
	cursor:pointer;
	background: transparent url(images/topslideleft.png) top left no-repeat;
}

.jFlowNext{
	float: right;
	width: 30px;
	height: 200px;
	text-indent:-10000px;
	cursor:pointer;
	background: transparent url(images/topslideright.png) top left no-repeat;
}

#mySlides {
	float: left;
}

/*------------------------------------------------------------ */
/* SHOWSSLIDER */
/* ----------------------------------------------------------- */

.featuredshowslist {
	display: block;
	background-color: #131313;
	width: 338px;
	height: 70px;
	float: right;
}

.featuredshow {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}

#featuredshows {
	width: 378px;
	margin-top: 15px;
	float: right;

}

.showsPrev {
	float: left;
	width: 20px;
	height: 70px;
	text-indent:-10000px;
	cursor:pointer;
	background: transparent url(images/showsslideleft.png) top left no-repeat;
}
.showsNext {
	float: right;
	width: 20px;
	height: 70px;
	text-indent:-10000px;
	cursor:pointer;
	background: transparent url(images/showsslideright.png) top left no-repeat;
}

/*------------------------------------------------------------ */
/* FEATURED VIDEO */
/* ----------------------------------------------------------- */

#featuredvideo {
	float: right;
	margin: 20px;
	background-color: #000000;
	width: 338px;
}


/*------------------------------------------------------------ */
/* LIVE PAGE */
/* ----------------------------------------------------------- */

.live {
	clear: both;
	margin-top: 15px;
	background-color: #000;
	color: #fff;
	height: 60px;
	padding: 10px;

}

.live-date {
	display: block;
	height: 60px;
	width: 175px;
	margin-right: 10px;
	float: left;
	font-size: 160%;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;

}

/*------------------------------------------------------------ */
/* SIMPLE PAGE */
/* ----------------------------------------------------------- */

.simple {
	background-color: #000;
	color: #fff;
	margin-top: 15px;
	padding: 15px;
	padding-bottom: 30px;
}

.simple p {
	margin-bottom: 15px;
}


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

.post {
	background-color: #000;
	color: #fff;
	margin-top: 15px;
	padding: 15px;
	padding-bottom: 30px;
}

/*------------------------------------------------------------ */
/* INFO PAGE */
/* ----------------------------------------------------------- */

#bio {
	background-color: #000;
	color: #fff;
	margin-top: 15px;
	padding: 15px;
	padding-bottom: 30px;
	width: 570px;
	float: left;
}

#bio p {
	margin-bottom: 15px;
}

#discography {
	background-color: #000;
	color: #fff;
	margin-top: 15px;
	padding: 15px;
	padding-bottom: 30px;
	width: 315px;
	float: right;
}

#discography img {

	margin-top: 15px;
	margin-bottom: 15px;
}


/*------------------------------------------------------------ */
/* IMAGE REPLACEMENT */
/* ----------------------------------------------------------- */
.title-blog {
	height: 50px;
	width: 552px;
	text-indent: -9999px;
	background-image: url(images/title-blog.png);
	background-repeat: no-repeat;
	background-position:left top;
}
.title-upcomingshows {
	height: 50px;
	width: 552px;
	text-indent: -9999px;
	background-image: url(images/title-upcomingshows.png);
	background-repeat: no-repeat;
	background-position:left top;
}
.btn-allblogposts {
	height: 35px;
	width: 552px;
	text-indent: -9999px;
	background-image: url(images/btn-allblogposts.png);
	background-repeat: no-repeat;
	background-position:left top;
	float:left;
}
.btn-allshows {
	height: 35px;
	width: 378px;
	text-indent: -9999px;
	background-image: url(images/btn-allshows.png);
	background-repeat: no-repeat;
	background-position:left top;
	float:left;
}


.banner-newalbum {
	display: block;
	height: 165px;
	width: 552px;
	text-indent: -9999px;
	background-image: url(images/banner-silverthreats.png);
	background-repeat: no-repeat;
	background-position:left top;

}
.btn-facebook {
	width: 66px;
	background-image: url(images/btn-facebook.gif);
}
.btn-rss {
	width: 35px;
	background-image: url(images/btn-rss.gif);
}
.btn-twitter {
	width: 64px;
	background-image: url(images/btn-twitter.gif);
}
.btn-myspace {
	width: 61px;
	background-image: url(images/btn-myspace.gif);
}
/*------------------------------------------------------------ */
/* CLEARING FLOATS */
/* ----------------------------------------------------------- */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }