@charset "utf-8";


/*/// GLOBAL STUFF ///*/


iframe {
	margin: 1px 0 0 0;
}

#reset {
	display: none;
}

body, html {
    margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.addBG {
	background-image: url(../images/blackbridge_tile.jpg);
	background-repeat: repeat;	
}

body {
	min-width: 902px;	
}

div.clearingDiv {
	clear: both;
}

a {
	outline: none;
}

/*/// F'OFF IE6 ///*/

#ie6 {
	display: none;
}


/*/// WRAPPER LAYOUT ///*/



#wrap {
	z-index: 5;
	padding: 0;
    width: 902px;
	text-align: left;
	margin: 24px auto;
	position: relative;
}

#mast {
	background-image: url(../images/mastBG.png);
	background-repeat: no-repeat;
	display: block;
	width: 902px;
	height: 72px;
	padding: 0;
	margin: 0;
}

#mast a, #mast a:hover, #mast a:visited {
	position: relative;
	display: block;
	height: 45px;
	width: 375px;
	top: 15px;
	left: 60px;
}

#footer {
	clear: both;
	background-image: url(../images/footerBG.png);
	background-repeat: no-repeat;
	display: block;
	width: 902px;
	height: 100px;
	padding: 0;
	margin: 0;
}

#footer.subPageFooter {
	background-image: url(../images/subPageFooterBG.png);
}



/*/// ENTER PAGE ///*/


#enter {
	text-align: center;
	margin: 24px 0 20px 0;
}

#enter img {
	border: 0;
}


/*/// THREE COLUMN LAYOUT ///*/

	/* column container */
	
	#colmask {
		position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear: both;
	    float: left;
        width: 100%;				/* width of whole page */
		overflow: hidden;		/* This chops off any overhanging divs */
		background-image: url(../images/contentBG.gif); 
		background-repeat: repeat-y;
	}

	/* layout settings */
	
    .threeCol #colmid {
        float: left;
        width: 200%;
        margin-left: -198px; 	/* Width of right column */
        position: relative;
        right: 100%;
    }
	
	.threeCol #colmid.homeSeparator {
		background-image: url(../images/contentLine.gif);
		background-repeat: repeat;
		background-position: 57px bottom;
    }
	

    .threeCol #colleft {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 319px;         	/* Left column width + right column width */
    }
    .threeCol .col1wrap {
        float: left;
	    width: 50%;
	    position: relative;
	    right: 121px;        	/* Width of left column */
	}
	.threeCol #content {
        margin: 0px 198px 0 121px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position: relative;
	    left: 200%;
	    overflow: hidden;
		color: #616073;
		font-size: 11px;
	}
    .threeCol #nav {
        float: left;
        float: right;			/* This overrides the float:left above */
        width: 116px;        	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 5px;         	/* Width of the left-had side padding on the left column */
		color: #5dc2a5;
    }
    .threeCol #rightPane {
        float: left;
        float: right;			/* This overrides the float:left above */
        width: 170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 15px;  	/* Width of right column right-hand padding + left column left and right padding */
        position: relative;
        left: 50%;
		padding: 20px 10px 10px 8px;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
    }

	
/*/// CONTENT PANE LAYOUT & TYPOGRAPHY ///*/

p a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

p a:hover, p a:active {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

p a:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}



/* two column layout */

/* now available */

.threeCol #content #nowAvailable {
	position: relative;
	padding: 0 16px 0 0;
	margin: 0 0 0 1px;
	font-size: 12px;
	background-color: #fff;
	width: 564px;
	background-repeat: repeat;
	height: 359px;
}

.threeCol #content #nowAvailable h2 {
	font-size: 18px;
	color: #000000;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
}

.threeCol #content #nowAvailable h3 {
	font-size: 16px;
	padding: 0;
	margin: 0 0 14px 0;
}

.threeCol #content #nowAvailable img {
	float: left;
	border: 0;
	margin: 10px 10px 10px 8px;
	padding: 10px;
}

.threeCol #content #nowAvailable p {
	margin: 0 0 15px 0;
}


