body{ 
  background: #000000;
  background-color:#000000;
  top: 0px;
} 

div#cdmain{ /**** Every content ****/
	background-image:url(images/cdbg.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-color:#000000;
	padding:0px;
	width:965px;
	height:945px;
	margin:0 auto;
	top:300px;
}

#cdheader { /**** Title/banner ****/
padding:0px;
position:relative;
top:20px;
margin:0px;
float:right;
background-position:center; /** keeps the position locked **/
}

#cdscroll { /***** scroll bar ******/
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;}

#cdcontainer{ /***holds all contents****/
left: 340px;
right:290px;
position:relative;
width: 595px;
top:165px;
height: 560px;
font: Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#999999;
}

#cdmenu { /***** menu bar ****/
	background-color:#000000;
	background-position:right;
	margin:0px;
	position:relative; /** 'absolute' you can drag the item anywhere **/
					/*** 'relative' is commonly used with (left: 60px; top: 20px;) to position object ******/
	width: 491px;
	left: 105px; /*** position of text from the left ****/
	top: 1px; /*** position of text from the top ****/
	right:10px;
}
  
#cdmenu li {   
    display:inline;    /*** displays menu horizontally **/
    margin-left:30px;   /***** the spacing between each word *****/
	margin-right:0px;
}  
 
#cdmenu li a {   
    text-decoration:none;   
    color:#ffffff;   
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    font-size:10px;   
    font-weight:bold;   
    text-transform:uppercase;   
}  

#cdmenu li a.active{   
    color:#af292e;   
}

#cdmenu li a:hover {   
    color:#af292e;   
}

#cdcontentarea{ /***holds all contents****/
left:19px;
height:530px;
position:relative;
width: 575px;
top:30px;
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

#cdbox { /****Each page - content box of each page*****/
border:#c02026 thin;
background-color:#000000;
border: 1px;
padding: 10px;
border-style:solid;
width: 530px;
height: 482px;
top: 2px;
position:relative;
}

.date {
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#5f6a72;
}

.h2 {
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#990000;
}

.heading {
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.heading3 {
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.heading2 {
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#ffffff;
}

a:link {
	text-decoration: none;
	color: #a5acb0;
}
a:visited {
	text-decoration: none;
	color: #a5acb0;
}
a:hover {
	color: #af292e;
	text-decoration:none;
	font-weight:bold;
}
a:active {
	text-decoration: none;
}

.info {
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #a5acb0;
padding-left: 3px;
padding-right: 3px;
}
.shows {
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #a5acb0;
padding-left: 3px;
padding-right: 3px;
}


.song {
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
padding-left: 3px;
padding-right: 3px;
}

.lyricsPanel{
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #a5acb0;
background-color:#000000;
padding-left: 3px;
padding-right: 3px;
}

.lyricsPanelred{
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #af292e;
background-color:#000000;
padding-left: 3px;
padding-right: 3px;
}

.bodyText{
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #af292e;
background-color:#000000;
padding-left: 3px;
padding-right: 3px;
}

.infored {
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #af292e;
padding-left: 3px;
padding-right: 3px;
}

.infoblk {
font:Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
padding-left: 3px;
padding-right: 3px;
}

#news{ /***news page****/
height:500px;
width: 530px;
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

#gallery{ /***contacts page****/
height:500px;
width: 530px;
font:Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

#contact{ /***contacts page****/
height:500px;
width: 530px;
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

#subscribe{ /***subscribe page****/
height:500px;
width: 530px;
font: Verdana, Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

#cdcontent { /*** content/text ***/
	width: 590px;
	background-color:#000000;
	padding: 1px;
	border:thin #990000;
	position:relative;
	left: 25px;
	top: 30px;
	height: 485px;
	float:left;
}

#logo {
height: 80px;
width: 200px;
}

#myspacebtn {
	position:absolute;
	display:inline;
	height: 61px;
	width: 198px;
	top: 2px;
	left: 330px;
}

#facebook {
	position:absolute;
	display:inline;
	height: 50px;
	width: 193px;
	left: 571px;
	top: 2px;
}

#subscribebtn {
	position:absolute;
	display:inline;
	height: 50px;
	width: 193px;
	left: 647px;
	top: 2px;
}

#cdfooter { /*** copyright area **/
display:inline;
visibility:visible;
position:relative;
width:900px;
height: 100px;
top: 215px;
left: 102px;
float:none;
}

#image {
display:inline;
height: 113px;
width: 150px;
border: #CCCCCC solid;
border: 1px;
border-style:solid;
}

#cdimagebox {
display:inline;
position:relative;
visibility:visible;
height: 150px;
width: 150px;
padding: 30px;
top: 10px;
bottom: 7px;
left: 10px;
right: 7px;
}

#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}

