/*** The All So Important RESET! ***/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, aside, footer,header, hgroup, menu, nav, section, summary {
   margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
aside, footer, header, hgroup, menu, nav, section {display: block}

/************************ Basics ************************/
html {
	width: 100%;
	height: 100%;
}
h1 {
	font-size: 30px;
	line-height: 0.9;
	color: #FFF;
	text-align: center;
	margin-bottom: 2px;
	padding-bottom: 2px;
}
/************************ layout ************************/
header {
	background-image:url(../images/header3.jpg);
	padding-top: 25px;
	padding-bottom: 0px;
	width: 100%;
	height: 40px;
}
#sidebar1 {
	margin-top: 10px;
   float: left;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   width: 15%;
   background-color: #BD9568;
}
#sidebar2 {
		margin-top: 10px;
   float: right;
   padding-left: 5px
   padding-right: 10px;
   width: 15%;
   background-color: #BD9568;
}
body {
	font-family: arial, helvetica, sans-serif;
	line-height: 1.5;
		background-image:url(../images/notes..jpg);
	background-color: #334d15;
		height: 100%;
}
#wrapper {
	margin-top: 10px;
	background-image:url(../images/notes..jpg);
	background-color: #A69978;
	     width: 100%;
		 height: auto;
		 
}

footer {
    text-align: center; font-size: 12px;
    color: #888; margin-top: 10px;
	bottom: 0; position: fixed;
	background-color: #5C4423;
	width: 100%;}

#content {    
   float: left;
	margin-left: 10px;
     margin-right: auto;
	 margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
     width: 55%;
     background-color: #DFDFDF;
	 }
	 
/************************ nab ************************/	
#nav{} 
nav ul {
	list-style: none;
	display: block;
	clear: right;
	background-color: #5C4423;
	padding-left: 4px;
	height: 30px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
}

nav ul li {
    display: inline; padding: 0px 20px 5px 10px;
    height: 30px; border-right: 1px solid #ccc;
}

nav ul li a {
    color: #ffffff; text-decoration: none;
    font-size: 18px; font-weight: bold;
}
/* #audio
================================================== */
#audio { width: 400px; background-color: #8D6532; height: 30px;
}

/* #playlist
================================================== */
#playlist,audio{background:#cbbe89;width:400px;padding:10px;}
.active a{color:#5DB0E6;text-decoration:none;}
li b{color:#eeeedd;background:#333;padding:5px;display:block;}
li b:hover{text-decoration:none;}
/************************ table ************************/
table, td, th {

}

table {
    width: 100%;

	
}

tr {
    height: 120px;

}
td { 
	width: 140px;
}