/*----------------------------------------------------------------------------------

Data
----
Created by:  Mr. Krystal
Created for: Starfox-Online (http://starfox-online.net/)
Copyright:   Styles © Mr. Krystal 2009
             Reuse allowed, no credit required (but it would be nice)
Purpose:     Contains resets, text and player styling, and layout.

Colors Used
-----------
#222 - Dark Grey - Background Image Alternative
#555 - Medium Grey - Playlist Title Text
#ccc - Light Grey - Playlist Title Border
#fff - White - Text, Links, Link Underlines, Background for Playlist Title

Contents
--------
Search for "Sec #" to find given section, where # is the section number
Sec 01 ........ Simplified Reset
Sec 02 ........ Base Layout
Sec 03 ........ Page
Sec 04 ........ Jukebox
Sec 05 ........ Playlists
Sec 06 ........ Footer

----------------------------------------------------------------------------------*/

/* Sec 01 - Simplified Reset */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, input, address, a, img
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}


/* Sec 02 - Base Layout */
html
{
	background:url(htmlBG.gif) #222;
}

body
{
	min-width:480px;
	font-size:76%;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	color:#fff;
}


/* Sec 03 - Page */
#page
{
	margin:0 auto;
	width:480px;
}

	#page h1
	{
		padding:10px 0 10px 0;
		text-align:center;
		font-size:2.5em;
	}
	
	#page #close
	{
		position:absolute;
		top:5px;
		right:5px;
	}
	
		#page #close img
		{
			cursor:pointer;
		}


/* Sec 04 - Jukebox */
#jukebox
{
	padding:100px 0 0 0;
	background:url(speakers.png) no-repeat;
}

	#jukebox h2
	{
		padding:10px 0 8px 0;
		text-align:center;
		display:block;
		color:#555;
		font-size:1.8em;
	}
	
		#jukebox h2 span
		{
			padding:10px;
			border:3px solid #ccc;
			background:#fff;
		}
	
	#jukebox object.player
	{
		width:480px;
		height:170px;
		display:block;
	}
	
	#jukebox div.stretcher
	{
		height:120px;
	}


/* Sec 05 - Playlists */
#playlists
{
	padding:10px 0;
}

	#playlists h3
	{
		padding:0 0 10px 0;
		text-align:center;
		font-size:1.2em;
	}

	#playlists li
	{
		width:160px;
		text-align:center;
		list-style:none;
		float:left;
		
	}

	#playlists a
	{
		padding:1px 2px;
		color:#fff;
		text-decoration:none;
		line-height:1.5em;
		white-space:nowrap;
	}
	
		#playlists a:hover
		{
			border-bottom:1px solid #fff;
		}


/* Sec 06 - Footer */
#footer
{
	padding:10px 0 0 0;
	clear:both;
}
	#footer .hr
	{
		padding:0 0 10px 0;
		height:17px;
		background:url(hr.png) no-repeat;
	}
	
		#footer .hr hr
		{
			display:none;
		}

	#footer p
	{
		padding:5px 0 0 0;
		text-align:center;
	}
	
	#footer a
	{
		padding:1px 2px;
		border-bottom:1px solid #fff;
		color:#fff;
		text-decoration:none;
		line-height:1.5em;
	}