html{overflow: -moz-scrollbars-vertical !important;}

body {
	background-repeat:repeat;
	background-image:url(../images/bg.gif);
	background-color:#000;
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-size:1em;
	color:#666;}


ul{
	list-style:none;
	margin:0;
	padding:0;}

a{
	color:#666;
	text-decoration:underline;}

a:hover{
	color:#630;}

img.right, div.right{
	float:right;
	padding:5px 0 3px 15px;
	vertical-align:text-top;}
	
div.right img{margin-top:17px;}

*:first-child+html div.right img { margin-top:0;}
  
 /* IE HACK */
  
/* \*/ 
* html div.right img { margin-top:0; } 
/* */ 

#list div.right img{margin-top:0;}

div.right p{
	text-align:center;
	margin-top:2px;
	color:#333;
	font-size:80%;}

div.attribution{
	text-align:right;
	font-style:italic;
	margin:0 5px 70px 0;}

#banner
{
	width:780px;
	height:122px;
}

#header
{
	margin-bottom:25px;
	margin-top:0;
}

#mainnav
{
	font-size:130%;
	padding:5px 0 5px 20px;
	background-color:#996;
	margin-top:0;
	border-bottom:solid 1px #666;
}

*:first-child+html #mainnav { margin-top:-5px;}
  
 /* IE HACK */
  
/* \*/ 
* html #mainnav { margin-top: -5px; } 
/* */ 

#mainnav li
{
	display:inline;
	white-space:nowrap;
}

#mainnav li.spaced
{
	padding-left:67px;
	padding-right:67px;
}

#mainnav li span, #leftnav li span
{
	color:#930;
}

#mainnav li a
{
	color:#000;
	text-decoration:none;
}

#mainnav li a:hover, #leftnav li a:hover
{
	color:#930;
}

#leftnav
{
	margin-left:0px;
	margin-bottom:30px;
}

#leftnav li
{
	padding-top:15px;
	text-align:right;
}

#leftnav li a
{
	color:#000;
	text-decoration:none;
}
#page
{
	width:780px;
	text-align:center;
	margin:0 auto;
}

#container
{
	width:780px;
	margin:0 auto;
	text-align:left;
	background-color:#CCCC99;
}

h1
{
	margin:0;
	padding:0;
	padding:40px 0 20px 20px;
	font-size:250%;
	font-weight:normal;
}

h3
{
	color:#333;
	margin-top:15px;
}


*:first-child+html h3 { margin-top:0;}
  
 /* IE HACK */
  
/* \*/ 
* html h3 { margin-top: 0; } 



h4{
	color:#333;
	margin:0 0 4px 0;}

#left
{
	width:170px;
	float:left;
}

#main
{
	width:540px;
	float:left;
	padding:0 28px 25px 40px;
}



*:first-child+html #main { margin-top:15px;}
  
 /* IE HACK */
  
/* \*/ 
* html #main { margin-top: 15px; 	height:300px;} 
/* */ 




#footer
{
	background-color:#996;
	clear:both;
	padding:5px;
	font-size:80%;
	color:#ccc;
	border-top:solid 1px #666;
	text-align:center;
}

#footer a
{
	color:#ccc;
	text-decoration:none;
}

/* Chronology list
***********************/
#list ul, #list-spaced ul{
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:40px;
	display:block;}


#list ul li{
	margin-bottom:6px;}

#list-spaced ul{list-style:none;}

#list-spaced ul li{
	margin-bottom:48px;
	padding-left:80px;}
	
#list-spaced ul li ul{list-style:none;}
#list-spaced ul li ul li{margin:0;margin-left:-80px;}

*:first-child+html #list-spaced ul li{
	margin-bottom:48px;
	padding-left:60px;}
  
 /* IE HACK */
  
/* \*/ 
* html #list-spaced ul li{	
	margin-bottom:48px;
	padding-left:60px} 
/* */ 

*:first-child+html #list-spaced ul li ul li{margin:0;margin-left:-60px;}
  
 /* IE HACK */
  
/* \*/ 
* html #list-spaced ul li ul li{margin:0;margin-left:-60px;}
/* */  

#sharethisplace{
		background:url(../images/sharealbum.jpg) no-repeat 0 6px;}

#aspera{
		background:url(../images/mirahaspera.jpg) no-repeat 0 6px;}

#toallwestretchtheopenarm{
	background:url(../images/toallwestretchtheopenarm.jpg) no-repeat 0 6px;}

#longshadows{
	background:url(../images/longshadows.jpg) no-repeat  0 6px;}
	

#mysteries{
	background:url(../images/mysteries.jpg) no-repeat  0 6px;}
	

#bco{
	background:url(../images/bco.jpg) no-repeat 0 6px;}
	
#feelings{
	background:url(../images/feelings.jpg) no-repeat 0 6px;}
	
