/* CSS Document */
html, body {font: 100% verdana, arial, helvetica, sans-serif;
height:100%;
width:100%;
	}
	body {
	background:url(images/mainbackgroundtile.gif) top left ;
}
body #popup {
	background-image:none;
	}
body #adminpages {
background-color:#FFFFFF;
height:130%;
width:100%;
}
	
* {margin:0; padding:0;}
* img {display:block;
}
* a img {
border:none;}

a {
text-decoration:none; 
color:#3A89B2;
}
a:hover {
color:#eb0975;
}
#divbg img{
width: 100%;
height: 100%;}
#divbg {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
}

#maincontent {
z-index:1;

}

.whitesection { 
background:url(images/whitesection.gif) top left no-repeat;
/*width:800px;*/
height: 600px; 
text-align: left;
position: relative;
top: 60px;
/*left:80px;*/
left:100px;
}
.whitesectionfront { 
background:url(images/whitesectionfront.gif) top left no-repeat;
/*width:800px;*/
height: 600px; 
text-align: left;
position: relative;
top: 60px;
left:100px;
}

#content {
position:absolute;
top:100px;
left: 150px;
width:500px;
}


#nav {
position:relative;
top: -50px;
left: -70px;
z-index:1;
float:left;
font-family: Techno, Impact, "arial black";

}
#logo a{
display: block;
width: 252px;
height:170px;
float:left;
}

#logo a:hover {
background:url(images/logo_over.png) center no-repeat;

}
#logo {
position:relative;
left: -20px;
width: 252px;
height: 170px;
background:url(images/logo.png) center no-repeat;
filter: Shadow(Color=#5575C0, 	
			Direction=135, 
			Strength=2);
}
ul {
margin: 0;
padding: 0;
list-style: none;

}

li {
display: block;
}
#nav ul a {
display: block;
width: 141px;
height:48px;
line-height: 25px;
text-decoration: none;
text-indent: 27px;
/*font-style:italic;
font-weight:bold;*/
font-size: 1.2em;
color: black;
z-index:4;

}
.menubackground {
filter: Shadow(Color=#5575C0, 	
			Direction=135, 
			Strength=4);
width: 141px;
height:48px;
position: absolute;
top:0px;
left:0px;
display: block;
background:url(images/menu_up.png) center no-repeat;
z-index:0;}

.shadow {
position: absolute;
top:0px;
left:0px;
display: block;
width: 141px;
height:48px;
line-height: 25px;
text-shadow: #FFFFFF 3px 3px 3px;
filter: Shadow(Color=white, 	
			Direction=135, 
			Strength=3);
z-index:3;
cursor: hand;

			}

#nav ul a:hover {
position: relative;
background:url(images/menu_over.gif) center no-repeat;
z-index:2;
}

#Home #nav .home a,
#News #nav .news a,
#Gigs #nav .gigs a,
#Extras #nav .extras a,
#Audio #nav .audio a,
#Photos #nav .photos a,
#Links #nav .links a,
#Contact #nav .contact a,
#Press #nav .press a {
background:url(images/menu_down.gif) center no-repeat;
position: relative;
z-index:2;
cursor: default;
}

#nav li {
position: relative;
width: 141px;}

li.news {
left: 25px;
}
li.gigs {
left: 30px;
}
li.audio {
left: 35px;
}
li.photos {
left: 40px;
}
li.links {
left: 45px;
}
li.contact {
left: 50px;
}
li.press {
left: 55px;
}
li.extras {
left: 60px;
}

.pageheading {
background:url(images/atompagehead.jpg) top left no-repeat;
text-indent: 55px;
height:52px;
line-height:52px;
font-family: Techno, Impact, "arial black";
font-size: 2em;
color: black;
position: absolute;
top:40px;
left:150px;
z-index:5;
}
.smalltitle {
display:inline;
font-size:0.8em;
}

/* GALLERY PAGE STYLES */

#description {
position:relative;
font-weight:bold;
padding-top:5px;
z-index:1;
}


ul#imagegallery {
float:left;
width: 350px;
position:absolute;
top:350px;
left:70px;
z-index:5;

}

ul#imagegallery li {
float:left;
padding: 0 5px;
}
ul#imagegallery li a{
position:relative;
display:block;
border: 3px solid #FFF6B1;
}
ul#imagegallery li a:hover{
border: 3px solid #4AC0EA;
}
ul#imagegallery li p{
position:absolute;
bottom:1px;
left:2px;
font-weight:bold;
color:#FFFFFF;
font-size:2em;
text-decoration:none;
}

#picbox {
top:0;
left:0;
position: absolute;
top:-10px;
left:-10px;
z-index:0;
}
#description {
position:absolute;
top:295px;}

#placeholder {

position:absolute;
z-index:2;
}

#mainimage {
width:500px;

}

.photopages {
position:absolute;
top: 370px;
left: -30px;
text-align:center;
width:550px;
line-height:25px;
color:#000000;
font-family: Techno, Impact, "arial black";
font-size:1.1em;
}
.photopages .next {
left: 440px;}