.threeCol #content #twoCol {
	background-image: url(../images/twoColBG.gif);
	background-repeat: repeat-y;
	width: 586px;
	padding: 0;
	margin: 0;
	float: left;
}

/* releases */

.hrLine { 
	display: block;
	width: 100%;
	clear: both;
	color: #c0c0c0;
	background-color: #c0c0c0;
	height: 1px;
	border: 0;
	padding: 0;
	margin: 0;
}

.threeCol #content #twoCol #releases {
	float: left;
	width: 283px;
	margin: 0 10px 0 16px;
	padding: 10px 18px 0 0;
}

.threeCol #content #twoCol #releases h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;;
	color: #000000;
}

.threeCol #content #twoCol #releases h4 {
		font-size: 12px;
		padding: 0;
		margin: 0;
		color: #000000;
}

.threeCol #content #twoCol #releases h5 {
		font-size: 10px;
		padding: 0;
		margin: 0;
}

.threeCol #content #twoCol #releases .releaseItem {
		margin: 0 0 28px 0px;
		padding: 0;
}

.threeCol #content #twoCol #releases .releaseItem img {
		float: left;
		margin: 0 13px 0 0;
		padding: 0;
		border: 0;
}

.threeCol #content #twoCol #releases .releaseItem a, .threeCol #content #twoCol #releases .releaseItem a:visited {
	text-decoration: none;
	color: #616073;
}

.threeCol #content #twoCol #releases .releaseItem a:hover {
	text-decoration: underline;	
	color: #616073;
}

/* clickers */

.threeCol #content #twoCol #clickers {
	margin: 0 10px 0px 325px;
	padding: 12px 12px 10px 0;
	line-height: 1;
}

#homeClickers {
	margin-top: 12px;
}

#homeClickers p {
	margin: 5px 0 7px 0;
}

.threeCol #content #twoCol a img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}

#clickers img, #subClickers img, ul.artistVideos a img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}

#clickers p, #subClickers p {
	display: block;
	margin: 4px 0 15px 0;
	color: #999999;
	font-style: italic;
}

#subClickers {
	margin: 20px 0 0 10px;	
}

.threeCol #content #twoCol #clickers strong, #subclickers strong {
	color: #000;	
	font-style: normal;
}


/* clickers2col */

.threeCol #content #twoCol #clickers2col {
	margin: 0 10px 0px 325px;
	padding: 88px 12px 10px 0;
	line-height: 1;
}

.threeCol #content #twoCol #clickers2col img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}
.threeCol #content #twoCol #clickers2col p {
	display: block;
	margin: 4px 0 15px 0;
	color: #000;
}



/*/// RIGHT PANE LAYOUT ///*/

.threeCol #rightPane p {
	padding: 0 0 15px 10px;
	margin: 0;
}

.threeCol #rightPane img {
	padding: 0 0 0px 10px;
	margin: 0;
	border: 0;
}

.threeCol #rightPane a, .threeCol #rightPane a:visited {
	color: #000;
	text-decoration: none;
}

.threeCol #rightPane a:hover, .threeCol #rightPane a:active {
	color: #000;
	text-decoration: underline;
}


/*/// NAVIGATION ///*/

.threeCol #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
} 

.threeCol #nav #nav1 {
	margin: 16px 0 0px 0;
	padding: 0;
	clear: both;
}

.threeCol #nav #nav2 {
	margin: 16px 0 0 0;
	padding: 0;
	clear: both;
}

.threeCol #nav #nav2 ul {
	margin: 0;
	padding: 18px 0 0 0;
}

.threeCol #nav #nav3 {
	margin: 0;
	padding: 0;
	clear: both;
}

.threeCol #nav #nav3 ul {
	margin: 0;
	padding: 7px 0 34px 0;
}

.threeCol #nav #nav4 {
	float: right;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
}

.threeCol #nav #nav4 img {
	border: 0;
}

.threeCol #nav li { 
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

.threeCol #nav #nav1 ul a {
	display: block;
	width: 108px;
	outline: none;
	padding: 0;
	margin: 0;
	height: 18px;
}

