body { margin:0; background-color:#000; font-family:"Open Sans",Arial,Helvetica,sans-serif; color:#FFF; overflow:hidden; }
	
	pre { color:#999999; margin:20px; font-family: monospace; }
	pre b { color:#DDD; }
	pre a:visited	{ text-decoration:none; color:#999; }
	pre a:link		{ text-decoration:none; color:#999; }
	pre a:hover		{ text-decoration:none; color:#DDD; }
	

	.shadow3px { box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000;; -webkit-box-shadow:0 0 3px #000; }

	.body_outer { position:relative; width:768px; height:595px; margin:auto auto;	background-color:#333333; }
	

	/** google ads items **/

	.leaderboard_outer { position:absolute; top:0; left:0; width:100%; height:130px; }
	.leaderboard_wrap { position:absolute; top:20px; left:20px; width:728px; height:90px; 	margin:0 auto; }

	.square_wrap { position:absolute; top:25px; right:25px; width:250px; height:250px;  }


	/** top menu items **/

	.menu_outer { position:absolute; top:130px; left:0; width:100%; height:60px; }
	.menu_wrap  { position:absolute; top:0; right:0; width:100%; margin-right:20px; height:100%; }
	.menu_option 			{ font-size:18px; color:#FFFFFF; text-decoration:none; float:right; margin:7px 0 0 5px; padding:10px 17px; border-radius:3px; }
	.menu_option:visited	{ text-decoration:none; color:#FFFFFF; }
	.menu_option:link		{ text-decoration:none; color:#FFFFFF; }
	.menu_option:hover	{ text-decoration:none; color:#FFFFFF; }


	/** logo / page title **/

	.logo_wrap { position:absolute; top:150px; left:20px; width:120px; height:90px; z-index:1; }
	.logo_wrap img { width:120px; height:90px; }

	.title_wrap { position:absolute; top:210px; left:200px; width:200px; height:30px; z-index:1;	font-size:23px; color:#FFFFFF; }


	/** middle section **/

	.middle_wrap { position:absolute; top:190px; left:0; width:100%; height:300px; }

	.playing_wrap { position:absolute; top:70px; left:25px; width:443px; height:205px; }
	.playing_iframe { width:100%; height:120px; overflow:hidden; border:0; margin-top:10px; }
	.playing_audio { position:absolute; top:150px; left:20px; width:403px; height:40px; overflow:hidden; background-color:#000000; }
	.playing_message {  position:absolute; top:0; left:180px; font-size:14px; padding:10px 0; width:205px; text-align:right; color:#888888; background-color:#000; }


	/** bottom section - left/right buttons **/

	.bottom_outer { position:absolute; top:490px; left:0; width:100%; height:105px; }

	.bottom_flex		{ display:flex; }
	.bottom_left   	{ margin:10px 20px; }
	.bottom_left a 	{  }
	.bottom_right  	{ margin:10px 20px; }
	.bottom_right a 	{  }
	.bottom_middle  	{ margin:0 20px; padding:5px 0; text-align:center; flex:1; }

	.bottom_option 			{ font-size:14px; color:#FFFFFF; text-decoration:none; margin:0 5px 0 5px; padding:10px 15px; border-radius:3px; }
	.bottom_option:visited	{ text-decoration:none; color:#FFFFFF;}
	.bottom_option:link		{ text-decoration:none; color:#FFFFFF;}
	.bottom_option:hover	{ text-decoration:none; color:#FFFFFF; }

	.social_option 			{ font-size:25px; text-decoration:none; margin:5px 10px; }
	.social_option:visited	{ text-decoration:none; }
	.social_option:link		{ text-decoration:none; }
	.social_option:hover		{ text-decoration:none; }

	.bottom_location_wrap	  { margin:20px 25px 10px 25px; text-align:center; font-size:15px; }
	.bottom_location_wrap hr  { height:1px; background:#25282F; border:0; font-size:0; opacity:0.2; }
	
	.bottom_location_text 				{ margin:10px; color:#25282F; opacity:0.6; }
	.bottom_location_text span  	   { margin:0 5px; cursor:pointer; }
	.bottom_location_text span:hover { opacity:0.6; }
	

	/** iframe styles **/

	.iframe_wrap { position:relative; height:140px; width:443px; }

	.song_image { float:left; overflow:hidden; margin:10px 20px; }
	.song_image img { width:110px; height:110px; }

	.song_info 				{ float:left; overflow:hidden; width:280px; margin-top:15px; }
	.song_info p 			{ margin:5px 0 15px 0; }
	.song_info a:visited	{ text-decoration:none; color:#FFFFFF;}
	.song_info a:link		{ text-decoration:none; color:#FFFFFF;}
	.song_info a:hover	{ text-decoration:none; color:#FFFFFF; }
	
	.song_head1 { font-size:19px; line-height:140%; margin-top:5px; font-weight:600; }
	.song_head2 { font-size:15px; line-height:140%; margin-top:15px; }
	
	
	/** player control bar **/
	
	#playerBar { background-color:#000; width:400px; height:40px; margin:15px 20px; border-radius:3px; }
	
	#playerButton { font-size:25px; color:#FFF; line-height:1.6em; text-align:center; float:left; width:60px; overflow:hidden; cursor: pointer; }
	#playerButton:hover { opacity:0.5; }
	
	#playerVolume { position:absolute; left:80px; margin:19px auto; height:3px; width:90px; background:#555; border-radius:3px; cursor:pointer; }
	#playerVolume .ui-slider-range-min { height:3px; width:90px; position:absolute; background:#DD0022; border:none; border-radius:5px; outline:none; }
	#playerVolume .ui-slider-handle { width:15px; height:15px; border-radius:10px; background:#FFF; position:absolute; margin-left:-6px; margin-top:-6px; cursor:pointer; outline:none; }
	
	#playerText { background-color:#000; font-size:14px; line-height:2.8em; color:#999; text-align:right; float:right; width:200px; overflow:hidden; margin-right:25px; cursor: pointer; }
	#playerText:hover { color:#FFF; }