/* first setting up things relevent to every page, then will assign colors page by page afterwards */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
img { 
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#banner {
	width: 976px;
	height: 84px;
	overflow: hidden;
}
#labelColourBar {
	height: 20px;
	width: 976px;
}
/* the menu and its defined gubbins */
#labelMenu {
	background-color: #D9D9D9;
	position: absolute;
	left: 0px;
	width: 171px;
	height: 630px;
}
		#labelMenu h1 {
			padding: 7px 18px 7px 18px;
			margin: 4px 0px 0px 0px;
			font-weight: bold;
			font-size: 14px;
			color: #FFF;
		}
		#labelMenu h2 {
			padding: 0px 18px 0px 18px;
			font-weight: bold;
			font-size: 14px;
			color: #000;
		}
		#labelMenu p {
			padding: 0px 18px 0px 18px;
			font-size: 11px;
			color: #000;
			font-weight: bold;
			line-height: 20px;
		}
		#labelMenu img {
			height: 66px;
			width: 66px;
		}
		#labelMenu .subscribe {
			height: 30px;
			width: 130px;
		}
		#labelMenu a {
			color: #555;
			text-decoration: none;
		}
		#labelMenu a:hover {
			color: #000;
			text-decoration: none;
		}
		
		/* this is to see if the menu links in the colours of thei sections looks cack or not... */
		#labelMenu a.menuWhatsNew {
			color: #7F001A; font-size: 12px;
		}
		#labelMenu a.menuPeople {
			color: #a89a4d; font-size: 12px;
		}
		#labelMenu a.menuAlbums {
			color: #00682c; font-size: 12px;
		}
		#labelMenu a.menuSingles {
			color: #74870e; font-size: 12px;
		}
		#labelMenu a.menuSpecialties {
			color: #2c78ab; font-size: 12px;
		}
		#labelMenu a.menuContact {
			color: #bb8333; font-size: 12px;
		}
			#labelMenu a.menuWhatsNew:hover, #labelMenu a.menuPeople:hover, #labelMenu a.menuAlbums:hover, #labelMenu a.menuSingles:hover, #labelMenu a.menuSpecialties:hover, #labelMenu a.menuContact:hover {
				color: #000;
			}
		
/* the right hand side logo */
#labelLogo {
	position: absolute;
	left: 805px;
	height: 630px;
	width: 171px;	
	overflow: hidden;
}
/* the main content in the middle of the page */
#labelPageContent {
	position: absolute;
	margin-top: 3px;
	left: 175px;
	width: 625px;
}
	.releaseTable {
		/*height: 150px;*/
		background-color: #EBEBEB;
	}
	.releaseTableRHS {
		vertical-align: top;
	}
	.releaseImg { 	
		width: 150px; 
		vertical-align: top;
	}
	.releaseTitle {
		width: 476px;
		margin: 0px;
		vertical-align: top;
		/*height: 34px;*/
	}
		/* these definitions are here, cos its where they sit in the page */
		/* though in general these refs (h1, h2) and then h3, h4, p etc. are relevant to the whole labelPageContent div */
		#labelPageContent h1 {
			padding: 8px 6px 0px 11px;
			margin: 0px;
			font-weight: bold;
			font-size: 12px;
			color: #FFF;
		}
		#labelPageContent h2 {
			padding: 0px 6px 7px 11px;
			margin: 0px;
			font-weight: normal;
			font-size: 12px;
			color: #FFF;
		}
		.releaseTitle p {
			padding: 0px 6px 7px 11px !important;
			margin: 0px !important;
			font-weight: normal !important;
			font-size: 12px !important;
			color: #FFF !important;
		}
	.releaseDate {
		width: 72px;
		margin: 0px;
		vertical-align: top;
	}
		.releaseDate h3 {
			font-size: 12px;
			color: #FFF;
			margin: 0px;
			padding: 8px 6px 8px 0px;
		}
	.releaseInfo {
		width: 476px;
		vertical-align: top;
	}
	#labelPageContent h4 {
		margin: 0px;
		padding: 8px 6px 7px 11px;
		font-size: 11px;
		color: #000;
		line-height: normal;
		font-weight: bold;
	}
	#labelPageContent p {
		margin: 0px;
		padding: 8px 6px 7px 11px;
		font-size: 11px;
		color: #000;
		line-height: normal;
	}
	#labelPageContent #tracklist {
		background-color: #EBEBEB;
		margin: -1px 0px 20px 0px;
		padding: 0px 0px 0px 150px;
		padding: 0px;
	}
	#labelPageContent ol {
		margin: 0px;
		padding: 8px 6px 7px 11px;
		font-size: 11px;
		color: #000;
		line-height: normal;
		list-style-position: inside;
	}
	.releaseMoreLink { 
		margin: 0px;
		padding: 8px 6px 7px 11px;
		font-size: 11px;
		color: #000;
		background-color:#333333;
		height: 30px;
	}
	#labelPageContent a {
		color: #555;
		text-decoration: none;
	}
	#labelPageContent a:hover {
		color: #000;
		text-decoration: none;
	}
	.paginator {
		text-align: right;
		font-size: 11px;
		margin: 6px 11px 6px 11px;
		font-weight: bold;
	}
	.paginator a {
		color: #555;
		text-decoration: none;
		font-weight: normal;
	}
	.paginator a:hover {
		color: #000;
		text-decoration: none;
		font-weight: normal;
	}
