body {font-family:"arial", sans-serif; 
	color: black;
	height: 100%;
	margin: 0;}

html {height: 100%;
	 margin: 0;
	 scroll-behavior: smooth;
	 }	
	
h1 {font-family: "arial", sans-serif; color:black;}


.cover {background-image: url("quiet-lions-cover2.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.contents {background-color: white;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

a.song-title:link {color: white; text-decoration: none;}
a.song-title:visited {color: white; text-decoration: none;}
a.song-title:hover {text-decoration: underline;}

a.contents-link:link {color: white; text-decoration: none;}
a.contents-link:visited{color: white; text-decoration: none;}
a.contents-link:hover {text-decoration: underline;}

a.album-start:link {color: red; text-decoration: none;}
a.album-start:visited {color: red; text-decoration: none;}
a.album-start:hover {text-decoration: underline;}

.begin {font-size:larger;
		Text-align:center;
}

.contents-link {position: relative;
				top: 95%;
				left:20px;
				font-size: larger;
				width: 175px;
}

.song1 {background-image: url("spider-eating.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song2 {background-image: url("cicada2.jpg");
		height: 150%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song3 {background-image: url("hole-in-the-pond.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song4 {background-image: url("drainage-grate.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song5 {background-image: url("dead-bird.jpg");
		height: 110%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song6 {background-image: url("dandelion-in-grass.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song7 {background-image: url("busted-chimes.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song8 {background-image: url("frog-in-pebbles.jpg");
		height: 110%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song9 {background-image: url("web-dome.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song10 {background-image: url("tree-in-fog.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song11 {background-image: url("deep-puddle.jpg");
		height: 115%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song12 {background-image: url("flowers-in-trash2.jpg");
		height: 115%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song13 {background-image: url("kattydid-nest.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.song14 {background-image: url("smashed-pumpkin.jpg");
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
}

.lyrics-right-long {width:575px; margin-left: 60%;
			   padding-top:5px;
			   padding-left:30px;
			   padding-bottom: 15px;
			   text-align: left;
			   color: white;
			   font-size: 1em;
			   background: rgba(180,180,180, 0.95);
}

.lyrics-right {width:375px; margin-left: 73%;
			   padding-top:5px;
			   padding-left:30px;
			   padding-right:10px;
			   padding-bottom: 15px;
			   text-align: left;
			   color: white;
			   font-size: 1em;
			   background: rgba(180,180,180, 0.95);
}

.lyrics-left-long {width:450px; margin-left: 50px;
			   padding-top:5px;
			   padding-left:30px;
			   padding-bottom: 15px;
			   text-align: left;
			   color: white;
			   font-size: 1em;
			   background: rgba(180,180,180, 0.95);
}

.lyrics-left {width:375px; margin-left: 50px;
			   padding-top:5px;
			   padding-left:30px;
			   padding-bottom: 15px;
			   text-align: left;
			   color: white;
			   font-size: 1em;
			   background: rgba(180,180,180, 0.95);
}	

.next-song {float: right; padding-right: 5px;}	  

a.song-nav:link {color:red; text-decoration: none;}
a.song-nav:visited {color: red; text-decoration: none;}
a.song-nav:hover {text-decoration: underline;} 

.table-of-contents {width:375px; margin-left: 50px;
			   height:100%;
			   padding-top:20px;
			   padding-left:30px;
			   padding-bottom: 15px;
			   text-align: left;
			   color: white;
			   font-size: larger;
			   background: rgba(180,180,180, 0.95);
}

.new {color:red; font-size: .5em;}


.credits-and-dates {width:375px; margin-left: 73%;
			   
			   padding-top:5px;
			   padding-left:30px;
			   padding-right:10px;
			   padding-bottom: 15px;
			   text-align: left;
			   color: black;
			   font-size: 1em;
			   background: rgba(180,180,180, 0.95);
}

.date {font-size: .75em;}

nav	{position:relative;
	 margin-left:0px;
	 padding-top:0px;
	font-family: Georgia, "Times New Roman", serif;
	}

nav ul ul {
	display: none;
	}

nav ul li:hover > ul {
		display: block;
	}


nav ul {
	
  	padding: 0 0px;
	
	list-style: none;
	position: relative;
	display: inline-table;
border-image:url(/torn-border.png) 15% 15% 15% 15% repeat;
-moz-border-image:url(/torn-border.png) 15% 15% 15% 15% repeat;
-webkit-border-image:url(/torn-border.png) 15% 15% 15% 15% repeat;
border-style:solid;
border-image-slice:15% fill;
border-width:15px ;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #FD7A80;
		background: linear-gradient(top, #e6e6e6 0%, #d9d9d9 40%);
		background: -moz-linear-gradient(top, #e6e6e6 0%,  #d9d9d9 40%);
		background: -webkit-linear-gradient(top, #e6e6e6 0%, #d9d9d9 40%);
	}
		nav ul li:hover a {
			color: #0200E7;
		}
	
	nav ul li a {
		display: block; padding: 25px 13px;
		color: #000; text-decoration: none;

	}


nav ul ul {
	 border-radius: 0px; padding: 0;
	position: absolute; top: 83%;
	
}
	nav ul ul li {
		float: none; 
		border-top: 0px solid #6b727c;
		border-bottom: 1px solid #ff0000;
		position: relative;

	}
		nav ul ul li a {
			padding: 10px 20px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #e6e6e6;
			}

.menu	{margin-left:auto;

	 margin-right:auto;

	 }
#disqus_thread	{margin-left:auto;
				 margin-right:auto;
				 width: 900px;}