/* @override http://localhost/devsites/bestbeforerecords.com/css/mainstyle2.css */

/* Main Style Sheet for Best Before: Records site (v2)*/
/* January 2006 - author: jay / spiderjay.com */

body {
	background-color: #ddd;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	color: #000;
	margin: 0;
}

a {
	cursor: pointer;
}

#skip {
	visibility: hidden;
	display: none;
}

a:link, a:visited {
	color: #900;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	color: #c60;
	text-decoration: underline;
}

#page {
	background-color: #ccc;
	background-image: url('../images/siteshadow.gif');
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0;
}

#container {
	background-color: #999;
	background-image: url('../images/siteback06.jpg');
	background-repeat: repeat-y;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 700px;
	height: 86px;
	overflow: hidden;
	padding-top: 10px;
}

#header img {
	padding-top: 0;
	padding-left: 15px;
	margin-top: -10px;
	border: none;
}

#banner_ads {
	width: 780px;
	height: 85px;
	overflow: hidden;
}

#banner_ads img.banner {
	width: 468px;
	height: 60px;
	border: 1px solid #000;
	margin-top: 10px;
}


#geAd {
	width: 230px;
	height: 142px;
	border: 0px;
	float: right;
}

#geAd img {
	border: none;
}

#layout {
	margin-left: auto;
	margin-right: auto;
	background: none;
	padding: 0;
	margin-top: 10px;
	font-size: 12px;
	width: 780px;
}

.columntops {
	height: 67px;
	background-image: url('../images/columntops1.gif');
}

table.layout {
	border: 1px;
	background: none;
	margin: 0;
	padding: 0;
	width: 780px;
}

.leftcol {
	background-image: url('../images/midcols1.gif');
	background-repeat: repeat-y;
	background-position:left;
	padding: 0;
	margin: 0;
	padding-left:16px;
}

.midcol {
	background-image: url('../images/midcols2.gif');
	background-repeat: repeat-y;
	background-position: center;
	border: none;
}

.rightcol {
	background-image: url('../images/midcols3.gif');
	background-repeat:repeat-y;
	background-position: right;
}

.colbumleft {
	background-image: url('../images/colbumleft.gif');
	background-position: left;
	background-repeat: no-repeat;
	width: 168px;
	height: 19px;
	margin: 0;
	padding: 0;
}

.colbummid {
	background-image: url('../images/colbummid.gif');
	background-repeat:no-repeat;
	height: 22px;
	width: 442px;
}

.colbumright {
	background-image: url('../images/colbumright.gif');
	background-repeat: no-repeat;
	height: 18px;
	width: 171px;
}


.bluetitle {
	width: 154px;
	margin-left: -11px;
	margin-right: -11px;
	margin-top: 5px;
	margin-bottom: 4px;
	padding-top:0.4em;
	padding-bottom: 0.4em;
	color: #000;
	background-color: #6CF;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

#content {
	max-width: 431px;
	width: 431px;
	margin-left: 5px;
}

/* old menu 
#menu {
	padding: 0;
	margin-top: -16px;
}

#menu ul {
	list-style: none;
	list-style-position: outside;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align:right;
	background-color: #9cf;
}

#menu a:link, #menu a:visited {
	font-size: 18px;
	font-family: "Courier New", Courier, monospace;
	text-transform:lowercase;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#menu li a:hover, #menu li a:active {
	font-weight: bold;
	color: #900;
	text-decoration: none;
}*/



#menu_06 {
	margin: 0 auto !important;
	padding: 0;
	width: 780px;
}
/* new menu 2006 
#menu_06 ul {
	list-style: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline;
	text-decoration: none;
}
#menu_06 ul li {
	display:inline;
	padding: 4px;
	text-decoration: none;
}

#menu_06 ul li img {
	border: none;
}

#menu_06 ul li a {
	height: 16px;
	text-decoration: none;
}

#menu_06 ul li a img {
vertical-align: middle;
}

#menu_06 a:link, #menu_06 a:visited {
	font-size: 17px;
	font-family: "Courier New", Courier, monospace;
	text-transform:lowercase;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#menu_06 li a:hover, #menu_06 li a:active {
	font-size: 17px;
	font-family: "Courier New", Courier, monospace;
	text-transform:lowercase;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}*/

