body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	/*
	scrollbar-face-color: #FFE3FF;
	scrollbar-shadow-color: #FE81FF;
	scrollbar-highlight-color: #FE81FF;
	scrollbar-3dlight-color:#CE0075;
	scrollbar-darkshadow-color: #CE0075;
	scrollbar-track-color: #FFC0C0;
	scrollbar-arrow-color: #CE0075;
	*/
}

img {
	filter:alpha(opacity=100);
	opacity:1;
}

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

a:link{
	color: #eaab02;
	text-decoration: none;
}

a:visited	{ 
	color: #eaab02;
	text-decoration: none;
}

a:active	{ 	
	color: #eaab02;
	text-decoration: none;
}

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

a img {
	border: none;
}



a.bigtitle:link{
	color: #3ba6e4;
	font: 80px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


a.bigtitle:visited	{ 
	color: #3ba6e4;
	font: 80px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.bigtitle:active	{ 	
	color: #3ba6e4;
	font: 80px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.bigtitle:hover		{
	color: #3ba6e4;
	font: 80px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.bigtitle img {
	border: none;
}



/*all content in container to centre it*/

#container{	
	background : url(../img/mainbg.jpg);
	background-repeat:  no-repeat;
	background-position:top center;
	background-attachment:fixed;
	width:900px;
	min-width:900px;
	height:560px;
	margin: 0px auto 0px auto;
	text-align:left;
	border:0px solid black;
	position: relative;
}

/*wallpaper thumbnail class */
.wallpaper {
	border: 1px dashed #000000;
	width: 32px;
	height: 32px;
	display : block;
    float: left;
	margin: 10px 0px 0px 20px;
}

/*cos darken div doesnt fill height in internet explorer, loadBackground in javascript sets this height to browser height*/
#wallpapersection {
	border: none;
	width: 50px;
	height:500px;
	position: absolute;
	left: -80px;
	top: -15px;
	padding:5px 5px 5px 5px;
	background: none;
}

/*cos darken div doesnt fill height in internet explorer, loadBackground in javascript sets this height to browser height*/
#wallpapersectionmore {
	border: none;
	width: 100px;
	height:500px;
	position: absolute;
	left: -200px;
	top: -15px;
	padding:0px 0px 0px 0px;
	background: none;
}


/* mailing list popup */

#mailinglist_panel {
   /*copy width and height to showMailingListPanel so can centre easily*/
   width:300px;
   height:270px;
   background-color:#FFFFFF;
   border:1px solid #0099cc;   
   position:absolute;
   top:0px;
   left:0px;
   padding:10px 10px 0px 10px;
}

#dark_screen
{
   background-color:#000000;
   filter:alpha(opacity=80);  
   opacity: 0.8;     
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   display:none;
   overflow:hidden;
}

/* bigpopup for news/blogs etc */

#bigpopup {
   /*copy width and height to global bigpopup width/height in mystuff.js so can centre easily*/
   width:800px;
   height:540px;
   background-color:#000000;
   border:1px solid #0099cc;   
   position:absolute;
   top:0px;
   left:0px;
   padding:10px 10px 10px 10px;
   text-align:left;
   overflow:auto;
}

#smallpopup {
   /*copy width and height to global smallpopup width/height in mystuff.js so can centre easily*/
   width:600px;
   height:400px;
   background-color:#000000;
   border:1px solid #0099cc;   
   position:absolute;
   top:0px;
   left:0px;
   padding:10px 10px 10px 10px;
   text-align:left;
   overflow:auto;
}


/*define each section*/

#bigtitle {
	border: none;
	width: 661px;
	height:88px;
	position: absolute;
	/*left used to be 68px*/
	left: -30px;
	top: 0px;
	text-align:center;
}


#blog {
	border: 1px solid #0099cc;
	width: 207px;
	height:418px;
	position: absolute;
	left: 670px;
	top: 15px;
	padding:5px 5px 5px 5px;
	overflow:auto;
	background : #000000;
	filter:alpha(opacity=80);
	opacity:.80;
}