#nirvanaunplugged{
	background:url(../images/nirvanaunplugged.jpg) no-repeat 0 6px;}
	
#nirvana{
	background:url(../images/nirvana.jpg) no-repeat 0 6px;}
	
#cmonmiracle{
	background:url(../images/cmonmiracle.jpg) no-repeat 0 6px;}
	
#carbonglacier{
	background:url(../images/carbonglacier.jpg) no-repeat 0 6px;}
	
#thebigslowdown{
	background:url(../images/thebigslowdown.jpg) no-repeat 0 6px;}

#givethepeoplewhatwewant{
	background:url(../images/givethepeoplewhatwewant.jpg) no-repeat 0 6px;}
	
#theweddingpresent{
	background:url(../images/theweddingpresent.jpg) no-repeat 0 6px;}

#takefountain{
	background:url(../images/takefountain.jpg) no-repeat 0 6px;}
	
#forthemoment{
	background:url(../images/forthemoment.jpg) no-repeat 0 6px;}
	
#metalshedblues{
	background:url(../images/metalshedblues.jpg) no-repeat 0 6px;}
	
#nomoremedicine{
	background:url(../images/nomoremedicine.jpg) no-repeat 0 6px;}
	
#ride{
	background:url(../images/ride.jpg) no-repeat 0 6px;}
	
#octoroon{
	background:url(../images/octoroon.jpg) no-repeat 0 6px;}	
	
#skinwalkers{
	background:url(../images/skinwalkers.jpg) no-repeat 0 6px;}	
	
#kissingsohard{
	background:url(../images/kissingsohard.jpg) no-repeat 0 6px;}	
	
#forbetterorworse{
	background:url(../images/forbetterorworse.jpg) no-repeat 0 6px;}	
	
#theprincipleofuncertainty{
	background:url(../images/theprincipleofuncertainty.jpg) no-repeat 0 6px;}	
	
#youcanbelow{
	background:url(../images/youcanbelow.jpg) no-repeat 0 6px;}	
	
#littlethings{
	background:url(../images/littlethings.jpg) no-repeat 0 6px;}	
	
#fulcrum{
	background:url(../images/fulcrum.jpg) no-repeat 0 6px;}	
	
#peacewave{
	background:url(../images/peacewave.jpg) no-repeat 0 6px;}	
	
#somethingcool{
	background:url(../images/somethingcool.jpg) no-repeat 0 6px;}	
	
#rumi{
	background:url(../images/rumi.jpg) no-repeat 0 6px;}	
	
#corpseorthegroom{
	background:url(../images/corpseorthegroom.jpg) no-repeat 0 6px;}	
	
#dinamartin{
	background:url(../images/dinamartin.jpg) no-repeat 0 6px;}	

#comeacrosstheriver{
	background:url(../images/comeacrosstheriver.jpg) no-repeat 0 6px;}	

#yourheartbreaks{
	background:url(../images/yourheartbreaks.jpg) no-repeat 0 6px;}	

#presidents{
	background:url(../images/presidents.jpg) no-repeat 0 6px;}	

#shugg{
	background:url(../images/shugg.jpg) no-repeat 0 6px;}	

#rumi{
	background:url(../images/rumi.jpg) no-repeat 0 6px;}	

#wigwambendix{
	background:url(../images/wigwambendix.jpg) no-repeat 0 6px;}	

#pentecostal{
	background:url(../images/pentecostal.jpg) no-repeat 0 6px;}	

#bush{
	background:url(../images/bush.jpg) no-repeat 0 6px;}	
	
	
#thepassionofjoanofarc, #donttouchthatdial, #theheartofasiren{
	background:url(../images/none.gif) no-repeat 0 6px;}



#sounds{padding-left:25px;}
#sounds li{margin-bottom:15px;}




/* Contact form
***********************/

#maincontact{padding:0 20px 20px 20px;}

form {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;     
  margin: 0;
}

fieldset legend {
	font-size:1.1em; 
	color:#333;
}

form label { 
	display: block; 
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: right; 
}


form input, form textarea {
	width:auto;      
	margin:5px 0 0 10px; 
	background-color:#ffe;
	width:225px;
	margin:5px;
}

.button{background-color:#fff; color:#000;width:75px;}

form input #reset {
	margin-left:0px; 
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}


form br {
	clear:left;
}

#result{
		text-align:left; 
		width:330px;
		padding:4px 4px 4px 6px;
		font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
		margin-bottom:10px;}

.flash{
	cursor:pointer;
	text-decoration:underline;
	background:url(../images/sound.gif) no-repeat bottom left;
	background-image:url(../images/sound.gif);
	text-indent:26px;
	width:100px;
	white-space:nowrap;}
	
.flash span{
	font-size:60%;
	 text-transform:uppercase;}

.flash:hover{color:#630;}