/*-- ZEROING OUT MARGINS ----------*/

	body,
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	ul,
	ol,
	li,
	hr,
	blockquote {
		margin: 0;
		padding: 0;
		}


/*-- SITE ----------*/

	html {
		overflow-y: scroll;
		}

	body {
		background: #000000 url(images/site-bg.jpg) repeat-x top center;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 1;
		margin: -2px 0 0 0;
		padding: 0;
		text-align: center;
		}

		body#player {
			background: #FFFFFF none repeat-x top center;
			}

	h1,
	h2,
	h3,
	h4,
	h5{
		font-weight: bold;
		}

	div#main-navigation h3,
	div#main-navigation h4,
	div#main-navigation a span {
		font-family: Georgia, serif;
		font-weight: bold;
		}

	div#site {
		background: #FFFFFF url(images/body-header.jpg) no-repeat top center;
		border: #000000 solid 10px;
		border-width: 0px 10px 0px 10px;
		margin: 0 auto 0 auto;
		text-align: left;
		width: 746px;
		}

		body#player div#site {
			background-image: none;
			border: none;
			width: 545px;
			}


/*-- HEADER ----------*/

	div#header {
		height: 180px;
		margin: 2px 2px 0 2px;
		position: relative;
		}

		body#player div#header {
			display: none;
			}

		div#header h1 {
			display: block;
			height: 150px;
			position: absolute;
				left: 75px;
				top: 14px;
			width: 182px;
			}

			div#header h1 a {
				display: block;
				height: 150px;
				overflow: hidden;
				text-indent: -99999px;
				width: 182px;
				}

			body#player div#header h1,
			body#player div#header h1 a, {
				display: none;
				}

		div#header h2,
		div#header h2 a  {
			display: none;
			}

	
	div#playbox-border {
		background-image: url(images/halfblack.png);
		display: none;
		padding: 8px;
		position: absolute;
			left: 400px;
			top: 40px;
		width: 175px;
		}

	div#playbox {
		background-image: url(images/halfwhite.png);
		font-family: Georgia, serif;
		font-size: 11px;
		padding: 8px;
		text-transform: uppercase;
		}

		div#playbox span.playbox-button {
			display: block;
			font-size: 10px;
			margin: 10px 5px 2px 5px;
			text-align: center;
			}

			span.playbox-button a {
				color: #000000;
				font-weight: bold;
				text-decoration: none;
				}

				span.playbox-button a:hover {
					color: #FF0000;
					}


/*-- NAVIGATION BAR ----------*/

	div#main-navigation {
		background: none;
		height: 20px;
		position: absolute;
			left: 0;
			top: 0;
		text-align: right;
		width: 746px;
		}

		div#main-navigation ul {
			float: right;
			list-style-type: none;
			padding-right: 160px;
			width: auto;
			}

			div#main-navigation li {
				display: inline;
				}

				div#main-navigation a {
					border: #e5e5e5 solid 1px;
					border-width: 0 1px 0 1px;
					color: #000000;
					float: left;
					display: block;
					margin-left: 2px;
					padding: 3px 10px 3px 10px;
					text-decoration: none;
					text-transform: uppercase;
					width: auto;
					}

					div#main-navigation a h3 {
						display: inline;
						font-size: 11px;
						width: auto;
						}

						div#main-navigation a:hover,
						div#main-navigation li.active a h3 {
							color: #FF0000;
							}


/*-- SUB-NAVIGATION COLUMN ----------*/

	div.sub-navigation {
		display: none;
		}

	.active div.sub-navigation {
		display: block;
		position: absolute;
			left: 60px;
			top: 125px;
		text-align: left;
		width: 166px;
		}

	body#home .active div.sub-navigation {
		display: none;
		}

		div.sub-navigation ul.subnav {
			color: #666666;
			float: left !important;
			font-size: 12px;
			list-style-type: none;
			padding: 0 !important;
			width: 140px !important;
			}

			div.sub-navigation h4 {
				border: #CCCCCC solid 1px;
				border-width: 1px 0 1px 0;
				color: #666666;
				font-family: Arial, sans-serif !important;
				font-size: 12px;
				margin-bottom: 4px;
				padding: 6px 4px 6px 4px;
				position: absolute;
					left: 0;
					top: 0;
					top: -36px;
				text-transform: uppercase;
				}

			ul.subnav li {
				clear: both;
				display: block !important;
				margin: 0 !important;
				padding: 0 0 0 4px !important;
				}

				ul.subnav a {
					background: none;
					border: none !important;
					color: #666666 !important;
					display: block;
					float: none !important;
					padding: 5px 5px 5px 0 !important;
					text-decoration: underline !important;
					text-transform: none !important;
					width: 124px !important;
					}

					ul.subnav a:hover {
						border-color: #FFFFFF !important;
						color: #000000;
						}

				ul.subnav .sub-active a {
					color: #000000 !important;
					dont-weight: bold;
					text-decoration: none !important;
					}

					div.sub-navigation .sub-active a:hover {
						text-decoration: none !important;
						}


/*-- SITE FRAME ----------*/

	div#inner-container {
		border-top: transparent outset 1px;
		margin: 0;
		position: relative;
		width: 746px;
		}

		div#content-container {
			margin: 25px 0 0 220px;
			}

			body#home div#content-container {
				margin: 25px 0 0 75px;			
				}

		div#page-end {
			background: url(images/footer-rutles.gif) no-repeat left;
			border-top: #CCCCCC solid 3px;
			color: #8D8D8D;
			clear: both;
			font-size: 10px;
			height: 50px;
			margin-left: -195px;
			width: 700px;
			}

			body#home div#page-end {
				margin-left: -52px;
				}

			body#player div#page-end {
				border: none;
				height: 40px;
				margin: 0 5px 0 5px;
				width: 535px;
				}
			
			div#page-end span#copyright {
				float: right;
				margin-top: 20px;
				}

				body#player div#page-end span#copyright {
					margin-top: 15px;
					}

			div#page-end hr {
				visibility: hidden;
				}


/*-- PAGE CONTENT ----------*/

	div#content {
		color: #666666;
		font-size: 12px;
		height: auto;
		line-height: 1.6;
		overflow: visible;
		padding: 60px 20px 30px 25px;
		width: 400px;
		}

		body#home div#content {
			width: 545px;
			}

		div#content h2 {
			font-size: 18px;
			line-height: 1.0;
			margin: 0 0 5px 0;
			padding: 10px 12px 10px 0;
			text-transform: uppercase;
			}

		div#content h3 {
			font-size: 14px;
			margin: 0 0 5px 0;
			}
		div#content h4 {
			font-size: 12px;
			text-transform: uppercase;
			}

		div#content a {
			color: #666666;
			text-decoration: underline;
			}

			div#content a:hover {
				color: #000000;
				}

		div#content p,
		div#content ul,
		div#content ol,
		div.hr {
			margin-bottom: 15px;
			}

		div#content ul,
		div#content ol {
			margin-left: 25px;
			}

		div#content li {
			margin-bottom: 5px;
			}

		div#content blockquote {
			margin: 0 10px 0 25px;
			}

	img.right {
		float: right;
		margin-top: 15px;
		position: relative;
			top: -30px;
			left: 20px;
		}

	div.legalese {
		border-top: #CCCCCC solid 1px;
		font-size: 9px;
		padding: 10px 30px 0 30px;
		text-align: center;
		}

	div.hr {
		background: url(images/hr.gif) no-repeat center center;
		height: 5px;
		}

		div.hr hr {
			display: none;
			}


/*-- SPECIFIC STYLES ----------*/

		ol.tracklist {
			}

			ol.tracklist li {
				margin: 0 !important;
				}

		img.img-border {
			border: #999999 solid 1px;
			padding: 3px;
			}

		span.album-caption {
			display: block;
			float: right;
			position: relative;
				left: -50px;
			width: 220px;
			}

		div#content.songdetail h4 {
			display: inline;
			margin-right: 5px;
			}
	
			div#content.songdetail h4 a {
				text-decoration: none;
				}


		span.playerlink {
			
			}

/*-- GENERIC STYLES ----------*/

		.list-none {
			list-style-type: none;
			margin-left: 15px;
			}

		.none {
			display: none;
			}

		.clear {
			clear: both;
			}

		i {
			}

		.font-10 {
			font-size: 10px;
			}

		.font-red {
			color: #9E4E00;
			}