@import url("reset.css");

body{
	background-color: #100;
	font: 14px/22px font-family: Times New Roman, Times, serif;
	
}
p{
	margin-bottom:1em;
} 

form{
	font-size:120%;
	line-height:200%;
	font-weight:bold;
}  

ol{
	list-style: decimal outside;
	margin: 2em;
}

ol li{
	margin-top:-1em;
}

textarea, input{
	background-color: #FFDFBF;
}

input#name{
	background-color: #DDD;
	 width:30%;
	margin-right:10%;
}     

input#from_email{
	background-color: #DDD;
	 width:30%;
} 


label{
	width:15%;
}


textarea{
	width:100%;
}


input.submit{
	float:right;
	width:20%;
}

.mp3{
	margin-top:.4em;
	float:right;
} 

#container{
	position:absolute;
	background-image: url(images/bg.jpg);
	background-position: bottom;	
	background-repeat: repeat-y;
	margin-left:-480px;
	left:50%;
	width:960px;
	width:960px;
} 

#behind{
	position:absolute;
	background-image: url(images/bg.jpg);
	background-position: top;	
	background-repeat: repeat-x;
	margin-left:-480px;
	left:50%;
	width:960px;
   	height:100%;
	z-index: -50;
}

#topedge{
background-image: url(images/top.jpg);
	background-position: top right;	
	background-repeat: no-repeat;
	text-indent: -5000px;
	width:100%;
	height:240px;   
}


#content{
	width:480px;
	margin-left: 10px;
	float:left;
	font-size: .75em;
	color:#9CF; 
}

ul#lmen{
	width:190px;
	margin-right: 10px;
	float:right; 
	font-size: 75%;
	line-height:1.2em;
}

ul#lmen li{
	margin: 0 1em 1.5em 0;
	font-weight: bold;
	color:#9CF;
	clear:left; 
}

ul#gigs{
	float:right;
	width:200px;
	margin-right:40px; 
	margin-bottom:2em;
	font-weight: bold;
	color:#9CF;
}


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

ul#men_archive li.year{
	font-size: .9em;
	clear: left;
	text-align: center;
}

ul#men_archive li.month{
	font-size: .8em;
	float: left;
	clear: left;
	margin-right: 1em;
}


ul#men_archive li.day{
	font-size: .8em;
	clear: none;
	float: left;
	margin-right: 1em;
}             

ul.biog{
	display:block;
} 

ul#gigs .players{
	font-size: .8em;
	color:#9CF; 
}


ul#gigs .sub, ul#gigs .time, ul#gigs .price{
	font-size: .7em;   
} 

ul#gigs .time{
	float:left; 
	margin-right:1em;
}

ul#gigs .price{
	float:right;
	clear:right;
}


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

a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #DFF1FF;
}

.home ul, .archive ul, ul.biog{
	font-size: 14px;
	margin-bottom: 2em;
}

.home ul.listartists li{
	float:left;
	margin:0 1em;
	line-height:2em;
}

.home li.date, .archive li.date, .players li.date, #men_archive li.header, #gigs li.header{
	font-weight: bold;
	font-size:12px;
	margin: 0 .5em .5em 0; 
	 width:100%;
	text-indent:.5em;
	height: 1.3em;
	padding:1px 0;
	background-color: #600;
	color:#f8ea93;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}    

.home li.theme{
	float:right; 
	font-style: italic;
	margin-top:-23px;
	margin-right:1px;
}

.home li.sess_blurb, .archive li.sess_blurb, #gigs li.blurb, .home li.players, .archive li.players, .players li.players{
	margin: 1em 0 1em 0;
	font-size:90%;
	line-height: 1.5em;
} 

.home p.blurb{
	margin: 1em 0 1em 0;
	font-size:110%;
	line-height: 1.5em;
	
}

li.sess_blurb{
	clear:left;
}    

.session, ul#men_archive{
	font-size:14px;
}

.home li.title, .archive li.title, .players li.title, #gigs li.players{
	clear:left;
	font-weight: bold;
	margin-top:.5em;
	color:#f8ea93;
}  

.home li.players, .archive li.players, .players li.players{
	margin-top:.25em; 
}

#gigs li.venue{
	font-size:70%;
	font-style: italic;
	margin:1em 0 0 0;
}

#gigs li.price{
	font-size:60%;
}  

ul#gigs .date, .home li.composer, .archive li.composer, .players li.composer, #gigs li.address{
	font-size:70%;
} 

.home li.blurb, .archive li.blurb{
	font-size:80%;
}

.players ul{
	margin-bottom:2em;
}

.players ul li.name{
	font-size: 110%;
	font-weight: bold;
	float:left;
	margin-bottom: .125em;
	margin-right:1em;
}
  

.players ul li.instruments{
	font-size: 80%; 
	font-style: italic;
	padding-top:.3em;
	margin-bottom:.2em;
}

.players ul li.country{
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 1em;
}

.players .mugshot{
	float:right;
	margin-left: .5em;
} 

.mugshot{
	width:200px;
	height:267px;
	display:block;
}

.players ul li.website{
	float:right;
	font-weight: bold;
	margin-bottom: .5em;
}

.photo{
	height:80px;
	float:left;
}

.blocker{
	height:20px;
width:350px;
clear:left;
}