/* =============== SITE WIDE STYLES =============== */

body {
	background: #191919;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1.5em;
}

a {
	color: #afb18c;
	text-decoration: none;
}

a:hover {
	color: #dee0b2;
}

div#header h1 a {
	display:block;
	height:223px;
	margin:0 0 0 12px;
	width:1002px;
	text-indent: -30000px;
}

div#container {
	width: 1030px;
	margin: 0 auto;
	background: url(/images/JB_background.jpg);
}

div#contentContainer {
	padding: 0 0 0 50px;
}

div#mainContent {
	width: 530px;
	margin-right: 100px;
	float: left;
}

img {
	border: 1px solid #656363;
}

p {
	margin: 10px 0;
}

h3 {
	color: #afb18c;
	font-size: 16px;
	margin: 10px 0
}

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

div#contentContainer ul {
	margin: 10px 0;
	list-style: inside  circle;
}

div#contentContainer ul li{
	margin: 5px 0;
}

img.alignLeft {
	float: left;
	margin: 15px 10px 5px 0;
}

img.alignRight {
	float: right;
	margin: 10px 0 5px 10px;
}

/* =============== HEADER and NAV STYLES =============== */

div#header {
	margin-top: 20px;
	width: 1030px;
	height: 258px;
	background: url(/images/JB_header.jpg)
}

div#login {
	margin-left: 20px;
	padding-top: 3px;
	float: left;
}

div#googleSearch {
	margin-right: 20px;
	padding-top: 3px;
	float: right;
}

.googleInput {
	background:#191919 none repeat scroll 0%;
	border:none;
	color:#fff;
	padding-left:2px;
	width:150px;
	height:17px;
	padding-top:4px;
}

.googleButton {
	height: 22px;
	width: 33px;
	background: url(/images/buttons/JB_searchbutton.gif);
	cursor:pointer;
	border: none;
}

div#nav {
	height: 58px;
	background: url(/images/JB_navBG.gif)
}

div#nav ul a{
	text-indent: -30000px;
	display: block;
	height: 25px;
	width: 125px;
}

div#nav ul li.home a{
	background: url(/images/nav/JB_navHome.gif) top left no-repeat;
	margin-left: 14px;
}

div#nav ul li.home a:hover{
	background: url(/images/nav/JB_navHomeon.gif);
}

div#nav ul li.about a{
	background: url(/images/nav/JB_navAbout.gif);
}

div#nav ul li.about a:hover{
	background: url(/images/nav/JB_navAbouton.gif);
}

div#nav ul li.news a{
	background: url(/images/nav/JB_navNews.gif);
}

div#nav ul li.news a:hover{
	background: url(/images/nav/JB_navNewson.gif);
}

div#nav ul li.music a{
	background: url(/images/nav/JB_navMusic.gif);
}

div#nav ul li.music a:hover{
	background: url(/images/nav/JB_navMusicon.gif);
}

div#nav ul li.tour a{
	background: url(/images/nav/JB_navTour.gif);
}

div#nav ul li.tour a:hover{
	background: url(/images/nav/JB_navTouron.gif);
}

div#nav ul li.media a{
	background: url(/images/nav/JB_navMedia.gif);
}

div#nav ul li.media a:hover{
	background: url(/images/nav/JB_navMediaOn.gif);
}

div#nav ul li.interact a{
	background: url(/images/nav/JB_navInteract.gif);
}

div#nav ul li.interact a:hover{
	background: url(/images/nav/JB_navInteractOn.gif);
}

div#nav ul li.store a{
	background: url(/images/nav/JB_navStore.gif);
}

div#nav ul li.store a:hover{
	background: url(/images/nav/JB_navStoreOn.gif);
}

/* =============== SUCKERFISH NAV STYLES =============== */

div#nav ul li {
	float: left;
	position: relative;
	width: 125px;
}

div#nav li ul {
	display: none;
	position: absolute; 
	top: 1em;
	*margin-top: 25px;
	left: 0;
}

div#nav li > ul {
	top: auto;
	left: auto;
}

div#nav li:hover ul, li.over ul{
	display: block;
}

div#nav ul li ul li a{
	text-indent: 0;
	background: #151515 !important;
	border: 1px solid #999;
	width: 120px;
	margin-left: 40px;
	*margin-left: -90px;
	padding: 3px;
	height: auto !important;
}

