* { margin: 0; padding:0;}
.clear { width:100%; height:1px; font-size:1px; clear:right; }
.clear_both { width:100%; height:1px; font-size:1px; clear:both; }
.clear_left { width:100%; height:1px; font-size:1px; clear:left; }

/* basic elements */

html { 
	min-width: 795px;

	 }
body { 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#65625B; 
	background:#333; 
	margin:0; 
	padding:0;
	text-align:center;
	}

body.enter
{
background:#fff;
}

#body_img{
margin-top:15px;
}

img{
border:0px;
}

#container {
	width:795px;
	margin:0 auto;
	padding:0;
	background:#ffffff url('../img/wrapper.gif') repeat-y top center;
	height:auto;
	text-align: left;
}

#container_pic {
	width:790px;
	margin:0 auto;
	padding:0;
	background:#ffffff url('../img/wrapper_pic.gif') repeat-y top center;
	height:auto;
	text-align: left;
}


html>body div#intro{
	/* Correct value for browsers that don't suffer from IE Win's bugs */
min-height: 550px;
	}
html>body div#container{
	/* Correct value for browsers that don't suffer from IE Win's bugs */
min-height: 550px;
	}

/*-- intro section --*/
#intro {
	background:#fff url('../img/intro_bg_long.jpg') no-repeat top left;
	width:190px;
	margin:0;
	height:563px;
	float:left;
}
#pageHeader {
	background:#fff url('../i/pageHead_bg.gif') no-repeat top left;
	width:610px;
	height:97px;
	margin:0 0 0 -80px;
	padding:0;
	float:left;
}

#preamble {
	text-align:left;
	font-size:.82em;
	margin-left:190px;
	width:500px;
	background-color:#ffffff;
	height:auto;
	padding:0px;
}

#preamble p {
	line-height:1.3em;
	margin-top:1em;
	margin-bottom:1.3em;
}


#preamble h3 {
font-size:1.1em;
padding:1em 0 0 0;
margin-bottom:.8em;
color:#999;
}

h3.photo{border-bottom:1px dashed #6666FF; }
h3.reviews{border-bottom:1px dashed #FF9933;}
h3.sessions{border-bottom:1px dashed #FFFF66;}
h3.home{border-bottom:1px dashed #FF99FF;}


/*-- lselect section --*/
#lselect {
	background:#fff url('lselect_arrow_bg.gif') no-repeat top left;
	height:auto;
	width:640px;
	margin:0 0 20px -80px;
	padding:0;
	float:left;
	border:0px;
	border-bottom:1px;
	border-style:dashed; 
	border-color: #c8c8c8;
	font-size:.8em;
}
#lselect h3 {
	background:#fff url('lselect_bg.gif') no-repeat top left;
	width:83px;
	height:13px;
	margin:10px 10px 7px 0px;
}
#lselect ul {
	margin:0;
	padding:10px 0 7px 3px;
	background-color:#ffffff;
}
#lselect li {
	font-size:.9em;
	margin-right:8px;
	padding:6px;
	display: inline;
	list-style-type: none;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
#lselect a:link, #lselect a:visited, #lselect a:active {
	font-size:.9em;
	color:#65625B;
}

#lselect li:hover, #lselect li.CSStoHighlight {
	background: #f5f5f5 url('tab_bg.gif') repeat-x top left;
	color:#434039;
}


#lselect li.selected{
	color:#434039;
}

#lselect li.home{background: #FFCCFF;}
#lselect li.sessions{background: #FFFFCC;}
#lselect li.gigs{background: #CCFFCC;}
#lselect li.reviews{background: #FFCC99;}
#lselect li.mailinglist{background: #FF9999;}
#lselect li.photogallery{background: #CCCCFF;}
#lselect li.links{background: #CCFFFF;}


/*-- footer --*/
div#footer	{
	clear:both;
	border:0px;
	border-top:1px;
	border-bottom:1px;
	border-style:solid; 
	border-color: #c8c8c8;
    padding: 4px 0 0 14px;
    width: 770px; 
	height: 1.7em;
	background-color:#ffffff;
	}

#footer ul { float: left; margin: 5px 0 5px 10px;}
#footer ul li { float:left; font-size: 0.6em; list-style-type:none;}
#footer ul li .sep { color:#333; margin: 0px 2px 0 3px; } 
#footer a { color: #333; }
#footer a:hover { color: #333; text-decoration:none; background-color: #fff;}
#footer p#copy { font-size: 0.6em; float: right; color: #333; padding: 4px 10px 0 0; }

/*-- films --*/


h4.film{
	font-size:.93em;
	padding:10px 0 4px 0;
	margin:0 0 10px 0;
	border:0px;
	border-bottom:1px;
	border-style:solid; 
	border-color: #ccc;
}

}
/*lists*/

#preamble ul.gigs{
}

ul.gigs li{
margin-left:27px;
margin-bottom:10px;
list-style-image: url(../img/icons/0010_arrow_stripes.png);
}


ul.mp3s li{
margin-left:15px;
padding-bottom:3px;
border-bottom:1px solid #ccc;
list-style:none;
}

ul.mp3s li.alt{
background-color:#EBE7FE;
}

/*-- LINKS --*/
#preamble a{color:#333; }
#preamble_pic a{color:#333; }
#preamble a:hover{color:#C60F58; }
#preamble_pic a:hover{color:#C60F58; }
a.action{font-weight:bold;}

/*-- GALLERY --*/
img.photo{
margin-right:12px;
border:2px solid #ccc;
}

img.photo_lg{
text-align:center;
margin-left:50px;
}

#picture{
margin-left:30px;
}

/*--MISC --*/
img.icon{
padding-top:9px;

}
#backtotop
{
font-size:.8em;
font-weight:bold;
float:right;
margin-bottom:5px;
background:#ffffff url('../img/backtotop.jpg') no-repeat top right;
height:15px;
}

#backtotop a{
padding-right:18px;
}

#backto
{
font-size:.8em;
font-weight:bold;
text-align:center;
height:15px;
padding:15px 0;
}

#backto a{
padding-right:18px;
background:#ffffff url('../img/backto.jpg') no-repeat top right;
padding-bottom:15px;

}

blockquote{
	border-left: 1px solid #ccc;
	margin-left: 1.5em; 
	padding: 5px;
	font-style:italic;
}

.venue
{
font-size:.8em;
font-weight:bold;
}

.track
{
font-size:.8em;
}

.l{
float:left;
margin-right:15px;
}

.hidden{display:none;}

/*-- that IE 5+ conditional comment makes this only visible in IE 5+ --*/
#lselect ul li {  /*-- the behaviour to mimic the li:hover rules in IE 5+ --*/
	behavior: url( ../IEmen.htc );}