/* CSS Document */
body,td,th {
	color: #000000;
}
body {
	background-color: #FFFFFF;
	
	/*this is just a trick to get the centering thing to work in IE .. cause IE sucks my ass */
	margin: 0px 100px; padding:0px;
	
	/* end of IE fixer */
}


.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}

.newst {font-weight: blod; font-size: 14pt; position:relative; text-align:center;
		top: 20px;
	border-width:thin; 
	border-color:#0000FF;
	border-style:solid;}

.news {font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	position: relative; 
	width: 550px; 
	left: 100px;
	top: 50px
	}

.style3 {font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	position: relative; 
	width: 500px; 
	left: 150px; 
	top: 50px}
.cv {font-family: Arial, "Times New Roman", Helvetica, sans-serif;
	position: relative; 
	width: 700px;
	left: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
	}

.cvfix {position: relative;
	margin-top: -10px;
	margin-bottom: 20px;
	}

.center
	{margin-top: 5px;
	text-align:center}

.copyright{font-family: Tunga, Helvetica, Century, Garamond, "Courier New", "Times New Roman"; 
	position: relative; 
	top: 75px; 
	text-align:right;} 

.indent {position: relative; left: 50px;}

.style4 {font-family: "Times New Roman", Verdana, Arial; font-weight: bold;}

.date {font-family: "Times New Roman", Verdana, Arial, Helvetica; position: relative; left: -25px;
 	color: red; font-weight: bold; font-size: 14pt;}

.comp {font-family: "Times New Roman", Verdana, Arial; font-weight: bold; font-style: italic;}

.archived {position: relative; left: -40px; color: red; font-weight: bold; font-size: 16pt;}

.disclaimer {font-family: Arial, "Times New Roman", Helvetica, Verdana;}

.banner {position:relative; width: 774px; height: 129px;}

.listen {position:relative; left:100px; top: 40px; width: 580px;
			font-family: Arial, Verdana, "Times New Roman"; }

.band {position:relative; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		top:10px;
		font-weight: bold;
		}

.poster {position:relative;
		top: 40px;
		left: 70px;
		}
		
.style2 {position:relative;
		top:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif}

.album {position:relative; left: -60px; width: 653px; border-width: 5px; border-style: groove; border-color:#9CA0D4; 
			padding: 5px; margin: 15px;}

.albumtitle {position:relative; text-align:center;}

.subtitle {position:relative; text-align:center; font-size:10pt;}

.video {position:relative; margin: 5px; text-align:center; font-size:10pt;}


.albuminfo {text-align:justify; font-size: 12px; width: 275px; font-family: "Times New Roman"; border-style: solid; border-width: 1px; 
		border-color: #000; padding: 5px;}

.music {margin: 15px; margin-left: 25px}

.more {position: relative; margin-top: 30px; left: 50px; top: 25px; width: 715px; font-family: Arial, Verdana, "Times New Roman";}

.subheading {font-size: 14pt; font-weight: bold;}

.spacer {width: 50px;}

.song {font-size: 14pt; font-family: "Times New Roman", Helvetica, Verdana;}

.player {position: relative; left: -25px; width: 300px; border-width: 5px; border-style: groove; border-color:#9CA0D4; 
			padding: 15px; margin: 15px;}

/* center_everything basically takes everything and autocenters it on the page .. note: the width is set to 672ps because that was the width of that banner you had on your page.. so if you want it to be bigger or smaller change that here and it will center based on that width */
.center_everything{
position: relative;
	width: 766px;
	margin: 50px auto;
	background-color:#FFFFFF;
	text-align: left;
	}

.navbar{
	position:relative;
	width: 766px; 
	height: 27px; 
	left: 40px; 
	word-spacing: 35px;
	background-color:#FFFFFF;
	}

/* #blah is for ID's so also in html , which can be basically used like classes .. but you could have a div layer with both an ID and a class */


/* the a tag is for links .. so if you have other links you can create them using this one .. just change the class name .. which in this case is norm */

a.norm:link  {
	color:#4974c3; 
	text-decoration: none;}
a.norm:visited {
	color:#4974c3;
	text-decoration: none;}
a.norm:hover   {
	color:#bd3a06; /* change this color here for the rollover color you want */
	text-decoration: none;}
a.norm:active  {
	color:#4974c3;
	text-decoration: none;}
