body {
	color: #8c66d4;	
	line-height: 1.3;
	padding-bottom: 70px;
}

h3 {
	color: #8c66d4;	
	margin-bottom: .4em;
	font-weight: bold;
}

a {
	color: #1552F0;
	text-decoration: none;
}

a.inline {
	color: #8c66d4;
	text-decoration: underline;
}

#background {
	width: 100%; 
	height: 100%; 
	position: fixed; 
	left: 0px; 
	top: 0px; 
	z-index: -1;
	}

.stretch {width:100%; height:auto; min-height:100%;}

#nav {
	text-transform: uppercase;
	background-color: #9A82D5;
	margin:0 auto;
}

#nav ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 3px 0;
	display: block;	
}

#nav ul li {
	display: inline;
	margin: 0 5px 0 0;
	font-size: 136%;
	font-weight: bold;
	color: #333;
}

#nav ul li a {
	color: #fff;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #000;
	text-decoration: none;
}

#header {
	padding: 0 0 5px 0;
}

.box {
	background-color:#fff;
	margin: 0 0 15px;
	padding: 15px;
/* 	min-height: 100px; */
}

.topspin {
	background-color: #9A82D5;
	color: #fff;
}

.topspin p {
	margin: .7em 0 0 0;
}

.subheader {
	padding: 0 0 15px 0;
}

.lyricslist {
	padding: 0 0 12px 0;
	font-weight: bold;
	font-size: 110%;
}

.content {
	display: none;
	clear:both;
	padding: 1em 0 0 0;
}

.share {
	float: left;
	margin: 0 15px 0 0;
}

.twitter {
	margin: 1px 0 0 15px;
}




/* To handle CSS bugs */

.section {
/*	clear:both;
*/}
/* For agents that support the pseudo-element selector syntax */
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Forces hasLayout for IE. This fixes the usual gamut of peekaboo bugs. */
.section, .unit {
	zoom: 1;
}