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

body {
 	margin: 0;
 	padding: 0;
 	background-color: #666666;
 	font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
	position: relative;
	width: 600px;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	margin: 20px auto;
}

#header {
	position: relative;
	background-color: #000000;
}

#nav {
	 position: absolute;
	 float: right;
	 right: 5px;
	 top: 60px;
}

#nav ul {
	 margin: 0;
	 padding: 0;
}
 
#nav li {
	 display: inline;
}
 
#nav a:link, #nav a:visited {
	 color: #FFFFFF;
	 text-decoration: none;
}

#nav a:hover {
	 color: #0066cc;
	 text-decoration: none;
}

#player {
	position: relative;
	bottom: 60px;
	left: 10px;
}
 
#news {
	 margin: 10px 20px;
}

.newstext a:link {
	color: #0066cc;
	text-decoration: none;
}

.newstext a:visited {
	color: #0066cc;
	text-decoration: none;
}

.newstext a:hover {
	color: #0066cc;
	text-decoration: underline;
}

.newstext a:active {
	color: #0066cc;
	text-decoration: none;
}

.newsdate {
	font-size: .8em;
}

.newsheader {
	font-size: 1.1em;
	font-weight: bold;
}

#news p {
	padding: 10px 0px;
}

.newsimg {
	border: 1px solid #000000;
}

#pix {
	margin: 20px auto;
}

#pix h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
}

#pix ul {
	padding: 0; 
	float: left; 
	text-align: center;
	list-style: none; 
	position: relative;
	line-height: 60px;
}

#pix li {
	display: inline;
	margin: 0;
	padding: 10px;
}

#pix a:link, a:visited {
	color: #000000;
	border: 1px;
}

#pix a:hover, a:active {
	color: #0066cc;
	border: 1px;
}

#shows {
	width: 400px;
	margin: 20px auto;
}

#shows h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
}

#shows h2 {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	padding: 10px;
}

#shows table {
	margin: 20px 0;
}

#shows td.date {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
}

#shows td.time {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
}

.description {
	font-size: 0.9em;
	font-style: oblique;
	text-align: left;
}

#records {
	width: 500px;
	margin: 20px auto;
}

#records .record {
	display: block;
	margin: 0 0 50px 0;
}


#records img {
	display: block;
	border: 1px solid #000000;
	margin: 0 auto;
}

#records h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

#records h2 {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin: 1em auto 0 auto;
}

#records ul {
	text-align: center;
	margin: 0;
	padding: 0;
}

#records li {
	display: inline;
	text-decoration: none;
}

#records a:link {
	text-align: center;
	color: #0066cc;
	text-decoration: none;
}

#records a:visited {
	color: #0066cc;
	text-decoration: none;
}

#records a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#records a:active {
	color: #0066cc;
	text-decoration: none;
}

#records form {
	width: 122px;
	display: block;
	margin: 15px auto;
}

#records .itunes img {
	border: none;
}

#AS-liner {
	width: 500px;
	margin: 20px auto;
}

#AS-liner img {
	border: 1px solid #000000;
	float: right;
	margin: 0 0 5px 20px;
}
#AS-liner h1 {
	font-size: 1.5em;
	font-weight: bold;
}
#AS-liner h2 {
	font-size: 1.1em;
}

.tracks {
	font-weight: bold;
}

.artists {
	font-size: .85em;
}

#AS-liner li {
	margin: 0 0 5px 0;
}

#AS-liner a:link {
	text-align: center;
	color: #0066cc;
	text-decoration: none;
}

#AS-liner a:visited {
	color: #0066cc;
	text-decoration: none;
}

#AS-liner a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#AS-liner a:active {
	color: #0066cc;
	text-decoration: none;
}

#contact {
	text-align: center;
	margin: 30px auto;
}

#contact h2 {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin: 1em auto 0 auto;
}

#contact a:link {
	text-align: center;
	color: #0066cc;
	text-decoration: none;
}

#contact a:visited {
	color: #0066cc;
	text-decoration: none;
}

#contact a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#contact a:active {
	color: #0066cc;
	text-decoration: none;
}