@charset "utf-8";
/* Mobile Device style sheet */

#container {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	min-width: 320px;
	height: auto;
	background-image: url(images/mobilebg.png);
	border: none;
	height: 540px;
	color: #FF3;
		}
		
#playlist {
	color: #ccc;
	border-style: outset;
	border-radius: 25px;
	border-color:#4e1056;
	max-width: 100%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.homepage {width: 320px; height: 54px; top: 0; left: 0; text-decoration:none; background-color: rgba(80,0,0,0.0); background-image:url(images/bwPSbsmall.png); margin-top: 1em; margin-left: 0.8em; clear: left;/* 50% white a Good place to put a header logo image nice and small for mobile devices.*/}


#frontpageplay {
	color: #56135e;
	border-style: outset;
	border-radius: 25px;
	border-color: #56135e;
	width: 300px;
	;
	height: auto;
	margin-top: 28%;
	;
	margin-left: 5%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.7em;
	padding-left: 0em;
	padding-right: 0em;
	box-shadow: 6px 6px 5px #222;
	-webkit-box-shadow: 6px 6px 5px #222;
	-moz-box-shadow: 6px 6px 5px #222;
	background-color: rgba(90,0,23,0.6); /* 50% white */	
	}

#menu { /*These are the rollover menus front page */
	font-family: "Spicy Rice";
	color: #56135e;
	font-size: 26px;
	margin-top: 1em;
	margin-left: 1em;
	line-height: 3em;

}

/*************** MP3 / OGG Player CSS code ***************/

	 h1 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.2em; text-align:center; color:#CCC;}
     h1 em { font-style: normal; color: #F93; font-size: 1.2em; }
      /*  a { color: #888; text-decoration: none; }
      #wrapper { width: 400px; margin: 40px auto; } */
      
      ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #9F0; width: 320px; border-top: 1px solid #ccc; font-size: 0.9em; }
      ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
      ol li a { display: block; text-indent: -1.3em; padding: 0px 0px 0px 20px; }
      li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); a color:#fff; background: #872693; text-decoration:none; padding:0 3px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s;
}

      li.playing a { color: #FC0; }
      li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -12px; top: 9px; color: #fff; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }