@charset "utf-8";
/* CSS Document */

body {
	background-color:#223377;
	color:#FFF;
	font-family:Candara, Arial, Helvetica, sans serif;
	font-size:small;
	}
h1,h2 {margin:0px;
	color:#2288CC;
	}
a:link {color:#FFF;}
a:visited {color: #E6F8F8;}
a:hover {text-decoration:none;}

/********* MAJOR LAYOUT BOXES ************/
div#header {
	font-style:italic;
	font-size:smaller;
	color:#2288CC;
	}
div#main {
	width:47%;
	padding-left:3%;
	}
div#filters {
	width:25%;
	position:relative;
	text-align:center;
	}
#filterform {
	/*background-color:#E6F8F8;*/
	border:3px solid #2288CC;
	padding:35px 3px 3px 3px;
	margin-top:-75px;
	}
#filtercloud {
	position:relative;
	top:-40px;
	display:block;
	margin:auto;
	}
div#extras {
	width:340px;
	position:absolute;
	position:fixed;
	right:-20px;
	bottom:-10px;
	}
#extras span {
	position:absolute;
	right:10px;
	bottom:20px;
	}
#quoteimg {
	position:absolute;
	top:-200px;
	right:40px;
	}
#main, #filters {
	margin:0;
	border:none;
	padding:0;
	float:left;
	}
#main p {
	margin-left:15px;
	margin-right:40px;
	}
#tagline {
	font-style:italic;
	font-weight:bold;
	font-size:100%;
	color:#E0F0F0;
	position:absolute;
	position:fixed;
	bottom:3px;
	right:290px;
	z-index:100;
	}


/**************** LIST OF SONGS **********/
#allsongs {
	margin-left:30px;
	}
#allsongs li {
	margin-bottom:1.5ex;
	}
a.songname {
	font-size:130%;
	color:#2288CF;
	font-weight:bold;
	text-decoration:none;
	}
a.songname:hover {
	color:#55AAFF;
	}
	
/************ INDIV. SONG (SONG.PHP) ***********/
div#thesong {}
#thesong h1 {
	margin-top:15px;
	margin-bottom:-.6ex;
	}
div#player {
	width:200px;
	height:100px;
	margin-left:100px;
	padding-top:30px;
	text-align:center;
	background:transparent url(images/cloud-b.png) no-repeat left top;
	}
#player * {margin:auto;}
	
/********* TEXT CLASSES *************/