/* Global Styles */

body {
	margin:0px;
	background:#000020;
	}
	
td {
	font:11px arial;
	color:#99CCFF;
	}
	
hr {
	height:1px; 
	color: #cccccc;
	border: none;
	}
	
a {
	color: #0088ff;
	text-decoration:none;
	}
	
a:hover {
	color: #aaccff;
/*        color: #00aacc; */
	text-decoration:none;
	}

a:focus {
	text-decoration:none;
	color: #ddddff;
}
	
/* ID Styles */

.logo {
	font:18px georgia;
	color: #0033ff;
	line-height:24px;
	letter-spacing:.4em;
	}

.tagline {
	font:12px georgia;
	color: #0033ff;
	line-height:18px;
	letter-spacing:.4em;
	}

#headerpanel {
	width: 100%;
	left:0px;
	top:0px;
        border-bottom: 2px solid #7711dd;
	float: left;
}

#logopanel {
	position: absolute;
	color: #0033ff;
	left:0px;
	top:0px;
}

#logoname {
	position: absolute;
	color: #0033ff;
	left: 65%;
	top: 55px;
}

#contentpanel {
	width: 100%;
	height: 500px;
	float: left;
	clear: left;
}

#metamsg {
  position: absolute;
  top: 160px;
  left: 22%;
  width: 50%;
  font: 16px georgia;
  color: #88eeff;
}

#leftcontent {
  position: absolute;
  top: 160px;
  left: 1%;
  width: 20%;
  font: 18px georgia;
  text-decoration: none;
  padding: 20px;
  margin-right: 10px;
  float: left;
/*  border: 2px solid #ff00ff; */
}

#centercontent {
  position: absolute;
  top: 170px;
  left: 25%;
/*  left: 20%; */
  width: 49%;
  margin: 2px;
  color: #00ccff;
  font: 20px georgia;
}

#centercontentwide {
  position: relative;
  top: 20px;
  left: 20%;
  width: 75%;
  margin: 2px;
  color: #00ccff;
  font: 20px georgia;
  float: left;
  clear: none;
/*  border: 2px solid #00ffff; */
}

#centercontentPic {
  margin-left: 5%;
}

.bioclass {
  margin-top: 10px;
  color: #00ccff;
  font: 16px georgia;
/*  font: 16px georgia italic; */
/*  border: 2px solid #ffff00; */
}

#biocontent {
  position: relative;
  bottom: 0px;
  width: 98%;
}

#rightcontent {
  position: absolute;
  top: 200px;
  right: 5px;
  width: 22%;
  height: 75%;
  color: #00bbdd;
  font: 20px georgia;
  border: 0;
}

#catalog {
  border: 0;
  height: 2000px;
  width: 100%;
}

#catinit {
  margin-top: 200px; 
  margin-left: 30px; 
}

.pricetext {
  float: left;
  clear: both;
  color: #00aacc;
  font: 16px georgia;
}

.pricetextbottom {
  margin-bottom: 18px;
}

.pricetexttop {
  margin-bottom: 0px;
}
.catalogtext {
  float: left;
  clear: both;
  margin: 10px;
  margin-right: 50px;
  color: #00aacc;
  font: 20px georgia;
/*  border: 2px solid #ffff00; */
}

.albumlisting {
  clear: both;
  width: 98%;
/*  margin-bottom: 5px; */
}

.albumbuyinfo {
  float: left;
  clear: both;
}

.albumtitle {
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 7px;
  width: 100%;
  clear: both;
  float: left;
  color: #00aacc;
  border-top: 1px solid #000066;
   font: 16px georgia;
}

.buybuttontop {
  margin-top: 18px;
  margin-bottom: 0px;
  vertical-align: middle;
  font: 14px georgia;
}

.buybuttonbottom {
  vertical-align: middle;
/*  margin-top: 0px; */
  margin-bottom: 18px;
  font: 14px georgia;
}

.playlink {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 2px;  
  float: left;
  clear: both;
  width: 90%;
  font: 12px georgia;
}

.tracklist {
   margin-top: 2px;
   margin-left: 5px;
  margin-bottom: 2px;
  float: left;
  clear: both;
  color: #0088ff;
  width: 90%;
/*  height: 16px; */
  font: 12px georgia;
}

.tracklistblock {
  margin-top: 2px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 2px;
  padding-bottom: 7px;
  float: left;
  clear: both;
  color: #0088ff;
/*  width: 100px; */
  width: 90%;
  font: 12px georgia;
}

#dbgtxt {
  height: 100px;
  color: #0077ff;
  font: 12px georgia;
}

#blogpanel {
  position: relative;
  top: 120px;
  float: left;
  clear: left;
  width: 65%;
  margin-left: 30px;
  margin-bottom: 120px;
  margin-top: 60px;
  padding: 7px;
  padding-bottom: 0px;
  border: 1px solid #000066;
}

.blogtext {
  float: left;
  clear: both;
  color: #00ccff;
  font: 16px georgia;
  margin-left: 10px;
  width: 95%;
}

.blogdate {
  float: right;
  clear: none;
  color: #0088ff;
  font: 16px georgia;
}

.bloglink {
  float: right;
  clear: both;
  margin-top: -22px;
  margin-bottom: 14px;
  margin-right: 5px;
  color: #0088ff;
  font: 16px georgia;
}

.blogtitle {
  float: left;  
  font: 16px georgia;
 color: #0088ff;
  margin-bottom: 10px;
}

.freelink {
  float: left;
  font: 20px georgia;
  color: #aaaaff;
}
  
.freelinkPic {
  font: 20px georgia;
  color: #aaaaff;
}
  

.footerlink {
  background:#000033;
  padding-left: 54px;
  padding-right: 54px;
  margin-left: 20px;
  margin-right: 20px;
  border: 1px solid #000066;
  font: 12px georgia;
}

#footerpane {
  position: relative;
  top: 7px;
  left: 10%;
  bottom: 10px;
  float: left;
  clear: left;
  margin: 0px;
  width: 100%;
  height: 30px;
  color: #0066ff;
  padding: .5em;
}

.pagename{
	font:20px georgia;
	color: #00CCFF;
	line-height:20px;
	letter-spacing:6px; 
	}

.subheader {
	font:16px georgia;
	color: #0033CC;
	font-weight:bold;
	letter-spacing: 2px;
	line-height:22px;
	}