#links {
	border: 1px solid #0099cc;
	width: 144px;
	height:108px;
	position: absolute;
	left: 12px;
	top: 98px;
	background : #000000;
	padding:3px 15px 0px 5px;
	filter:alpha(opacity=80);
	opacity:.80;
	overflow:auto;
}


#msgboard {
	border: 1px solid #0099cc;
	width: 211px;
	height:81px;
	position: absolute;
	left: 670px;
	top: 458px;
	overflow:auto;
	padding:5px 1px 5px 5px;
	background : #000000;
	filter:alpha(opacity=80);
	opacity:.80;
}


#mp3s {
	border: 1px solid #0099cc;
	width: 437px;
	height:172px;
	position: absolute;
	left: 194px;
	top: 367px;
	padding:5px 10px 5px 10px;
	background : #000000;
	/*turn these off cos opera seems to inverse the transparency of the flash player
	filter:alpha(opacity=85);
	opacity:.85;*/
}


#news {
	border: 1px solid #0099cc;
	width: 447px;
	height:246px;
	position: absolute;
	left: 194px;
	top: 98px;
	padding:5px 5px 5px 5px;
	background : #000000;
	overflow:auto;
	filter:alpha(opacity=80);
	opacity:.80;
}

#gigs {
	border: 1px solid #0099cc;
	width: 154px;
	height:316px;
	position: absolute;
	left: 12px;
	top: 223px;
	padding:5px 5px 5px 5px;
	background : #000000;
	overflow:auto;
	filter:alpha(opacity=80);
	opacity:.80;
}

#title {
	padding:0px 0px 6px 0px;
}

#entry {
	padding:0px 0px 0px 0px;
}

#entrybig {
	padding:5px 0px 3px 0px;
}

#posted {
	padding:0px 0px 10px 0px;
}

#smalltitle {
	padding:0px 0px 6px 0px;
}

#mp3title {
	padding:0px 0px 4px 0px;
}


#gigplace {
	padding:0px 0px 5px 0px;
}

#gigdate {
	padding:0px 0px 5px 0px;
}

#gigdivider {
	padding:0px 0px 5px 0px;
}

#flashcontent {
	padding:0px 0px 0px 0px;
}

#blogtitle {
	padding:0px 0px 2px 0px;
}

#blogtitlebig{
	padding:0px 0px 0px 0px;
}

/*define classes*/

.title {
	color: #3ba6e4;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.historylink {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}

.smalltitle {
	color: #3ba6e4;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.posted {
	color: #ffffff;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}


.entry {
	color: #bbbbbb;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.entrybig {
	color: #bbbbbb;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}

.blogtitle {
	color: #ffffff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.blogtitlebig {
	color: #ffffff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/*for links div only*/
.link {
	color: #3ba6e4;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.gigplace {
	color: #ffffff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.gigdate {
	color: #ffffff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.gigsmall {
	color: #bbbbbb;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.giglink {
	color: #3ba6e4;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.gigdivider {
	color: #ffffff;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.mp3info {
	color: #777;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* **************************************/
/* Extra CSS for bio+releases page here         */
/* *************************************/

/*big div in centre of background for the other pages*/
#linksother {
	background-image : url(../img/tablebg.png);
	background-repeat:  repeat;
	background-position:top center;
	background-attachment:fixed;
	border: 1px solid #0099cc;
	width: 70px;
	height:20px;
	position: absolute;
	left: 85px;
	top: 92px;
	padding:0px 0px 0px 0px;
	overflow:auto;
	text-align:center;
	vertical-align: middle;
}

#otherpagesbigdiv {   
	background-image : url(../img/tablebg.png);
	background-repeat:  repeat;
	background-position:top center;
	background-attachment:fixed;
	border: 1px solid #0099cc;
	width: 700px;
	height:400px;
	position: absolute;
	left: 85px;
	top: 113px;
	padding:5px 5px 5px 15px;
	overflow:auto;
}

#releasesTable td {
   padding: 5px 5px 5px 15px;
}