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

* { margin: 0; padding: 0; }

body {
	background: #2e65a8 url(../img/back1.png) top right repeat-x;
	font-family: helvetica, Arial, sans;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}

a { color: #fff; text-decoration: none; font-style: italic; font-family: "Times New Roman", Times, Sans-serif; }

a:hover{ color: #3cc7ff; }

#page {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: url(../img/clouds.jpg) top right no-repeat; 
	padding: 30px 0 0 50px
}

#content { margin-top: 149px; width: 90%; min-width: 920px; display: block; padding: 0 50px 100px 0;}

#column1, #column2, #column3, #column4, #column5 {
	width: 210px;
	margin-right: 20px;
	float: left;
	margin-bottom: 30px;
}

h1 a {
	display: block; 
	background: url(../img/blu-jam.png) top left;
	width: 441px;
	height: 220px;
	margin: 0 0 30px -21px;
}

h1 a span { display: none; }

hr {
	border: none;
	margin: 0 0 20px 0;
	padding: 0;
	height: 1px;
	background: white;
	opacity: 0.4;
}

hr.half { width: 110px; }

p, ul { margin-bottom: 10px; }

p img { float: left; }

#nav {
	font-family: "Times New Roman", Times, Sans-Serif; 
	font-size: 16px;
	line-height: 17px;
	font-style: italic;
	list-style: none;
	margin-bottom: 30px;
}

#nav li a { display: block; }

h2 { margin-bottom: 8px; }

img { border: none; }

.cloudbox {
	background: url(../img/box_back.png);
	display: block;
	width: 210px;
	height: 210px;
	margin-bottom: 20px;
	border: 1px solid #728ebb;
	overflow: auto;
}

.cloudbox div { padding: 10px; }

.cloudbox a h2 {
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
}

.cloudboxrollover {
	background: url(../img/box_cloud.png);
}

.mediaboxhidden {
	display: none;
}

#player_container {
	position: relative;
	width:438px;
	height:100px;
	border:1px solid #7899c5;
	left: 460px;
	top: 50px;
	visibility: hidden;
}

#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}

#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}

#player_play, #player_pause {
	display: block;
	position: absolute;
	left:40px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}

#player_play {
	background: url("../img/spirites.jpg") 0 0 no-repeat;
}

#player_play.different_prefix_example_hover {
	background: url("../img/spirites.jpg") -41px 0 no-repeat;
}

#player_pause {
	background: url("../img/spirites.jpg") 0 -42px no-repeat;
}

#player_pause.different_prefix_example_hover {
	background: url("../img/spirites.jpg") -41px -42px no-repeat;
}

#player_stop {
	position: absolute;
	left:90px;
	top:26px;
	background: url("../img/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}

#player_stop.different_prefix_example_hover {
	background: url("../img/spirites.jpg") -29px -83px no-repeat;
}

#player_progress {
	position: absolute;
	left:130px;
	top:32px;
	background: url(../img/box_back.png);
	width:150px;
	height:15px;
}

#player_progress_load_bar {
	background: url("../img/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}

#player_progress_load_bar.different_prefix_example_buffer {
	background: url("../img/box_back.png")  top left repeat-x;
}

#player_progress_play_bar {
	background: url("../img/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}

#player_volume_min {
	position: absolute;
	left:300px;
	top:32px;
	background: url("../img/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
 
#player_volume_max {
	position: absolute;
	left:380px;
	top:32px;
	background: url("../img/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
 
#player_volume_min.different_prefix_example_hover {
	background: url("../img/spirites.jpg") -19px -170px no-repeat;
}
 
#player_volume_max.different_prefix_example_hover {
	background: url("../img/spirites.jpg") -19px -186px no-repeat;
}
 
#player_volume_bar {
	position: absolute;
	left:320px;
	top:37px;
	background: url("../img/box_back.png") repeat-x top left;
	width:50px;
	height:5px;
	cursor: pointer;
}

#player_volume_bar_value {
	background: url("../img/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}
 
#player_playlist_message {
	position: absolute;
	left:0;
	bottom:0;
	width:358px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background: url(../img/box_back.png);
}
 
#song_title {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}
 
#play_time, #total_time {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}
 
#play_time {
	float:left;
}
 
#total_time {
	float:right;
	text-align: right;
}

form {
	display: block;
	width: 400px;
	border: 1px solid #728ebb;
	padding: 20px;
	float: left;
	margin-bottom: 30px;
	margin-right: 20px;
	background: url(../img/box_back.png);
}

form p {
 width: 300px;
 }

form label {
	display: block;
	width: 150px;
}

input[type=text], textarea { width: 300px; padding: 5px; }