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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%; padding:0; border:0;}

body > #wrap {height: auto; min-height: 100%;}

body {
	background-color:#000;
	text-align: center; /* centers the container in IE 5* browsers. text align default is set in #wrap */
}

#wrap {
	margin: 0 auto;
	width:840px;
	background:url(images/frame-edges.gif) repeat-y right;
	text-align: left; /* overrides text-align set in 'body' */
}

#main {padding-bottom: 120px;  /* must be same height as the footer */
}

#sidenav {
	margin-top:0;
	float:left;
	margin-left:30px;
	width:149px;  /* the actual display width of this div, in standards-compliant browsers or standards mode in IE, will also include padding + border in addition to the width specified here.  
	REMEMBER: ADJUST WIDTH of IE5 hack in doc header to include any padding + border */
	height:auto;
	border:0;
	vertical-align:top;
}

#content {
	margin:0;
	float:right;
	width:600px;  /* the actual display width of this div, in standards-compliant browsers or standards mode in IE, will also include padding + border in addition to the width specified here.  
	REMEMBER: ADJUST WIDTH of IE5 hack in doc header to include any padding + border */
	padding-right:60px;
	vertical-align:top;
}

#sidebar {
	margin-top:0;
	float:right;
	margin-left:30px;
	width:180px;  /* the actual display width of this div, in standards-compliant browsers or standards mode in IE, will also include padding + border in addition to the width specified here.  
	REMEMBER: ADJUST WIDTH of IE5 hack in doc header to include any padding + border */
	height:auto;
	border:0;
	vertical-align:top;
	text-align:center;
}


#songList {margin-left:72px;}
#songList li {padding-bottom:12px;}


#footer {
	position: relative;
	margin:-120px auto 0; /* top margin is negative value of footer height */
	height: 120px;
	width: 840px;  /* the actual display width of this div, in standards-compliant browsers or standards mode in IE, will also include padding + border in addition to the width specified here.  
	REMEMBER: ADJUST WIDTH of IE5 hack in doc header to include any padding + border */
	background: #000 url(images/frame-bottom.gif) no-repeat top right;
	vertical-align:top;
} 

#footertxt {
	float:right;
	width:760px;
	padding-top:60px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */