/* Christmass Style Sheet - 2007 Visual Lizard */

body { 
	margin: 0; padding: 0;
	text-align: center;
	padding-top: 380px; 
	background: #000 url('../i/3600_sky_01.png') 50% 0 no-repeat;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}
div#xmas_player { 
	display: block;
	position: relative;
	margin: 0 auto; 
	width: 440px;
	
	/* text styles */
	text-align: left;
}
p a {color: #eee; text-decoration: underline;}
p a:hover {color: #3f3; text-decoration: none;}


img.center {
	display: block;
	position: relative;
	width: 440px;
	margin: 0 auto;
}


@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	body { 
		padding-top: 80px;
		background-position: 50% -280px;
	}
	div#xmas_player,
	div.jp-audio,
	div.jp-audio ul.jp-controls {
		width: 100%;
		padding: 10px 0;
	}
	
	div.jp-audio ul.jp-controls li {margin-right: 10px;}
	div#xmas_player div.jp-progress,
	div#xmas_player div.jp-time-holder,
	div#xmas_player ul.jp-toggles {
		float: none;
		clear: both;
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
	}
	div#xmas_player div.jp-volume-bar {
		display: none;
	}
	div#xmas_player ul.jp-toggles {
		position: absolute;
		top: 20px;
	}
	div.jp-title ul, div.jp-playlist ul {
		padding: 0 10px;
		margin: 20px 0 10px 0;
	}
	div#xmas_player div.jp-title {
		background: none;
	}
	div.jp-current-time {text-align: left;}
	
	img.center {
		width: 100%;
		height: auto;
		margin: 10px auto;
	}
}