/*--------------*/
/* CSS Document */

html,body{
	padding:0;
	margin:0;
	margin: 0px 15px 0px 15px;
	height: 100%;
	text-align:left;
	background-color:#ffffff;
	background-image: url(../images/background.gif);
	background-attachment: fixed;
	background-repeat: repeat;
	font-family: Georgia, serif;
	font-size: 14px;
	color:#fff;
	min-width:880px;
	z-index:20;
}

/*--------*/
/* LAYOUT */

#fadetop {
position:fixed !important;
position:absolute;
height:145px;
width:100%;
top:0px;
left:0px;
overflow:hidden;
z-index:50;
}

#fadebottom {
position:fixed !important;
position:absolute;
height:185px;
width:100%;
bottom:0px;
left:0px;
overflow:hidden;
z-index:50;
}

#fadebottomright {
position:fixed !important;
position:absolute;
height:185px;
width:100%;
bottom:0px;
left:0px;
overflow:hidden;
z-index:50;
text-align:right;
}

#bramblesback {
position:fixed !important;
position:absolute;
height:185px;
width:100%;
bottom:0px;
left:0px;
overflow:hidden;
z-index:50;
text-align:right;
background-image:url(../images/bramblesback.png);
background-repeat:repeat-x;
}

#bramblesfront {
position:fixed !important;
position:absolute;
height:185px;
width:100%;
bottom:0px;
left:0px;
overflow:hidden;
z-index:50;
text-align:right;
background-image:url(../images/bramblesfront.png);
background-repeat:repeat-x;
background-position:50%;
}

#bramblesie{
display:none;
position:fixed !important;
position:absolute;
height:185px;
width:100%;
bottom:0px;
left:0px;
overflow:hidden;
z-index:50;
text-align:right;
}

#top, #bottom, #left, #right {
	background: #ffffff;
	position: fixed;
	z-index: 900;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }

	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
#logo {
	position:fixed !important;
	position:absolute;
	left:0px;
	top:0px;
	width:280px;
	height:92px;
	z-index:90;
}

#menu {
	position:fixed !important;
	position:absolute;
	left:0px;
	top:108px;
	width:280px;
	height:42px;
	z-index:90;
	text-align: center;
}

#background {
	position:fixed !important;
	position:absolute;
	left:0px;
	top:0px;
	width:280px;
	height:100%;
	background-color:#ccc;
	z-index:80;
	text-align: center;
	background-image: url(../images/backgrounds/rotate.php) !important;
    background-image: url(../images/backgrounds/background.jpg);
}

#heading{
 position:fixed !important;
 position:absolute;
 top:15px;
 left:0px;
 width:100%;
 margin:0px auto 0px auto;
 text-align:center;
 z-index:70;
}

#innerheading{
 margin:0px auto 0px auto;
 text-align:center;
}

#menuyearlings { 
 position:fixed !important;
	position:absolute;
	left:0px;
	top:85px;
	width: 100%;
	height:12px;
	clear:none;
	visibility:visible;
	z-index:70;
	margin:0px auto 0px auto;
	text-align:center;
	}
	
#innermenuyearlings{
 width:880px;
 height:12px;
 margin:0px auto 0px auto;
 z-index:70;
 text-align:left;
}

#footer {
 position:fixed !important;
	position:absolute;
	left:0px;
	bottom:0px;
	width: 100%;
	height:40px;
	clear:none;
	visibility:visible;
	z-index:70;
	margin:0px auto 0px auto;
	text-align:center;
}
	
#innerfooter{
 width:880px;
 height:17px;
 margin:0px auto 0px auto;
 z-index:70;
 text-align:left;
}
	
#player{
 width:330px;
 height:17px;
 margin:-12px auto 0px 550px;
 z-index:450;
 text-align:left;
 font-family: Georgia, serif;
 font-size: 12px;
 color:#fff;
 float:right;
}

.highlight{
 font-family: Georgia, serif;
 font-size: 12px;
 color:#AEB4B0;
}

.highlight2{
 font-family: Georgia, serif;
 font-size: 12px;
 color:#596066;
}

#footerold {
	position:fixed !important;
	position:absolute;
	left:0px;
	bottom:0px;
	width:280px;
	height:50px;
	z-index:85;
}

/* NAV POSITIONS */
#home{ position:relative; top:0px; left:0px; width:52px; height:14px; overflow:hidden; }
#bioandepk{ position:relative; top:-14px; left:73px; width:89px; height:14px; overflow:hidden; }
#themusic{ position:relative; top:-28px; left:180px; width:95px; height:14px; overflow:hidden; }
#gigs{ position:relative; top:-42px; left:297px; width:40px; height:14px; overflow:hidden; }
#store{ position:relative; top:-56px; left:357px; width:56px; height:14px; overflow:hidden; }
#mediaandreviews{ position:relative; top:-70px; left:433px; width:149px; height:14px; overflow:hidden; }
#gallery{ position:relative; top:-84px; left:602px; width:78px; height:14px; overflow:hidden; }
#contact{ position:relative; top:-98px; left:700px; width:82px; height:14px; overflow:hidden; }
#myspace{ position:relative; top:-112px; left:803px; width:77px; height:14px; overflow:hidden; }

