body, html {
	background-image:url(background.jpg);
	background-position:fixed;
	background-reapeat:x;
	
	margin: 0px;
	padding: 0px;
}

a:link	   {text-decoration: none; color: #53687f;}
a:visited  {text-decoration: none; color: #53687f;}
#navstripe a:hover, #about a:hover, #slider a:hover, .update a:hover {text-decoration: none; color: #53687f; border-bottom: 1px solid #a0a814; }


img { border: 0; }



#container {
	margin: 0 auto;
	padding: 0px 0px;
	display:block;
	vertical-align:middle;
}

#top {

	border-bottom: 1px solid #666;
	height: 240px;
	margin: 0;
	background: #EFF3E0;
	text-align: center;
}	

#top img {
	margin-top: 18px;
	border: none;
}
/* Navigation */
	

#navstripe {
	height: 40px; 
	margin: 0px auto 20px auto;
	background: #53687f;
	border-bottom: 1px solid #666;

}


ul#navigation {
	list-style: none;
	margin: 0 0 0 -30px;
	padding: 10px 0;
	border-bottom: 0px solid #CCC;
	font: 1em Georgia;
	text-align: center;
	white-space: nowrap;
}

ul#navigation li {
	display: inline;
	margin: auto;
	padding-left: 25px;
}

ul#navigation a {
	text-decoration: none;
	padding: 0;
	color: #ccc;

}

ul#navigation a#current {
	color: #eee;
}

ul#navigation a:hover {
	border-bottom: 3px solid #a0a814;
	color: #eee;
} 


/* Squares just like me */ 

#squarenav {
	display:block;
	background-color:#fff;
	height:182px;
	width:602px;
	padding:2px;
	margin: 0 auto 0 auto;
	overflow:hidden;
}
#squarenav div {
	margin: 2px;
	float: left;
	height: 80px;
	width: 80px;
	clear: none;
	background-color: #999999;
	border: 1px solid #fff;
}

#squarenav div:hover, #squarenav .selected  {
	border: 1px solid #666;
}

#squarenav.artifacts { height: 100%;}

#squarenav a:hover    {text-decoration: none; color: none; border-bottom: none; }

/* Scroll Content CSS  - Thanks to Remy Sharp for help with this (see javascript) */ 
#slider {
  width: 770px;
  margin: 0 auto;
  position: relative;

}

.scroll {
	
  height: 325px;
  width: 750px;
  overflow: auto;
  overflow-x: hidden;
  position: relative; 
  border-top: 1px solid #53687f;
  border-bottom: 1px solid #53687f;
  padding: 10px;
  clear: left;

}

.scrollContainer div.detail {

  padding: 10px;
  height: 325px;
  width: 750px; /* change to 560px if not using JS to remove rh.scroll */
 
}


img.coverart { 
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	padding-bottom: 100%;
	 }

.recordinfo {
	height: 318px;
	font: .9em Georgia;
}

.recordinfo h3 {
	color: #a0a814;
}

/* About Page */ 

#about {
   
   width: 600px;
   margin: 0px auto 0px auto;
   text-align: center;
   font: .9em Georgia;

}

#about p {
	padding-top: 10px;
}

/* Home Page */

#howdy {
	font: 3em Georgia;
	color: #53687f;
	text-align: center;
}

#welcome {
        font: 1em Georgia;
	color: #53687f;
	text-align: center;
	margin-bottom: 35px;
}
	
#announcements, #cred {
        margin: 0px auto 0px auto;
        width: 425px;
        padding: 12px;
	border: 1px solid #666;
	background: #eee;
}
	
#cred {
        font: .9em Georgia;
	color: #000;
}

#cred h2 { color: #53687f; }
#cred h3 { color: #a0a814; }
	
.update {
        font: .9em Georgia;
	color: #000;
}	

.update h2 {
	font: 1em Georgia;
	font-weight: bold;
	color: #a0a814;
	border-bottom: 1px solid: #53687f;
}