/* =============== SIDEBAR STYLES =============== */

div#sideBar {
	float: right;
	margin: 0 50px 0 0;
	width: 285px;
	_width: 10px;
}

div#mainContent {
	_margin-right: 0;
}

div#mailingList a, div#player a, div#MySpace a, div#showReview a, div#albumReview a {
	text-indent: -30000px;
	display: block;
	height: 70px;
}

div#mailingList, div#player, div#MySpace, div#showReview, div#albumReview {	
	width: 282px;
	margin: 0 0 20px 0;
}

div#mailingList {
	background: url(/images/callouts/JB_mailinglist.gif);
}

div#player{
	background: url(/images/callouts/JB_player.gif);
}

div#MySpace{
	background: url(/images/callouts/JB_myspace.gif);
}

div#showReview{
	background: url(/images/callouts/JB_review.gif);
}

div#albumReview{
	background: url(/images/callouts/JB_albumreview.gif);
}

div#contentContainer ul#socialLinks {
	margin: 0;
}

ul#socialLinks li {
	list-style: none;
	float: left;
	margin: 0 11px;
}

ul#socialLinks a{
	display: block;
	width: 65px;
	height: 65px;
	text-indent: -30000px;
}

ul#socialLinks li.mySpace a{
	background: url(/images/callouts/JB_mySpace.gif);
	margin-left: 42px;
}

ul#socialLinks li.facebook a{
	background: url(/images/callouts/JB_facebook.gif);
}

ul#socialLinks li.iLike a{
	background: url(/images/callouts/JB_iLike.gif);
}

/* =============== POLL STYLES =============== */

#poll{
	margin: 0px 0px 10px 20px;
	background: url(/images/components/boxes/pollBkg.jpg);
	background-position: bottom;
	width: 282px;
}

#pollHeader{
	margin: 8px 0px 0px 10px;
	background: url(/images/components/boxes/poll_header.jpg);
	background-repeat: repeat;
	width: 232px;
	height: 35px;
}

.pollTable{
	width: 232px;
	padding: 0px;
	margin: 0px 5px 10px 5px;
	color: #fff;
	font-size: 11px;
	color: #fff;
	font-family: verdana,arial,sans-serif;
}

.pollTable td{
	valign: top;
	padding: 0 2px;
	margin: 0;
} 

.pollTable td.question{
	color: #fff;
	border-top: 1px solid #4a4a4a;
	border-bottom: 1px solid #4a4a4a;
	background: #000;
	padding: 4px;
	font-weight: normal;
}

 

.pollTable input.poll_btns{
	display: inline;
	width: auto;
	border: 1px solid #4a4a4a;
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	background: #000;
	padding: 2px 5px;
	margin: 10px 5px 8px 10px;
}

.pollTable input{
	display: inline;
	margin: 8px 0px 0px 0px;
	display: inline;
	font-weight: normal;
	padding: 0px;
	background: none;
}

.pollTable label{
	display: inline;
	font-weight: normal;
	margin: 0px 0 0 0;
	margin-left: 10px;
	padding: 0px;
}

.pollTable table span{
	font-weight: bold;
	display: block;
	font-size: 90%;
	margin-bottom: 3px;
}

.recentPoll{
	border: 1px solid #4a4a4a;
	width: 232px;
}

.recentPoll td.header{
	font-weight: bold;
	padding: 5px;
}

table#RecentPolls1_Poll{
	width: 200px;
	border: 1px solid;
} 

/* =============== TITLE STYLES =============== */

div#contentContainer h2 {
	width: 596px;
	height: 24px;
	text-indent: -30000px;
	margin: 0 0 20px 0;
}

h2#featNews {
	background: url(/images/titles/JB_featnewsTitle.gif)
}

h2.help {
	background: url(/images/titles/JB_help.gif)
}

h2#discog {
	background: url(/images/titles/JB_discogTitle.gif)
}

h2#bio {
	background: url(/images/titles/JB_bioTitle.gif)
}

h2#bands {
	background: url(/images/titles/JB_bandsTitle.gif)
}

h2#gear {
	background: url(/images/titles/JB_gearTitle.gif)
}

h2#currentNews {
	background: url(/images/titles/JB_currentNewsTitle.gif)
}

h2#fromJack {
	background: url(/images/titles/JB_fromJackTitle.gif)
}