/* NAV ROLLOVERS */
a.home {background: url("../images/menu/home.jpg") 0 0 no-repeat; display: block; width: 52px; height: 14px; text-decoration: none;}
a:hover.home {background-position: 0 -14px;}	

a.bioandepk {background: url("../images/menu/bioandepk.jpg") 0 0 no-repeat; display: block; width: 89px; height: 14px; text-decoration: none;}
a:hover.bioandepk {background-position: 0 -14px;}	

a.themusic {background: url("../images/menu/themusic.jpg") 0 0 no-repeat; display: block; width: 95px; height: 14px; text-decoration: none;}
a:hover.themusic {background-position: 0 -14px;}	

a.gigs {background: url("../images/menu/gigs.jpg") 0 0 no-repeat; display: block; width: 40px; height: 14px; text-decoration: none;}
a:hover.gigs {background-position: 0 -14px;}	

a.store {background: url("../images/menu/store.jpg") 0 0 no-repeat; display: block; width: 56px; height: 14px; text-decoration: none;}
a:hover.store {background-position: 0 -14px;}	

a.mediaandreviews {background: url("../images/menu/mediaandreviews.jpg") 0 0 no-repeat; display: block; width: 149px; height: 14px; text-decoration: none;}
a:hover.mediaandreviews {background-position: 0 -14px;}	

a.gallery {background: url("../images/menu/gallery.jpg") 0 0 no-repeat; display: block; width: 78px; height: 14px; text-decoration: none;}
a:hover.gallery {background-position: 0 -14px;}	

a.contact {background: url("../images/menu/contact.jpg") 0 0 no-repeat; display: block; width: 82px; height: 14px; text-decoration: none;}
a:hover.contact {background-position: 0 -14px;}	

a.myspace {background: url("../images/menu/myspace.jpg") 0 0 no-repeat; display: block; width: 77px; height: 14px; text-decoration: none;}
a:hover.myspace {background-position: 0 -14px;}	

/*---------*/
/* CONTENT */

#content { /* Content Area */
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	clear:none;
	visibility:visible;
	z-index:30;
	margin:15px auto 15px auto;
	text-align:center;
	}
	
#innercontent{
 width:880px;
 margin:0px auto 0px auto;
 z-index:30;
 margin-top:145px;
 padding-bottom:185px;
 text-align:left;
}

#content h1{  /* Heading */
	font-family: Impact, Georgia, serif;
	font-size : 38px;
	font-weight: bold;
	text-transform:uppercase;
	color : #000;
	line-height : 100%;
	margin-top : 0;
	margin-bottom: 10px;	
	xletter-spacing: -0.05em;
	background-color : transparent;
	}
	
#content h2{
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
	}

#content .articletext p{  /* Body Text */
	font-family: Georgia, serif;
	font-size : 12px;
	color : #000;
	line-height : 120%;
	margin-top : 0;	
	background-color : transparent;
	}

#content .articletext p:first-child { /* First Paragraph */
	font-size: 18px;
	font-style: italic;
	line-height: 120%;
	}
	
.textcolLeft {width:250px;}
.textcolRight {width:250px; float:right;}	
	
.article{margin-bottom: 40px; overflow:hidden;}	
.articletext {display: table;}
.articleimages {margin-top:7px; float:right;}
.articleimages img {width:165px; margin-left:15px; margin-bottom:15px; display: block; clear: both;}
.articlelarge{font-size: 18px;font-style: italic;line-height: 120%;}