#Menu1 li a img{
	border: none;
}

#Menu1 li ul li a{
	text-transform: lowercase;
	font-size: 12px;
	font-weight: bold;
}

img.title {
	width: 364px;
	height: 55px;
	padding-left: 230px;
}

#content hr, .leftcol hr, .rightcol hr {
	visibility: hidden;
}


.news_article {
	font-size: 12px;
	background-color: #BBB;
	border-top: 2px dashed #999;
	border-bottom: 2px dashed #999;
	padding: 0.4em;
	padding-top: 8px;
	padding-bottom: 12px;
	text-align: left;
	min-height: 115px;
	overflow: hidden;
}

.news_article_img {
	font-size: 12px;
	background-color: #BBB;
	border-top: 2px dashed #999;
	border-bottom: 2px dashed #999;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.news_article img {
/*	float: left;
	margin-bottom: 0.4em;
	margin-top: 4px;
	margin-right: 10px;
	width: 130px;
	height: 107px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	background-color: #000;*/
		border: 0;
}

.news_article p.play {
	margin-left: 185px;
}

.news_article p.play img {
	margin-top: -2px;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #ccc;
}

.news_article p {
	margin: 10px;
}

.news_article span.Apple-style-span {
	font-size: 12px !important;
	color: black !important;
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
	font-weight: normal; 
}

.news_article ul, .news_article li {
	list-style: none;
}

.newsdate {
	font-weight: bold;
	color: #633;
	font-size: 0.8em;
	padding: 0;
	margin-top: 0;
	background-color: #ccc;
}

#newspag {
	width: 420px;
	text-align: right;
	padding-right: 10px;
}
.oldnews {
	text-align: right;
	font-size: 14px;
}

.hilite {
	color: #fff;
}

div#vidChoose, div#dload {
	background-color: #999;
	margin: 0;
	margin-top: 20px;
}

div#vidChoose h3, div#dload h3 {
	text-align: center;
	font-family: Courier New, Courier, mono;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-top: 6px;
}
div#vidChoose p, div#dload p {
	margin: 0;
	padding: 8px 0;
	text-align: center;
}


div#artistSelect{
	color: #fff;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	background-color: #253535;
}

ul#vidSelect, ul#artistSelect {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	background-color: #253535;
}
ul#vidSelect li, ul#artistSelect li {
	display: inline;
	margin: 2px 4px;
	padding-left: 8px;
	border-left: 1px solid #999;
}
ul#vidSelect li.start, ul#artistSelect li.start {
	display: inline;
	margin: 2px 4px;
	padding-left: 0;
	border-left: none;
}
ul#vidSelect li a, ul#artistSelect li a {
	color: #ccc;
	font-weight: normal;
}

#footer {
	margin-top: 10px;
	margin-bottom: 0px;
	width: 770px;
	height: 148px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	background: url('../images/back_footer.gif') no-repeat;
	background-position: bottom;
}

#footer img {
	margin-top: 90px;
}

#footer p {
	margin-top: 10px;
}

#footer a {
	font-size: 11px;
	color: #ccc;
}

#footer a:hover {
	color: #000;
}

#content table {
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}

#content table tr {
	background-color: #ccc;
}

#content table tr td {
	padding: 4px;
}

#content table tr td a img {
	width: auto;
	height: auto;
	max-width: 140px;
}

#email {
	border: 1px solid #fff;
	background-color: #ccc;
	color: #000;
	padding-left: 3px;
}

/*  to be dropped */

#maillist {
	width: 147px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
	margin-top: -12px;
	font-size: 12px;
	text-align: center;
	background-color:#999;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
}

/* replacement */

.maillist {
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#maillist h5 {
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	text-transform:lowercase;
	font-weight: bold;
	color: #900;
	padding: 2px;
	margin: 0;
}

.reltype {
	font-weight: bold;
	color: #333;
	text-align: center;
}


