/* 
LAYOUT STYLES
*/

body {
	background-image: url(/biffyclyro/images/bg.jpg);
	background-color: #1D1C18;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;	
    color: white;
}

div.mainContainer
{
	width:731px;
	border:2px solid #CCCCCC;
}

div.contentContainer {
	width:670px;
	text-align:left;
}

div.menuSpacer {
	height: 20px;
}

div.bgimageContainer {
	background-color: #2d1c02;
	background-image: url(/biffyclyro/images/main_site_fade.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.bottomImageContainer {
	background-color: #2d1c02;
}

/* 
UNIVERSAL TEXTS
*/

a:link {color: #E5D17D; text-decoration: none;}
a:visited{color: #E5D17D;text-decoration: none;}
a:hover{color: #FFFFFF; text-decoration: underline;}
a:active{color: #E5D17D;text-decoration: none;}	

.contentText {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; }
	a.contentText {color: #FFFFFF; text-decoration: none;}
	a.contentText:visited {color: #FFFFFF; text-decoration: none;}
	a.contentText:hover {color: #FFFFFF; text-decoration: underline;}
	a.contentText:active {color: #FFFFFF; text-decoration: none;}

.headerText {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; text-transform: uppercase; }
	a.headerText {color: #FFFFFF; text-decoration: none;}
	a.headerText:visited {color: #FFFFFF; text-decoration: none;}
	a.headerText:hover {color: #FFFFFF; text-decoration: underline;}
	a.headerText:active {color: #FFFFFF; text-decoration: none;}

.headerTextLarge { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight: bold; text-transform: uppercase; }

.dateText { font-family: Arial, Helvetica, sans-serif; color: #E5D17D; font-size: 12px; font-weight: bold; text-transform: uppercase; }	
	a.dateText { color: #E5D17D; text-decoration: none;}	
	a.dateText:hover { color: #E5D17D; text-decoration: underline;}	
	a.dateText:active { color: #E5D17D; text-decoration: none;}	
	a.dateText:visited { color: #E5D17D; text-decoration: none;}	
	
.newsPosterText { font-family: Arial, Helvetica, sans-serif; color: #E5D17D; font-size: 12px;}	
	a.newsPosterText { color: #E5D17D; text-decoration: none;}	
	a.newsPosterText:hover { color: #E5D17D; text-decoration: underline;}	
	a.newsPosterText:active { color: #E5D17D; text-decoration: none;}	
	a.newsPosterText:visited { color: #E5D17D; text-decoration: none;}
	
	
/*
BIFFY PLAYER
*/

div.spacerBCP
{
	height: 200px;
}

div.BCP
{
	display: block;
	position: absolute;
	top:0px;
	z-index:1;
	height:1px;
	width:1px;
}

#BCPcontianer
{
	display: block;
	position: relative;
	z-index:2;
	height:260px;
	width:220px;
	top:135px;
	left: 455px;
}
	
	
/* 
02. TOUR
*/	
.displayCell { display: block;  border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; margin-bottom: 4px; margin-top: 4px; } 
.hiddenCell { display: none;  border-bottom: solid 2px #FFFFFF; border-top: solid 1px #FFFFFF; margin-bottom: 4px; margin-top: 4px; } 
.showCell { display: block;} 
.hideCell { display: none;}

.selectedOddRow { background-color: #A91D2B; color:#FFFFFF;}
.selectedEvenRow { background-color: #A91D2B; color:#FFFFFF; }	

.tableopacity TD {
border:1px solid black;
FONT-FAMILY: sans-serif;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;}

.tourDateText {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; }
	a.tourDateText {color: #FFFFFF; text-decoration: none;}
	a.tourDateText:visited {color: #FFFFFF; text-decoration: none;}
	a.tourDateText:hover {color: #FFFFFF; text-decoration: underline;}
	a.tourDateText:active {color: #FFFFFF; text-decoration: none;}



/* 
03. RELEASES
*/

div.albumArtwork{
	width: 130px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div.albumBorder{
	border: 1px solid #FFFFFF;
	width: 115px;
	margin-bottom: 5px;	
}

div.singleBorder{
	float: left;	
	border: 1px solid #FFFFFF;
	width: 65px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;	
}

div.singleViewAll{
	width: 215px;
	text-align: right;
	margin-top: 5px;	
}

div.releaseArtwork{
	float: left;	
	border: 1px solid #FFFFFF;
	width: 200px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;	
}	
