
body 
{
	background-image: url(images/bg1.jpg); 
	background-color: black;	   /* colour 1 */
	background-repeat: repeat-y;
	background-position: top center;  
	color: gray;
	font: 15px  Arial, Helvetica, sans-serif;
	
/*	font: 14px Verdana, Arial, Helvetica, sans-serif;*/

	padding:0;
	margin: 0;
	
	line-height: 1.5em;
	
	text-align: center;
}

.playlist {text-align: left; padding-left:220px; list-style: none}

h1 {
	letter-spacing: -2px;
	font-size:xx-large;
	text-align: center;
}

h2 {
	text-align: center;

	padding:8px;
	
	padding-bottom: 6px;
	margin-left: 10px;
	margin-right: 12px;

/*	margin: 10px 10px 12px 10px;
	padding: 10px 10px 2px 10px;*/

	line-height: 18px;

	letter-spacing: 2px;

	border-bottom: 1px solid black;	
	font-weight: bold;
} 

p {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px
}
	
ol, ul {
	margin: 0 0 2em 0;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}

a {
	font-weight: bold;
}

.content a:hover {
	text-decoration: none;
	background-color: black;
	color: white;
}

img {
	border: none;
}

#header {
	border-bottom: 1px solid black;
	width:800px;
	background-color:black;
}

#page {
	width:800px;

	margin: 0 auto; /*Center container on page*/

	border: 1px solid black;
	border-top: 0;
}

#contentwrapper{
	float: left;   
	clear: both;
	width: 100%;
}

#contentwrapper .content {

	margin-right: 0px; /*Set right margin to RightColumnWidth*/

	background-color: black;
	padding-top:20px;  	

	border-right: 1px dotted black;

} 

#sideBar {

	float: left;
	width: 300px;

	margin: 0px;
	margin-left: -300px;
	padding-top:10px;
	
	background: #fff;
}

#sideBar .content {
	width:300px;
}

#sideBar #contact {
	border: 1px solid black;
	background-color:#049bff;/*#158dca;#176FFF*/
	padding:15px;
	margin: 15px;
	font-size:medium;
	line-height:1.5;
} 



.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

#footer { 
width: 800px;
	font-size: 11px;
	background-color:black;
	padding: 10px 10px 50px 10px;
    clear:both;	 	
	border-top: 1px solid #D8B92D; 
	
}
	   
.img {border:1px solid #D8B92D}	

.selected {font-weight: bold; background-color: white; color: black} 	

#playlist {border: 1px solid white}
		
a {
background: transparent; color: #D8B92D; font-weight: bold; text-decoration: none; }
								 
a:hover {
background: #D8B92D; color: black; font-weight: bold}	

a:active {
background: #D8B92D; color: black; font-weight: bold}	

a:visited {background: transparent; color: #D8B92D; font-weight: bold}	