#content table.rel tr td {
	width: 110px;
	margin: 0 auto;
	text-align: center;
	padding: 4px;
	padding-top: 6px;
	border: 1px solid #BBBBBB;
}

#content table.rel td img.relCD {
	clear: both;
	width: 100px;
	height: 90px;
	border: 1px solid #000;
	margin: 0 auto !important;
	text-align: center !important;
}

#content table.rel td img.relCD {
	float: right;
	margin-right: 4px !important;
}

#relPage {
	width: 300px;
	height:	420px;
	background-color: #999;
	margin-left: auto;
	margin-right: auto;
	overflow: scroll;
}

#relPage table{
	margin-left: auto;
	margin-right: auto;
	height: 185px;
}

#relPage table tr {
	background-color: #ccc;
	margin-left: auto;
	margin-right: auto;
}

#releaseOverlay {
	position: absolute;
	background-color: #999;
	z-index: 10;
	width: 400px;
	height: 300px;
	border: 1px solid #666;
	color: white;
}

#releaseOverlay h1 {
	margin: 0;
	padding: 0;
	color: white;
	margin-bottom: 10px;
}

#releaseOverlay table {
	float: right;
	margin: 10px 20px;
}

#buy {
	border: none;
	background: none;
	height: 29px;
	width: 84px;
	padding-bottom: 8px;
	display: block;
}

div.clearer {
	clear: left;
	line-height: 0px;
	height: 0;
}

.clearfix {
	clear: both;
}

.features_top {
	background-image: url('/images/features_top.gif');
	background-repeat: no-repeat;
	background-position: top center;
	width: 153px;
	height: 14px;
}

.features {
	width: 153px;
	color: #000;
	font-size: 10px;
	text-align: center;
	background-image: url('../images/features_bg.gif');
	background-repeat: repeat-y;
	background-position: center;
	margin-top: -1px;
}

.features_bot {
	background-image: url('../images/features_bot.gif');
	background-repeat: no-repeat;
	background-position: top center;
	width: 153px;
	height: 13px;
}

.features img.feat_title {
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

.features img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border: 1px solid #333;
}

.features img.relbuy {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border: none;
}


form.offsite, .offiste select, .offsite option, #myspace, #youtube {
	font-size: 9px;
}

form.offsite {
	padding-left: 4px;
}

form.offsite img {
	margin-bottom: 3px;
}

#affiliates h5 {
	font-size: 18px;
	font-family: "Courier New", Courier, monospace;
	text-transform:lowercase;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	padding-top: 0px;
	margin: 0;
	margin-left: -4px;
	margin-bottom: 5px;
}

#affiliates {
	width: 151px;
	padding-left: 4px;
	padding-top: 10px;
	margin: 0;
	margin-bottom: 5px;
	border-top: 3px solid #fff;
}

#newheader{
	height: 175px;
	width: 780px;
	background-image: url('../images/newheader.jpg');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

.fader1 img{
	position: relative;
	margin-top: 632px;
	display: block;
	width: 152px;
	height: 160px;
	border: none;
}

#text2screen{
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	width: 260px;
position: absolute;
	vertical-align: middle;
	text-decoration: none;
}

a #text2screen {
text-decoration: none;
}

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

#t2s_comments {
	margin: 30px;
	margin-top: 15px;
}

#t2s_comments table th {
	text-align: right;
}











/* to be removed after update */


.relpane {
	width: 142px;
	height: 186px;
	background-image: url('../images/releases1.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-size: 10px;
	padding-right: 6px;
	margin-left: 6px;
	text-align: center;
}

.relpane img {
	margin-top: 25px;
	margin-left: 2px;
	border: 1px solid #000;
}

.relpane img.relbuy {
	border: none;
	padding: 0;
	margin: 0;
	margin-top:4px;
}

.vidpane {
	width: 142px;
	height: 186px;
	background-image: url('/images/videopane1.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-size: 10px;
	padding-right: 6px;
	margin-left: 6px;
	text-align: center;
}

.vidpane img {
	margin-top: 25px;
	margin-left: 2px;
	border: none;
}

#crossfade {
	margin-top: -14px;
	display: block;
	margin-bottom: 50px;
	width: 152px;
	height: 160px;
}

#crossfade a img {
	border: none;
}