.pagenumbersdiv {
position:absolute;
top:-25px;
left: 450px;}

/* LINKS PAGE STYLES */

#mainlink {
position:absolute;
left:20px;
padding: 30px 0px 0 20px;
width:490px;
height:200px;
background:url(images/linkborder.gif) top left no-repeat;
}

#linkstable {
position: absolute;
top:180px;
font-size:0.8em;

}
#linkstable td {
padding: 2px 0;
height:30px;
}
#linkstable a {
background:url(images/gosmall.jpg) top left no-repeat;
padding-left:35px;
display:block;
height:30px;
line-height:30px;
text-decoration:none;
color:#3A89B2;
}
#linkstable a:hover {
background:url(images/gosmallover.jpg) top left no-repeat;
color:#EB0975;
}
#linkplaceholder {
float:left;
padding:5px 8px;}

#linkdescription {
font-size:.8em;
text-align:justify;
width:400px;
padding-left:5px;
}
#linktitle {
font-weight:bold;}
a#piclink { 
color:#3A89B2;
}
a#piclink:hover {

color:#EB0975;
}

#gobutton {
position:relative;
top: 13px;
left:447px;
display:block;
width: 50px;
height: 50px;
line-height:50px;
font-family: Techno, Impact, "arial black";
font-size:1.2em;
background:url(images/go.jpg) top left no-repeat;
color:white;
text-align:center;
z-index:0;
}
#gobutton:hover {
background:url(images/goover.jpg) top left no-repeat;
color:#000000;
}

.pages {
position:absolute;
top: 370px;
left: 0px;
text-align:center;
width:500px;
line-height:25px;
color:#000000;
font-family: Techno, Impact, "arial black";
font-size:1.1em;
}

.pagenumbers{
color: #3A89B2;
}
.pagenumbers:hover{
color: #EB0975;
}
.next {
background:url(images/next.jpg) top left no-repeat;
position: absolute;
left: 410px;
height:38px;
width:100px;
text-align:left;
text-indent:20px;
color:#000000;
text-shadow: #FFFFFF 3px 3px 3px;
filter: Shadow(Color=white, 	
			Direction=135, 
			Strength=3);
}
.next:hover {
background:url(images/nextover.jpg) top left no-repeat;
}

.previous {
background:url(images/previous.jpg) top left no-repeat;
position: absolute;
left: 0px;
height:38px;
width:100px;
color:#000000;
text-shadow: #FFFFFF 3px 3px 3px;
filter: Shadow(Color=white, 	
			Direction=135, 
			Strength=3);
z-index:7;			
}
.previous:hover {
background:url(images/previousover.jpg) top left no-repeat;
}

/* GIGS PAGE STYLES */
.upcominggigs {
position:absolute;
left:20px;
width:250px;
}
.previousgigs {
position:absolute;
left:280px;
}
.upcomingtitle {
width: 150px;
height:100px;
background:url(images/upcominggigs.jpg) top left no-repeat;
}
.previoustitle {
width: 200px;
height:100px;
background:url(images/previousgigs.jpg) top left no-repeat;
}
ul#upcoming li {
padding-bottom:10px;
 font-size:.8em;
}
ul#previous li {
color:#666666;
padding-bottom:5px;
 font-size:.8em;
}
#gigbutton {
position:relative;
display:block;
float:left;
width:30px;
height:30px;
padding-right: 5px;
background:url(images/gigbutton.jpg) top left no-repeat;
z-index:9;
}
#gigbuttondown {
position:relative;
display:block;
float:left;
width:30px;
height:30px;
padding-right: 5px;
background:url(images/gigbutton_down.jpg) top left no-repeat;
z-index:9;
}
#gigbutton:hover {
width:30px;
height:30px;

background:url(images/gigbutton_over.jpg) top left no-repeat;
}
.gigdate {

font-style:italic;
 }
#gigvenue {

font-weight:bold;
 }
#gigvenueprev {

font-weight:bold;
}
 .gigdateprev {

font-style:italic;
}
ul#previous li a{
color:#718D9A;
}
ul#previous li a:hover{
color:#C27CB6;
}
ul#upcoming li a{
color:#1698D9;
}
ul#upcoming li a:hover{
color:#eb0975;
}

#previous {
width:230px;
height:300px;
overflow:auto;
}
#upcoming {
width:230px;
height:300px;
overflow:auto;
}
#info {
width:200px;
}

