@charset "UTF-8";
/* CSS Document */

body {
	background-color:#c4d8e5;
	margin-top:0px;
	color:#04202e;
	font-family:Arial, Helvetica, sans-serif;
	}
	
body h1 {
	font-size:20px;
}

body h2 {
	font-size:15px
}

body h3 {
	font-size:13xpx;
}

a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ae1345;
	width:460px;
	line-height:18px;
	text-decoration:none;
}

a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ae1345;
	width:460px;
	line-height:18px;
	text-decoration:none;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#666666;
	width:460px;
	line-height:18px;
	text-decoration:none;
}

a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#666666;
	width:460px;
	line-height:18px;
	text-decoration:none;
}
	

	
	
/* DIVS */

#wrapper {
	width:980px;
	margin:0px auto;
	}

#header {
	width:980px;
	clear:both;
	background-color:#c4d8e5;
	}
	
	/* Divs contained within header */
		
		#logo {
			position:relative;
			width:353px;
			float:left;
			clear:none;
			}
			
		#main_nav {
			position:relative;
			width:525px;
			float:left;
			padding:85px 10px 10px 30px;
			}
			
		#main_nav a:link {
			font-family:Arial, Helvetica, sans-serif;
			font-size:.85em;
			vertical-align:1em;
			text-decoration:none;
			color:#04202e;
			}
			
		#main_nav a:visited {
			font-family:Arial, Helvetica, sans-serif;
			font-size:.85em;
			vertical-align:1em;
			text-decoration:none;
			color:#04202e;
			}
		
		#main_nav a:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:.85em;
			vertical-align:1em;
			text-decoration:none;
			color:#ae1345;
			}
			
		#main_nav a:active {
			font-family:Arial, Helvetica, sans-serif;
			font-size:.85em;
			vertical-align:1em;
			text-decoration:none;
			color:#ae1345;
			}
			
		#player{
		}
			
		#header_line {
			position:relative;
			float:left;
			clear:both;
			width:980px;
			height:27px;
			background-image:url(../images/header_line.jpg)
			}
		
		
#content_wrapper {
	width:980px;
	clear:both;
	margin:0px;
	}
		
#news {
	width:640px;
	margin:10px 0px 0px 20px;
	float:left;
	}
	
#about {
	width:280px;
	min-height:368px;
	float:left;
	background-image:url(../images/box.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:23px;
	color:#666666;
	margin:10px 0px 0px 0px;
	padding:10px 20px;
	}
	
#home_album_cover {
	width:980px;
	clear:both;
	margin:10px 0px 10px 0px;
	}
	
#album_covers {
	width:980px;
	margin:0px;
	text-align:center;
	}
	
div#album_covers img {
	width:130px;
	height:130px;
	margin:5px 15px 5px 15px;
	float:left;
	}
	

#footer {
	width:980px;
	clear:both;
	margin-top:0px;
	}
	
		/*DIVS INSIDE FOOTER*/
		
		#copyright_line {
		width:980px;
		margin:0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#04202e;
		float:left;
		}
		
		
/* Artist Page Styles */

#artist_btn a {
	display:block;
	width:176px;
	margin:10px;
	float:left;
	background-position: 0 0 no-repeat;
	}
	
#artist_btn a:hover {
	background-position: 0 -117px;	
	}
	
#artist_btn a:active {
	background-position: 0 -117px;
	}

/*INDIVIUAL BAND PAGE DIVS*/

#band_image_and_album {
	width:640px;
	margin:10px 10px 0px 0px;
	float:left;
	}
	
#band_image_and_album img {
	margin-bottom:10px;
	}

#band_bio_box {
	width:320px;
	margin:10px 0px 10px 10px;
	float:right;
	}
	
#band_bio_box h1 {
	width:320px;
	margin:0px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:19px;
	color:#04202e;
	line-height:18px;
	float:left;
	}
	
#band_bio_box p {
	width:320px;
	margin:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#04202e;
	line-height:18px;
	float:left;
	}
	
#band_bio_box a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ae1345;
	line-height:18px;
	font-weight:bold;
	}
	
#band_bio_box a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#04202e;
	line-height:18px;
	font-weight:bold;
	}
	
#band_bio_box a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#04202e;
	line-height:18px;
	font-weight:bold;
	}
	
#band_bio_box a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ae1345;
	line-height:18px;
	font-weight:bold;
	}

#band_links {
width:600px;
margin:10px 0px;
padding:20px 0px 0px 0px;
}

	
			/* the following style the drop down menu for the quick links*/
			
				/* menu styles */
				
					#jsddm{	
						margin: -24px 0px 0px 260px;
						padding: 0px 0px;
						width:160px;
						float:left;
						clear:none;
						}

					#jsddm li {	
						diplay:block;
						float: left;
						list-style: none;
						font: 11px Arial;
						color:#ae1345;
						background-color:#c4d8e5;
						width:145px;
						text-align:center;
						}

					#jsddm li a {
						display: block;
						background: #c4d8e5;
						padding: 2px 5px;
						text-decoration: none;
						border: 1px solid #04202e;
						width: 145px;
						color: #ae1345;
						text-align:center;
						white-space: nowrap
						}

					#jsddm li a:hover {	
						background: #ffffff
						}
		
					#jsddm li ul {
						margin: 0;
						padding: 0;
						position: absolute;
						visibility: hidden;
						border-top: 1px solid #04202e;
						width:145px;
						}
		
					#jsddm li ul li {
						float: none;
						display: inline
						}
			
					#jsddm li ul li a {
						width: 145px;
						background: #ffffff;
						color: #ae1345;
						}
			
					#jsddm li ul li a:hover {	
						background: #04202e;
						}
	
	

	
/* CLASSES */


.page_header {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#04202e;
	}

.news_headline {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#04202e;
	line-height:18px;
	}
	
.news_date {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#04202e;
	line-height:22px;
	}
	
.news_copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#04202e;
	width:460px;
	line-height:18px;
	float:left;
	}
	
a.subscribe:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ae1345;
	float:right;
	text-decoration:none;
	}
	
a.subscribe:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#04202e;
	float:right;
	text-decoration:none;

	}
	
a.subscribe:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#04202e;
	float:right;
	text-decoration:none;
	}
	
a.subscribe:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ae1345;
	float:right;
	text-decoration:none;
	}
	


	
	
	

	