.threeCol #nav #nav2 ul a {
	display: block;
	width: 108px;
	outline: none;
	padding: 0;
	margin: 0;
	height: 18px;
}

.threeCol #nav #nav3 ul a {
	display: block;
	width: 108px;
	outline: none;
	padding: 0;
	margin: 0;
	height: 18px;
}


/*/// MAIN NAV ROLLS ///*/

/* NAV1  */

#home {
	background: url(../images/nav_home_off_.gif) transparent;
}

#home a {
	background: url(../images/nav_home_off_.gif) transparent;
}

#home a.active {
	background: url(../images/nav_home_on_.gif) transparent;
}

#home a:hover {
	background: url(../images/nav_home_off_.gif) transparent;
}

#home a.active:hover {	
	background: url(../images/nav_home_on_.gif) transparent;
}

/* NAV2 */

#nav-releases {	
	background: url(../images/nav_rel_off_.gif) transparent;
}

#nav-releases a {
	background: url(../images/nav_rel_off_.gif) transparent;
}

#nav-releases a.active {
	background: url(../images/nav_rel_on_.gif) transparent;
}

#nav-releases a:hover {
	background: url(../images/nav_rel_off_.gif) transparent;
}

#nav-releases a.active:hover {	
	background: url(../images/nav_rel_on_.gif) transparent;
}

/* NAV3  */

#artists {
	background: url(../images/nav_art_off_.gif) transparent;
}

#artists a {
	background: url(../images/nav_art_off_.gif) transparent;
}

#artists a.active {
	background: url(../images/nav_art_on_.gif) transparent;
}

#artists a:hover {
	background: url(../images/nav_art_off_.gif) transparent;
}

#artists a.active:hover {	
	background: url(../images/nav_art_on_.gif) transparent;
}

/* NAV4  */

#news {
	background: url(../images/nav_blog_go_.gif) transparent;
}

#news a {
	background: url(../images/nav_blog_go_.gif) transparent;
}

#news a:hover {
	background: url(../images/nav_blog_go_.gif) transparent;
}

/* NAV5  */

#podcast {
	background: url(../images/nav_pod_go_.gif) transparent;
}

#podcast a {
	background: url(../images/nav_pod_go_.gif) transparent;
}

#podcast a:hover {
	background: url(../images/nav_pod_go_.gif) transparent;
}

/* NAV6  */

#videos {
	background: url(../images/nav_vid_go_.gif) transparent;
}

#videos a {
	background: url(../images/nav_vid_go_.gif) transparent;
}

#videos a:hover {
	background: url(../images/nav_vid_go_.gif) transparent;
}

/* NAV7  */

#about {
	background: url(../images/nav_contact_off_.gif) transparent;
}

#about a {
	background: url(../images/nav_contact_off_.gif) transparent;
}

#about a.active {
	background: url(../images/nav_contact_on_.gif) transparent;
}

#about a:hover {
	background: url(../images/nav_contact_off_.gif) transparent;
}

#about a.active:hover {	
	background: url(../images/nav_contact_on_.gif) transparent;
}

/* NAV8  */

#facebook {
	background: url(../images/FACEBOOK_GREY.gif) transparent;
}

#facebook a {
	background: url(../images/FACEBOOK_GREY.gif) transparent;
}

#facebook a:hover {
	background: url(../images/FACEBOOK_GREY.gif) transparent;
}

/* NAV9  */

#myspace {
	background: url(../images/MYSPACE_GREY.gif) transparent;
}

#myspace a {
	background: url(../images/MYSPACE_GREY.gif) transparent;
}

#myspace a:hover {
	background: url(../images/MYSPACE_GREY.gif) transparent;
}

/* FORM */

#navForm {
	padding: 0;
	margin: 0;
}

label { 
	clear: both;
	float: right;
	text-align: right;
	padding: 4px 5px 0 0;
	margin: 0;
	color: #000;
	font-size: 11px;
}