/* NEWS PAGE STYLES */
#newslist {
position:absolute;
left:400px;
width:150px;
font-size:0.8em;
overflow:auto;
height:290px;
}
#videolist {
position:absolute;
left:440px;
width:150px;
top: 50px;
font-size:0.8em;
overflow:auto;
height:290px;
}
#mainnews {
position:absolute;
top:15px;
height:360px;
width:360px;
overflow:auto;
font-size:0.8em;
text-align:center;
padding-right:10px;
}
#shop #mainnews {
text-align:right;
}
.newsdate {
font-style: italic;
}
#newsitem {
font-weight:bold;

}
#videolist li a{
display:block;
color:#1698D9;
padding-bottom:5px;
}
#newslist li a{
display:block;
color:#1698D9;
padding-bottom:5px;
}
#videolist li a:hover{
color:#eb0975;
}
#newslist li a:hover{
color:#eb0975;
}
#newstitle {
font-family: Techno, Impact, "arial black";
padding-bottom:15px;
font-size:2em;
}
.mainnewsdate {
font-weight:bold;
font-size:1em;
}
.newsimage {
float:left;
padding:5px 5px;
}
#mainnews a{
font-size:1.2em;
color:#1698D9;
}
#mainnews a:hover{
color:#eb0975;}
p#newsdesc {
text-align:justify;
padding-bottom: 5px;
}

/* PRESS PAGE STYLES */

.quote {
font-size:.95em;
line-height:1.2em;
color:#333333;
text-indent:40px;
padding-top:20px;
text-align:justify;
}
/* CONTACT PAGE STYLES */

.contactbox {
position:absolute;
width:457px;
height:328px;
top:65px;
left:20px;
background:url(images/contactbox.jpg) top left no-repeat;
}

.contactbox form {
position:absolute;
top:30px;
left:20px;
}
.send {
position:absolute;
top:275px;
left:330px;
}

legend {
font-size:0.9em;
color:#333333;
font-weight:bold;
width:400px;
display:block;
float:left;}

fieldset {
font-size:0.9em;
	margin: .5em 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	display:block;
	width:400px;
	text-align:left;
	}
.error {
color:red;
}
.radio {
margin-top:10px;
margin-right:5px;
position:relative;
z-index:10;
}
.errormessage {
font-size:0.7em;
color:red;
}
.contactp {
font-size:0.9em;
line-height:1.2em;
color:#333333;
}
.thanks {
font-size:0.9em;
line-height:1.2em;
position:relative;
top:50px;
text-align:center;
}
.boxtitle {
font-family: Techno, Impact, "arial black";
position:absolute;
top: 2px;
left: 26px;
color:#3A89B2;
font-size:1.3em;
}

/* FRONT PAGE STYLES */

.mainquote {
color:#333333;
font-size:1.2em;
font-weight:bold;
}
.frontpagelist a {
font-weight: bold;
}
.smallquote {
color:#333333;
font-style:italic;
text-align:right;
font-size:1em;
}
.mainsentance {
padding-top: 20px;
font-size:0.9em;
color:#333333;
text-align:justify;
}
.frontpagelist li{
color:#333333;
padding-top: 10px;
font-size:.9em;
text-align:right;
}

/* AUDIO PAGE STYLES */
.popupdiv .popup {

position: absolute;
left:520px;
display:block;
width: 110px;
height:70px;
background:url(images/listenup.jpg) top left no-repeat;
}
.popupdiv .popup:hover {
background:url(images/listenover.jpg) top left no-repeat;
}
.popuplink {
font-family: Techno, Impact, "arial black";
font-size:1em;
position:relative;
display:block;
z-index:10;
}
#mainaudio {
position:absolute;
top: -20px;
left:15px;
padding: 92px 0px 0 20px;
width:555px;
height:256px;
background:url(images/audioborder.jpg) top left no-repeat;
z-index:0;
}
#popupwindow {
background-color:#FFFFFF;
width:700px;
height:700px;
}
#mainaudiopopup {
position:relative;
top: 15px;
left:15px;
padding: 92px 0px 0 35px;
width:555px;
height:256px;
background:url(images/audioborder.jpg) top left no-repeat;
z-index:0;
}
.audioselect {
position:absolute;
top:20px;
left:15px;
z-index:5;
}
#audiotable {
position: absolute;
top:240px;
font-size:0.8em;

}
#audiotable td {
padding: 2px 0;
height:30px;
}
#audiotable a {
background:url(images/gosmall.jpg) top left no-repeat;
padding-left:35px;
padding-top:7px;
display:block;
height:30px;
text-decoration:none;
color:#3A89B2;
}
#audiotable a:hover {
background:url(images/gosmallover.jpg) top left no-repeat;
color:#EB0975;
}
#mainaudio p {
width: 400px;
}
#mainaudiopopup p {
width: 400px;
}
#counter {
position:absolute;
bottom:5px;
left:5px;
z-index:7;
}
.presspage {
overflow:auto;
padding-right:10px;
height:360px;
}
.quoteby {
text-align:right;
font-style:italic;
font-weight:bold;
font-size:0.9em;
}
.left {
float:left;
clear:left;
padding-right:30px;
}
.extrasmenu {
height:100px;
position:relative;
}
.extrasmenulink {
position:absolute;
top:30px;
left:140px;
font-weight:bold;
}
.youwin {
color:#eb0975;
font-size:1.1em;
text-align:center;
}
.youare {
padding-top:30px;
font-weight:bold;
font-style:italic;
}
.quizform {
width:450px;
position:absolute;
}
.large {
font-size:1.3em;
}
a.popup {
font-size:1.3em;
}