body{
	font: normal  .8em/1.5em Helvetica, sans-serif;
}

p{
margin-bottom: 1em;
text-align: justify;
}


hr{
	clear: both;
}

form{
	width: 100%;
}

label{
	font-weight: bold;
width: 12%; 
height: 25px;
text-align: left;
float: right;
}

input{
	width: 80%;
	float: right;
}

input.submit{
	width: 15%;
	clear: both;
} 

textarea{
	width: 80%;
	height: 20em;
	float: right;
}


ol li{
	list-style-type: decimal;
	margin: 0 1em .5em 2em;
}

div.hr {
	clear: both;
  height: 15px;
  background: #fff url(images/rule.jpg) no-repeat scroll center;
margin-top:1em;
}
div.hr hr {
  display: none;
} 

a:link, a:visited{  
	font-weight: bold;
	text-decoration: none;
	color:#600;
}

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

#wimpyTarget{
	visibility: hidden;
}

#me{
	position:fixed;
	left: 20px;
	top: 300px;
	width: 150px;
	height: 410px;
	background-image: url(images/picture.jpg);
	background-repeat: no-repeat;
}


#header{
	font-size: 3em;
	font-weight: bold;
	text-indent:-5000px;
	position: absolute;
	left:700px;
	top:15px;
	height:180px;
	width:400px;
	vertical-align: text-bottom;
	background-image: url(images/johnpeacock.jpg);
	background-repeat: no-repeat;
}     

#con_link{
	position: absolute;
	left:850px;
	top:100px;
	height:10px;
	width:350px;
	font-weight: bold;
}

#subhead{
	 position: absolute;
	font-size: 70%;
	width: 300px;
	left: 710px;
	top: 110px;
	height:100px;
	vertical-align: text-bottom;
} 

ul.pics{
	display: block;
	width:100%;
	margin-bottom: 1em;
	clear:right;
}                     

ul.pics li{
	float:left;
	width:100px;
	height:100px;
}

ul.pics li a:hover img{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	}


#container{
	position: absolute;
	 width: 500px;
	padding: 0 5px;
	top: 30px;
	left: 180px;
} 

li.controls{
	float: right;
	width: 200px;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	color:#8dc693;
}

li.controls a{
	vertical-align: top;
}

ul.entry{
	margin-bottom: 40px;
}         

ul.entry li.title{
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	color:#af3135;
	margin: .5em 0 0 0;
}

ul.entry li.subtitle{
	font-size: .85em;
	font-weight: bold;
font-style: italic;
clear: right;
	text-align: right;
	color:#8dc693;
}

ul.entry li.text{
	display: block;
margin-bottom: .5em;
	color:#300;
}  

ul.entry li.text a{ 
	font-weight: bold;
} 


li.to{
	clear: left;
} 

ul.entry li.map{
	margin-left: 10px;
	margin-right: -10px;
	margin-bottom: -15px;
float:right;
}

.download{
	color:#300;
	font-weight: bold;
}


ul.date {
	color:#300;
	width: 100px;
	font-weight: bold;
	clear: left;
	float: left;
	height: 90px;
}



ul.date li{
display: block;
	text-align: center;
	text-indent: -5000px;
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
}

ul.date li.type{
	font-size: .7em;
	font-weight: bold;
	margin: 0 4px 0 4px;
} 


ul.date li.month{
	font-size: .8em;
} 

ul.date li.number{
	clear: left;
	font-size: 2em;
}

ul.date li.year{
	display: block;
	clear: left; 	
}


ul.album li.title{
	font-size: 1.6em;
	font-weight: bold;
	color:#af3135;
	margin-bottom: .5em;
	clear: none;
	
}

ul.album li.year{
	display: block;
	color:#8dc693;
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
	clear: none;
	float: right;
}

ul.album li.text{
	margin-bottom: .5em;
		color:#300;
}


ul.album li.cover{
	width: 210px;
	float:right; 
	margin-left: 1em;
}  

ul.tracks li{
	font-weight: bold;
}


ul#subhead li.title{
	clear: both;
	font-size: 1.25em;
	margin-top: 1em;
	font-weight: bold;
}