.submit { 
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	border: solid 0px #c6c6c6;
	cursor: pointer;
	width: 102px;
	height: 33px;
	background-image: url(../images/newsletter_go_.gif);
	background-repeat: no-repeat;
}

.submit:hover {
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	border: solid 1px #c6c6c6;
	cursor: pointer;
	width: 102px;
	height: 33px;
	background-image: url(../images/newsletter_go_.gif);
	background-repeat: no-repeat;
}

fieldset {
	border: 0;	
}

input, textarea {
	border: solid 1px #c6c6c6;
	background-color: #FFF;
	margin: 0px 5px 0 0px;
	padding: 0 0 0 2px;
	font-size: 11px;
	color: #c6c6c6;
	float: left;
	width: 102px;
}

input:focus, textarea:focus {
	background-color: #FFF;
	border: inset 1px #5cc1a4;
	margin: 0px 5px 0 0px;
	padding: 0 0 0 2px;
	color: #c6c6c6;
}

/*/// SUBCONTENT ///*/

#subcontent {
	margin: 20px;
}

/*/// ABOUT/CONTACT CONTENT ///*/

#aboutContent {
	width: 350px;
	margin: 0 0 0 10px;
	clear: both;
	font-size: 12px;
}

#aboutImage {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#contactContent {
	float: right;
	width: 152px;
}

#contactContent a img {
	border: 0;
	padding: 0;
	margin: 6px 0 0 0;
}

#contactContent h5{
	font-size: 11px;
	margin-bottom: 1px;
	color: #000;
}

#contactContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contactContent a, #contactContent a:visited {
	text-decoration: none;
	color: inherit;
}

#contactContent a:hover {
	text-decoration: underline;
	color: inherit;
}


/*/// RELEASES & ARTISTS ///*/

/* MAIN RELEASE PAGE  */

#subcontent.RELEASES, #subcontent.ARTISTS {
	margin: 20px 0 20px 18px;	
}

#releaseList, #artistList {
    list-style:none;
	padding: 0;
	margin: 0;
}
#releaseList li {
	width: 160px;
	margin: 0 19px 0 0;
    display:-moz-inline-box;/* mozilla only */
    display:inline-block;/* for browsers that support display:inline-block*/
    vertical-align:top;
	color: #000;
}

#artistList li {
	width: 160px;
	margin: 0 19px 18px 0;
    display:-moz-inline-box;/* mozilla only */
    display:inline-block;/* for browsers that support display:inline-block*/
    vertical-align:top;
}

#releaseList a img, #releaseList a:visited img, #releaseList a:hover img, #releaseList a:active img, #artistList a img, #artistList a:visited img, #artistList a:hover img, #artistList a:active img  {
	border: 0px #000 solid;	
}

#releaseList li img, #artistList li img {
	padding: 0;
	margin: 0;
}

#releaseList li a, #artistList li a {
	width: 160px;
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
#releaseList li a:hover, #artistList li a:hover {
    background: #eaeaea; 
}

#artistList li .artist {
	color: #000 !important;
	font-size: 11px !important;
	margin: 2px 0 2px 0 !important;
	width: 160px;
}

#releaseList li .hpPosition {
	display: block;
	clear: both;
	color: #696774 !important;
	font-style: none !important;
	font-size: 10px !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	width: 160px;
}

/* INDIVIDUAL RELEASE & ARTIST PAGE  */

#releaseData, #artistData {
	float: right;
	width: 232px;
	padding: 0 0px 0 20px;
	color: #000;
}

#releaseBlurb, #artistBlurb {
	float: left;
	width: 290px;
	font-size: 12px;
}

#releaseBlurb img.album, #artistBlurb img.album {
	border: 1px #000 solid;
}

#releaseBlurb p, #artistBlurb p {
	margin: 10px 3px 5px 3px;	
	color: #000;
}

#releaseData h2, #artistData h2 {
	font-size: 22px;
	padding: 0;
	margin: 0;
}

#releaseData h3, #artistData h3 {
	font-size: 16px;
	padding: 0;
	margin: 4px 0 0 0;
	color: #777580;
}