h2#tour{
	background: url(/images/titles/JB_tourTitle.gif)
}

h2#mailinglist{
	background: url(/images/titles/JB_mailinglistTitle.gif)
}

h2#links{
	background: url(/images/titles/JB_linksTitle.gif)
}

h2#signUp{
	background: url(/images/titles/JB_signuptitle.gif)
}

h2#radio{
	background: url(/images/titles/JB_radiotitle.gif)
}

/* =============== FOOTER STYLES =============== */

div#footer {
	background: #6e0000;
	height: 30px;
	margin: 15px 0 0 14px;
	width:1001px;
}

div#privacy, div#copy {
	float: left;
}

div#privacy, div#copy, div#help{
	padding: 10px 10px 0 10px;
}

div#copy {
	margin-left: 250px;
}

div#help {
	float: right;
}

/* =============== DISCOGRAPHY STYLES =============== */

div.albumThumb {
	float: left;
	height: 140px;
	margin: 10px;
	text-align: center;
	width: 100px;
}

div#DiscogAlbumArt {
	float: left;
	width: 210px;
	margin: 10px 10px 10px 0;
}

div#albumNotes {
	margin: 10px;
}

table.trackListing {
	width: 550px;
	border: 1px solid #333333;
}

table.trackListing th, table#tourTable th {
	background: #6E0000 none repeat scroll 0%;
	color: #FFFFFF;
	margin-bottom: 3px;
	padding: 3px;
	text-align: center;
}

table.trackListing th#songes{text-align:left;}

table.trackListing td.trackField{
	vertical-align:middle;
}

table.trackListing td a img{
	border:none;
	margin-left:25px;
}

table.trackListing td.audio{
	padding-left:22px;
}

table.trackListing td.iTunes a img{
	margin:0;
	padding:0;
}

table.trackListing td.iTunes{
	padding:0 13px;
}

td.dark, tr.dark {
	background: #151515;
}

div#review a, div#buy a {
	display: block;
	height: 20px;
	width: 200px;
	float: left;
	margin: 0 15px 0 0;
	background: #151515;
	border: 2px solid #6E0000;
	text-align: center;
}

a.buy, a.download{
	background:#151515 none repeat scroll 0% 0%;
	border:2px solid #6E0000;
	display:block;
	float:left;
	height:20px;
	margin:0pt 15px 0pt 0pt;
	text-align:center;
	width:200px;
}

h4.subTitle{
	font-weight:bold;
	margin:20px 0 10px 0;
}

span.newsReadMore a img{
	border:none;
}

.back{
	margin-top:30px;
}

/* =============== SITE MAP =============== */

a.indent {
display:block;
margin-left:15px;
}

/* =============== MISC STYLES =============== */

div#bands h3 {
	margin-top: 20px;
}

div.post {
	margin-bottom: 20px;
}

div.post img{
	border: none;
}

a.iLike {
	width: 177px;
	display: block;
	margin: 0 auto 10px auto;
}

.stationLogo {
	margin: 0 40px;
}

.vidBox {
	width: 400px;
	margin: 30px auto;
	}

#radioCallout {
	display: block;
	width: 281px;
	height: 55px;
	background: url(/images/jb_radiocallout.jpg) top left no-repeat;
	text-indent: -50000px;
}

.share { 
font-weight: bold; font-size: 12px; float: right; padding: 3px 5px 3px 5px; border: 1px solid #2c2c2c; background-color: #151515; margin-right: 45px;}

.share2 { 
font-weight: bold; font-size: 12px; float: left; padding: 3px 5px 3px 5px; border: 1px solid #2c2c2c; background-color: #151515;}

/* =============== Help Page =============== */


.faqHelp{
display:none;
}
.faqHelpOn{
	display:block;
}
.storeHelp{
	display:none;
}
.storeHelpOn{
	display:block;
}

#HelpNav{
	margin:20px 0 0 0;
}

#HelpNav a{
	background-color:#343232;
	color:#fff;
	margin-right:-3px;
	padding:5px 15px;
	}

#HelpNav a.on{
	background-color:#7a0001;
	color:#fff;
	margin-right:-3px;
	padding:5px 15px;
	}
	
#HelpNav a:hover{
	background-color:#7a0001;
	color:#fff;
	margin-right:-3px;
	padding:5px 15px;
}

.back2top{
	text-align:right;
	margin:10px 0;
	display:block;
	}