#crossfade {
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	margin-bottom: 4px;
	margin-top: 8px;
}

.relpage .newsarticle table tr td span.audio img {
	width:18px;
	height:18px;
	border: none;
	float:right;
}

#buySub {
	width: 120px;
	color: #000;
	border:1px solid #000;
	padding: 0;
	background-color: #777;
	margin-left: 640px;
	margin-top: 150px;
	z-index:90;
}

#buySub ul.buynowSub {
	list-style: none;
	margin: 0;
	padding: 0;
}
#buySub ul.buynowSub li {
	background-color: #777;
	margin: 2px 5px;
}
#buySub ul.buynowSub li:hover {
	background-color: #999;
}

#digDown{
	width: 418px;
	background: url(../images/dig_header.gif) no-repeat top center #000;
	padding: 30px 0;
	padding-left: 12px;
	color: #fff;
}
#dd_footer{
	width: 433px;
	height: 27px;
	background: url(../images/dig_footer.gif) no-repeat bottom center #000;
}
#digDown img.dd_cover{
	float: left;
	margin: 0;
	margin-top: 20px;
	width: 100px;
}
#digDown div.dd_details{
	float: left;
	margin: 20px 0 20px 12px;
}
#digDown div.dd_details h4{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#digDown div.dd_details h5{
	margin: 2px 0;
	padding: 0;
	font-size: 12px;
	color: #A80000;
}
#digDown div.dd_details ul{
	margin: 0;
	margin-top: 25px;
	padding: 0;
	width: 300px;
	border-top: 1px solid #222;
	padding-top: 10px;
}
#digDown div.dd_details ul li{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-bottom: 8px;
	list-style: none;
	border-bottom: 1px solid #222;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	list-style-type: decimal;
	list-style-position: inside;
}
#digDown div.dd_details a img{
	float: right;
	padding: 0;
	margin: 0;
	margin-left: 3px;
	margin-top: -8px;
	border: none;
}
#digDown div.dd_details ul li.dd_full{
	list-style: none;
}
.clearfix{
	clear: both;
}

div#menu_08{

}

div#menu_08 ul{
	padding: 0; margin:128px 0 0 10px;
	text-align: center;
	display: block;
	height: 19px;
}
div#menu_08 ul li{
	display: inline;
	list-style: none;
	float: left;
	position: relative;
}

div#menu_08 ul li a{
	font-size: 0.0001em;
	height: 19px;
	display: block;
	text-indent: -9999%;
}

div#menu_08 ul li#m_news a{
	background: url(../images/menu_news.gif);
	width: 56px;
}

div#menu_08 ul li#m_news a:hover{
	background: url(../images/menu_news_on.gif);
}

div#menu_08 ul li#m_artists a{
	background: url(../images/menu_artist.gif);
	width: 78px;
}

div#menu_08 ul li#m_artists a:hover{
	background: url(../images/menu_artist_on.gif);
}

div#menu_08 ul li#m_releases a{
	background: url(../images/menu_releases.gif);
	width: 88px;
}

div#menu_08 ul li#m_releases a:hover{
	background: url(../images/menu_releases_on.gif);
}

div#menu_08 ul li#m_noise a{
	background: url(../images/menu_noise.gif);
	width: 62px;
}

div#menu_08 ul li#m_noise a:hover{
	background: url(../images/menu_noise_on.gif);
}

div#menu_08 ul li#m_tour a{
	background: url(../images/menu_tours.gif);
	width: 67px;
}

div#menu_08 ul li#m_tour a:hover{
	background: url(../images/menu_tours_on.gif);
}

div#menu_08 ul li#m_amigos a{
	background: url(../images/menu_amigos.gif);
	width: 81px;
}

div#menu_08 ul li#m_amigos a:hover{
	background: url(../images/menu_amigos_on.gif);
}

div#menu_08 ul li#m_myspace a{
	background: url(../images/menu_myspace.gif);
	width: 86px;
}