#releaseData h5 {
	font-size: 10px;
	padding: 0;
	margin: 4px 0 0 0;
}

#artistData h4 {
	font-size: 11px;
	padding: 0;
	margin: 8px 0 0 0;
}

#artistData h5 {
	font-size: 11px;
	padding: 0;
	margin: 8px 0 0 0;
	font-weight: bold;
}

#artistData h6 {
	font-size: 11px;
	padding: 0;
	margin: 1px 0 0 0;
}

#artistData h5.artistVideoInfo {
	margin: 0 0 0 0;
	font-weight: bold;	
}

#artistData img {
	margin: 10px 0 0 0;
	border: 0;	
}

span.artistVideoTitle {
	color: #696774;
	font-style: italic;
	font-weight: normal;
}

#releaseData h6.trackDetails {
	font-size: 11px;
	color: #777580;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#releaseData ol {
	padding: 0;
	margin: 0px 0 15px 20px;
	font-size: 12px;
	font-weight: bold;
} 

#releaseData li, #artistData li {
	padding: 0;
	margin: 4px 0 0 0;
}

.artistAlbumBy {
	font-style: normal;
	font-weight: 100;
}


#releaseData ul.purchaseLinks, #artistData ul.artistLinks, #artistData ul.artistAlbums, #artistData ul.artistPress, #artistData ul.artistAwards, ul.artistVideos {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#releaseData ul li, #artistData ul li {
	padding: 0;
	margin: 0;
}

#releaseData ul.purchaseLinks a, #releaseData ul.purchaseLinks a:visited,  #releaseData ul.purchaseLinks li.soldOut {
	color: #65c5a9;
	font-weight: bold;
	text-decoration: none;
}

#artistData ul.artistLinks a, #artistData ul.artistAlbums a, #artistData ul.artistAwards a, #artistData ul.artistPress a, #artistData ul.artistLinks a:visited, #artistData ul.artistAlbums a:visited, #artistData ul.artistAwards a:visited, #artistData ul.artistPress a:visited {
	color: #716f7a;
	text-decoration: none;
	font-weight: normal;
}

#releaseData ul.purchaseLinks a:hover, #releaseData ul.purchaseLinks a:active {
	color: #46dabd;
	font-weight: bold;
	text-decoration: none;
}

#artistData ul.artistLinks a:hover, #artistData ul.artistLinks a:hover, #artistData ul.artistAlbums a:hover, #artistData ul.artistAlbums a:active, #artistData ul.artistAwards a:hover, #artistData ul.artistPress a:hover, #artistData ul.artistPress a:active {
	color: #716f7a;
	text-decoration: none;
	font-weight: normal;
}

#mp3Player {
	display: block;
	width: 230px;
	margin: 0 0 30px 0;
	padding: 0;
}

#mp3Player h5{
	margin: 5px 0 6px 0;
}

#releaseData ul.releaseComments, #artistData ul.artistComments {
	color: #777580;
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}

#releaseData span.comment, #artistData span.comment {
	display: block;
	clear: both;
	color: #777580;
}

#releaseData ul.releaseComments li, #artistData ul.artistComments li {
	margin: 0 0 12px 0;
	padding: 0;
}

#artistData ul.artistAwards {
	margin: 7px 0 0 0;
}

#artistData ul.artistAwards li {
	margin: 0 0 10px 0;
	font-weight: bold;
}

#artistData ul.artistAwards li.noLink h6 {
	font-weight: normal;
	color: #777580;
}

label.error { 
	color: #96D8CF;
}

#releaseData .purchaseHead {
margin: 12px 0 5px 0;	
}

/*/// OVERLAY STYLES ///*/

#overlay {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	z-index:100; 
	background-color: #FFF;
	text-align:left;
}


.overlay-content { 
	position: absolute; 
	width:378px; 
	height:459px; 
	z-index:200; 
	left: 50%; 
	margin-top: 70px; 
	margin-left: -189px; 
}  

.overlay-content img { 
	border:none; 
}  
 
.close { 
	top:0px;  
}