ul#subhead li.albums{
	height: 30px;
	text-indent:-5000px;
	background-image: url(images/albums.jpg);
	background-repeat: no-repeat;
} 
ul#subhead li.tracks{
	height: 30px;
	margin-top: 1em;
	text-indent:-5000px;
	background-image: url(images/tracks.jpg);
	background-repeat: no-repeat;
}

ul#subhead li.performances{
	height: 30px;
	text-indent:-5000px;
	background-image: url(images/performances.jpg);
	background-repeat: no-repeat;
}

ul#subhead li.otherplaces{
	height: 30px;
	text-indent:-5000px;
	background-image: url(images/otherplaces.jpg);
	background-repeat: no-repeat;
}

ul#subhead li.otherthings{
	height: 30px;
	text-indent:-5000px;
	background-image: url(images/otherthings.jpg);
	background-repeat: no-repeat;
}

ul#subhead li.links, li.year{
	font-weight: bold;
	font-size: 1.25em;
	float:left;
	margin-right: 1.5em;
} 

ul#subhead li.links{
	margin-bottom: .5em;
} 

ul#subhead li.year{
} 

ul#subhead li.plucked, li.plucked a{
	display:block;
	height: 20px;
	width: 250px;
	text-indent:-5000px;
	background-image: url(images/plucked.jpg);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

ul#subhead li.plucked a:hover{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 -40px;
} 

ul#subhead li.plucked a:active{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 0;
}
 
ul#subhead li.pause, li.pause a{
	display:block;
	height: 20px;
	width: 250px;
	text-indent:-5000px;
	background-image: url(images/pause.jpg);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

ul#subhead li.pause a:hover{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 -40px;
} 

ul#subhead li.pause a:active{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 0;
}

ul#subhead li.thestairwellsessions, li.thestairwellsessions a{
	display:block;
	height: 20px;
	width: 250px;
	text-indent:-5000px;
	background-image: url(images/thestairwellsessions.jpg);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

ul#subhead li.thestairwellsessions a:hover{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 -40px;
} 

ul#subhead li.thestairwellsessions a:active{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 0;
}

ul#subhead li.liveatthedrillhall, li.liveatthedrillhall a{
	display:block;
	height: 20px;
	width: 250px;
	text-indent:-5000px;
	background-image: url(images/liveatthedrillhall.jpg);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

ul#subhead li.liveatthedrillhall a:hover{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 -40px;
} 

ul#subhead li.liveatthedrillhall a:active{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 0;
}

ul#subhead li.thesecretagentsdream, li.thesecretagentsdream a{
	display:block;
	height: 20px;
	width: 250px;
	text-indent:-5000px;
	background-image: url(images/thesecretagentsdream.jpg);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

ul#subhead li.thesecretagentsdream a:hover{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 -40px;
} 

ul#subhead li.thesecretagentsdream a:active{
	display:block;
	height: 20px;
	width: 250px;
	background-position: 0 0;
}

ul#subhead li.itsamazingwhatsomepeoplecanbelieve, li.itsamazingwhatsomepeoplecanbelieve a{
	display:block;
	height: 20px;
	width: 303px;
	text-indent:-5000px;
	background-image: url(images/itsamazingwhatsomepeoplecanbelieve.jpg);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}

ul#subhead li.itsamazingwhatsomepeoplecanbelieve a:hover{
	display:block;
	height: 20px;
	width: 303px;
	background-position: 0 -40px;
} 

ul#subhead li.itsamazingwhatsomepeoplecanbelieve a:active{
	display:block;
	height: 20px;
	width: 303px;
	background-position: 0 0;
}  

ul#podcast{
	width:300px;
	float:right;
	font-weight:bold;
	font-size: 120%;
	margin-bottom: 1em;
	
} 

ul#podcast li{
	margin-top:0;
   width:20%;
float:left;
}

.sound{
	float: right;
} 

.album_sound{ 

			}
			
.songtitle{   line-height: 1.2;
			  margin-bottom: 10px;
			  height: 25px;
}


.arrows{
	width: 50px;
	height:25px;
	margin-right: 3px;
	float: left;
}

.gig{
	background-color: #CFF;
}

.podcast{
	background-color: #FCF;
} 

50%{
	width:50%;
}