/* now page specific color ways */
/* rhis is so you change individual pages color schemes and banners without messing up the layout */
	/* first the homepage */
	#homepage #labelColourBar, #homepage #labelMenu h1, #homepage .releaseTitle, #homepage .releaseDate, #homepage #labelLogo {
		background-color: #bb8333;
	}
	#homepage #banner {
		background-image: url(/sales/images/label/banner_whatsNew.jpg);
	}
	#homepage #labelLogo {
		background-image: url(/sales/images/label/logo_homepage.jpg);
		background-repeat: no-repeat;
	}
	/* the the albums pages */
	#albums #labelColourBar, #albums #labelMenu h1, #albums .releaseTitle, #albums .releaseDate, #albums #labelLogo {
		background-color: #00682c;
	}
	#albums #banner {
		background-image:url(/sales/images/label/banner_album.jpg);
	}
	#albums #labelLogo {
		background-image: url(/sales/images/label/logo_albums.jpg);
		background-repeat: no-repeat;
	}
	/* then the singles pages */
	#singles #labelColourBar, #singles #labelMenu h1, #singles .releaseTitle, #singles .releaseDate, #singles #labelLogo {
		background-color: #74870e;
	}
	#singles #banner {
		background-image:url(/sales/images/label/banner_singles.jpg);
	}
	#singles #labelLogo {
		background-image: url(/sales/images/label/logo_singles.jpg);
		background-repeat: no-repeat;
	}
	/* then the specialities pages */
	#specialties #labelColourBar, #specialties #labelMenu h1, #specialties .releaseTitle, #specialties .releaseDate, #specialties #labelLogo {
		background-color: #2c78ab;
	}
	#specialties #banner {
		background-image:url(/sales/images/label/banner_specialties.jpg);
	}
	#specialties #labelLogo {
		background-image: url(/sales/images/label/logo_specialties.jpg);
		background-repeat: no-repeat;
	}
	/* the whatsNew pages */
	#whatsNew #labelColourBar, #whatsNew #labelMenu h1, #whatsNew .releaseTitle, #whatsNew .releaseDate, #whatsNew #labelLogo {
		background-color: #7F001A;
	}
	#whatsNew #banner {
		background-image: url(/sales/images/label/banner_whatsNew.jpg);
	}
	#whatsNew #labelLogo {
		background-image: url(/sales/images/label/logo_whatsNew.jpg);
		background-repeat: no-repeat;
	}
	/* the people pages */
	#people #labelColourBar, #people #labelMenu h1, #people .releaseTitle, #people .releaseDate, #people #labelLogo{
		background-color: #a89a4d;
	}
	#people #banner {
		background-image:url(/sales/images/label/banner_people.jpg);
	}
	#people #labelLogo {
		background-image: url(/sales/images/label/logo_people.jpg);
		background-repeat: no-repeat;
	}
	/* contatc page */
	#contact #labelColourBar, #contact #labelMenu h1, #contact .releaseTitle, #contact .releaseDate, #contact #labelLogo {
		background-color: #bb8333;
	}
	#contact #banner {
		background-image:url(/sales/images/label/banner_contact.jpg);
	}
	#contact #labelLogo {
		background-image: url(/sales/images/label/logo_contact.jpg);
		background-repeat: no-repeat;
	}