div#menu_08 ul li#m_myspace a:hover{
	background: url(../images/menu_myspace_on.gif);
}

div#menu_08 ul li#m_youtube a{
	background: url(../images/menu_youtube.gif);
	width: 90px;
}

div#menu_08 ul li#m_youtube a:hover{
	background: url(../images/menu_youtube_on.gif);
}

div#menu_08 ul li#m_press a{
	background: url(../images/menu_press.gif);
	width: 58px;
}

div#menu_08 ul li#m_press a:hover{
	background: url(../images/menu_press_on.gif);
}

div#menu_08 ul li#m_buy a{
	background: url(../images/menu_buynow.gif);
	width: 91px;
}

div#menu_08 ul li#m_buy a:hover{
	background: url(../images/menu_buynow_on.gif);
}


div#menu_08 ul li ul li.sfhover a{
	list-style: none;
	background: none !important;
	font-size: 1em;
}

	/* hide unwanted lists */
	div#menu_08 li:hover ul, 
	div#menu_08 li:hover ul ul, 
	div#menu_08 li:hover ul ul ul, 
	div#menu_08 li.sfhover ul ul, 
	div#menu_08 li.sfhover ul ul, 
	div#menu_08 li.sfhover ul ul ul
	{
		left: -999em;
	}	
	
	/* lists nested under hovered list items */
	div#menu_08 li:hover ul, 
	div#menu_08 li li:hover ul, 
	div#menu_08 li li li:hover ul, 
	div#menu_08 li.sfhover ul, 
	div#menu_08 li li.sfhover ul, 
	div#menu_08 li li li.sfhover ul
	{
		left: auto;
	}



	
/*///////////////////////////////////////////////////////////////////////
//	Menu
///////////////////////////////////////////////////////////////////////


	div#menu_08 ul {
		position: absolute; 
		top: 0; left: -999em;
		z-index: 10;
		width: 100%; height: auto;
		margin: 20px auto auto auto;
	}
	div#menu_08 ul ul {
		margin: auto auto auto 100%;
	}
	
	div#menu_08 li {
		position: relative; height: auto;
		float: left;
	}
	div#menu_08 li li {
		width: auto;
		float: none;
	}
			
	div#menu_08 ul li a {
		line-height: 20px;
		min-height: 20px;
		height: auto !important;
		height: 20px;
	}
	
	div#menu_08 li li a {	
		float: none;
		clear:both;
		text-align: left;
		padding-right: 2px;
		line-height: 1.4em;
	}
	

	
		
	div#menu_08 li a:hover{
		background-color: #999;
	}
		
	/*  change background colour of li's in submenu 
	div#menu_08 li:hover, 
	div#menu_08 li.sfhover 
	{
		background-color: #888;
	}	
	
	/* hide unwanted lists 
	div#menu_08 li:hover ul, 
	div#menu_08 li:hover ul ul, 
	div#menu_08 li:hover ul ul ul, 
	div#menu_08 li.sfhover ul ul, 
	div#menu_08 li.sfhover ul ul, 
	div#menu_08 li.sfhover ul ul ul
	{
		left: -999em;
	}	
	
	/* lists nested under hovered list items 
	div#menu_08 li:hover ul, 
	div#menu_08 li li:hover ul, 
	div#menu_08 li li li:hover ul, 
	div#menu_08 li.sfhover ul, 
	div#menu_08 li li.sfhover ul, 
	div#menu_08 li li li.sfhover ul
	{
		left: auto;
	}*/
	
	
	
.band_shop {
	font-size: 0.8em;
	background-color: #BBB;
	border: 2px dashed #999;
	padding: 0.4em;
	padding-top: 8px;
	padding-bottom: 12px;
	text-align: left;
	min-height: 115px;
}
.band_shop img {
	border: 0;
	float: left;
	margin-bottom: 0.4em;
	margin-top: 4px;
	margin-right: 10px;
}

.band_shop p {
	margin: 10px;
}


/* M. Cobby - adding some shop styles */
.shop_band_entry{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.shop_band_entry {
font-family:"Courier New", Courier, monospace;
}
.shop_band_entry img {
border:0;
}