.author {border-top: 1px solid #000000; font-style: italic; padding-top:10px; font-size: 12px; font-family: Georgia, serif; margin-bottom:40px;}
.author a{font-weight: bold; color: #000; text-decoration: none;}
.author a:hover{text-decoration: underline;}

.fn {font-weight: bold;}

.comment{float: right; padding-top: 0;}	
.comments_invite{margin: 0;}
.url a{padding-top: 0; font-weight: normal; color:#CFCFCF;}	

#txpCommentInputForm {
	background-color: #F6F6F6;
	padding: 10px 0px 15px 10px;
	border-bottom: 1px solid #000000;
	font-style: italic;
	}

.artists {clear: both;}
.artists img {margin-top:10px; margin-bottom: 15px;}

.line {border-top: 1px solid #000000; padding-top:10px;  margin-bottom:30px;}
.inline {border-bottom: 1px solid #000000; padding-top:10px;  margin-bottom:20px; margin-top: 30px;}

/*--------------*/
/* RIGHT COLUMN */

#rightcol {
	top:0px;
	float:right !important;
	float:none;
	margin-left:910px;
	width: 180px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:115px;
	padding-bottom:80px;
	z-index: 10;
	clear:none;
	background-image: url(../images/sideline.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#rightcol h2{
	font-family: Impact, Georgia, serif;
	font-size : 24px;
	font-weight: bold;
	text-transform:uppercase;
	color : #CFCFCF;
	line-height : 100%;
	margin-top : 0;
	background-color : transparent;
	}

#rightcol p{ 
	font-family: Georgia, serif;
	font-size : 14px;
	color : #CFCFCF;
	line-height : 120%;
	margin-top : 0;	
	background-color : transparent;
	}

#rightcol a{  
	font-style: italic;
	color : #CFCFCF;
	text-decoration: none;
	}

#rightcol a:hover{color : #000000;}

.group{margin-bottom: 40px;}




/*------*/
/* MISC */

img {border:0}


.prev {
	font-family: Impact, Georgia, serif;
	font-size : 24px;
	font-weight: bold;
	text-transform:uppercase;
	color : #CFCFCF;
	line-height : 100%;
	margin-top : 0;
	background-color : transparent;
	background:url(../images/left.gif) 0px 6px no-repeat;
	padding-left: 18px;
	width:235px;
	}

.next {
	font-family: Impact, Georgia, serif;
	font-size : 24px;
	font-weight: bold;
	text-transform:uppercase;
	color : #CFCFCF;
	line-height : 100%;
	margin-top : 0;
	background-color : transparent;
	background:url(../images/right.gif) right 7px no-repeat;
	width:250px;
	padding-right: 18px;
	float:right;
	text-align: right;
	}

.readmore {
	height: 16px;
	background:url(../images/right.gif) no-repeat;
	padding: 1px 0px 0px 19px;
	margin-top: 15px;
	color: #333;
	}

.readmore a {color: #999; text-decoration: none;}
.readmore a:hover {color: #000;}
.smalllink, .small {font-size: 12px;}
.hires {font-size: 12px; color:#cfcfcf;margin-left:15px;}

td.divider{
 width:30px;
 background-image:url(../images/line.gif);
 background-repeat:repeat-y;
}

td.leftcolumn{
 width:510px;
}

td.rightcolumn{
 width:340px;
}

h3{
 font-family: Georgia, serif;
 font-size: 20px;
 color:#596066;
 dislay:inline;
}

h4{
 font-family: Georgia, serif;
 font-size: 12px;
 font-weight:bold;
 color:#596066;
 dislay:inline;
 margin:0px 0px 0px 0px;
}

h5{
 font-family: Georgia, serif;
 font-size: 14px;
 font-weight:bold;
 color:#596066;
 dislay:inline;
 margin:0px 0px 0px 0px;
}

p{ margin:0px 0px 20px 0px; }
p.thin{ width:340px; }

img.box{ border:1px solid #fff; margin:0px 0px 10px 10px; }
img.thumbnail{ border:1px solid #fff; margin:0px 10px 10px 0px; }
img.album{ border:1px solid #5F666C; margin:0px 0px 0px 0px; }
img.album2{ border:1px solid #fff; margin:0px 0px 0px 0px; }
img.newalbum{ margin:25px 0px 15px 0px; //margin:25px 0px 15px 0px; }

p a{ color:#596066; text-decoration:underline; }
p a:hover{ color:#fff; text-decoration:underline; }
a.link{ color:#596066; text-decoration:underline; }
a.link:hover{ color:#fff; text-decoration:underline; }
td.leftcolumn a{ color:#596066; text-decoration:underline; }
td.leftcolumn a:hover{ color:#fff; text-decoration:underline; }

a.light{ color:#fff; text-decoration:underline; }
a:hover.light{ color:#596066; text-decoration:underline; }

input.controlfield{ display: none; }
.mailinglist{
 background-color:#DADADA;
 border:1px solid #fff;
 margin:0px 0px 7px 0px;
 //margin:0px 0px 7px 0px;
 width:130px;
 font-family: Georgia, serif;
 font-size: 12px;
 color:#596066;
}

.stockistsnav{
 background-color:#DADADA;
 border:1px solid #fff;
 margin:10px 0px 0px 0px;
 //margin:3px 0px 0px 0px;
 width:180px;
 font-family: Georgia, serif;
 font-size: 12px;
 color:#596066;
}

td.gigs{ font-size:12px; width:160px; vertical-align:top; }
td.gigs2{ font-size:12px; width:150px; vertical-align:top; }
td.gigs2 a{ color:#596066; text-decoration:underline; }
td.gigs2 a.hover{ color:#596066; text-decoration:underline; }
img.gigsdivider{ height:1px; width:510px; margin:10px 0px 10px 0px; }
img.newsdivider{ height:1px; width:510px; margin:0px 0px 15px 0px; }
img.pageheading{ margin:0px 0px 20px 0px; }
.rightcontent{ text-align:left; margin:30px 0px 0px 10px; font-size:12px; }
ol{ margin:0px 0px 0px 0px; }
li.tracklist{ margin: 0px 0px 0px -20px; //margin: 0px 0px 0px 30px; line-height: 150%; }
.small{ font-size:12px; }