/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
border: 2px solid #848284;
overflow:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* #### end reset  */

body {
	font-family: Helvetica, 'Helvetica Neue', Arial, Helvetica Neue;	
}



.tweetmemeshare {
float: left;
margin: 0px 0px 1px 20px;
}

.fbshare {
float: left;
margin: -1px 12px 0px 20px;
}

.googlebuzz {
float: left;
margin: -2px 0px 0px 20px;
}





.liplaybutton {
	position:absolute;
	left:27px;
	top:27px;	
	height:10px;
	width:10px;
}



/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.1
 * Date: 13th May 2010
 */
 
#map {  width:100%; height:250px; position:relative; }
#playoverlay { position:absolute; width:100%; height: 250px; left:2px; top:2px; background: #333333; opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
	}
#playbuttonoverlay { position:absolute; width:200px; height:200px; left:50%; margin-left:-100px; top:75px; background:url('img/playbutton200.png'); cursor:pointer;}

#playoverlaytitle {position:absolute; top: 20px; width:100%; text-align: center; font-size: 40px; line-height: 60px; font-weight:bold; color: #fff; text-shadow: #000 0px 1px 1px; letter-spacing: -1px;}

#playbuttonoverlay  {
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    
    -moz-border-radius: 100px;
border-radius: 100px;
	-webkit-border-radius:100px;

    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);


}

div#playbuttonoverlay:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);

-moz-border-radius: 100px;
border-radius: 100px;
	-webkit-border-radius:100px;

    -webkit-box-shadow: 4px 4px 10px  rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 4px 4px 10px  rgba(255, 255, 255, 0.5);
    -o-box-shadow: 4px 4px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 4px 4px 10px  rgba(255, 255, 255, 0.5);
}


#mapmessage { position:absolute; color:#fff; width:200px; margin-top: -60px;  }

#mapmsgcontent { 
	position:relative;  
	display:block;
	 padding:7px; 
	 border: 4px solid #cc6600; 
	 background:#f2f2f2; 
	 -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	color: #333;
	font-weight:bold;
	letter-spacing: -0.01em;
	text-shadow: #fff 0px 1px -1px;
}
#maparrow { width:20px; height: 15px; margin: 0 auto; background:url('img/arrowmarker.gif');}

#playlist {
	overflow-y: auto;
	oveflow-x: hidden;
	width: 100%;
	height: 150px;
	font-size:12px;
	font-weight:400;
	line-height:1.2em;	
}


div#player_box { 
       position: relative; 
	   background:#ffc;
	   padding:0px;
       font-weight:bold; 
       height: 46px;
       margin: 0px;
       border-top:2px solid #666;
       border-bottom:2px solid #333;       
       background: url(img/bg_gradient_lightorange.png) repeat-x bottom left #fff;

      }
      
div#player_tracktitle {
	position:absolute;
	left:10px;
	top:10px;
	font-size:0.85em;
	text-shadow: #999 0px 1px -1px;
	max-width: 350px;
	display:inline;
	color: red;
	font-weight:normal;
}

div#player_fblike {
	width:100px;
	padding;10px;
	float:right;
	position:relative;
	height:20px;
	margin-top:10px;
}

div#player_twitter {
	width:110px;
	padding;10px;
	float:right;
	position:relative;
	height:20px;
	margin-top:10px;
}      
      
div.jp-single-player,
div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1em;
	line-height:1.6;
	color: #666;
}
div.jp-interface {
	background-color:transparent;
	height:40px;
	border:0px solid #009be3;
	top: 3px;
	width:300px;
	margin: 1px auto;
	display:block;

}
div.jp-single-player div.jp-interface {
	border-bottom:none;
	position:relative;
}
div.jp-playlist-player div.jp-interface {

}


div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0px;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:0px;
	width:40px;
	height:40px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
	left:40px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:48px;
}
a.jp-play {
	background: url("img/jplayer.shoudio.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("img/jplayer.shoudio.png") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("img/jplayer.shoudio.png") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("img/jplayer.shoudio.png") -41px -42px no-repeat;
}
a.jp-stop {
	top:6px;
	background: url("img/jplayer.shoudio.png") 0 -83px no-repeat;
	width:28px;
	height:28px;
}
div.jp-single-player a.jp-stop {
	left:113px;
}

a.jp-stop:hover {
	background: url("img/jplayer.shoudio.png") -29px -83px no-repeat;
}
a.jp-previous {
	left:10px;
	top:6px;
	background: url("img/jplayer.shoudio.png") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("img/jplayer.shoudio.png") -29px -112px no-repeat;
}
a.jp-next {
	left:82px;
	top:6px;
	background: url("img/jplayer.shoudio.png") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("img/jplayer.shoudio.png") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:5px;
	background-color: #ddd;
	width:122px;
	height:15px;
}
div.jp-single-player div.jp-progress {
	left:157px;
}

div.jp-load-bar {
	background: url("img/jplayer.shoudio.png") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("img/jplayer.shoudio.png") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}


a.jp-volume-min {
	background: url("img/jplayer.shoudio.png") 0 -170px no-repeat;
}

a.jp-volume-min, a.jp-volume-max {
	left:155px;
		top:21px;
		width:18px;
	height:15px;
		
}

a.jp-volume-min:hover {
	background: url("img/jplayer.shoudio.png") -19px -170px no-repeat;
}
a.jp-volume-max {

	background: url("img/jplayer.shoudio.png") 0 -186px no-repeat;
}

a.jp-volume-max:hover {
	background: url("img/jplayer.shoudio.png") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:27px;
	background: url("img/jplayer.shoudio.png") 0 -250px repeat-x;
	width:99px;
	height:5px;
	cursor: pointer;
	left:180px;
}

div.jp-volume-bar-value {
	background: url("img/jplayer.shoudio.png") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:5px;
	width:120px;
	font-size:.64em;
	font-style:normal;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:158px;
}

div.jp-playlist {
	width:418px;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	padding:0 20px;
	background-color:#ccc;
	border:1px solid #009be3;
	border-top:none;
	width:378px;
	font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}

div.bigimgholder {
	position: absolute;
	right: 5px;
	top: 40px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #f2f2f2;	
}

p#bigimg{
	position:absolute;
	padding:10px;
	display:none;
	color:#fff;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-border-radius:20px;
	border: 2px solid #848284;
	background: url(img/bg_gradient_lightorange.png) repeat-x bottom left #fff;
	z-index:1000;
}

p#bgimg img {
	border: 1px solid #ccc;
	padding: 3px;
	background: #fffff;	
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar {background: transparent; width: 8px; right: 2px; position: absolute; top: 0; height: 100%;}
.jspHorizontalBar {background: transparent; width: 8px; bottom: 2px; position: absolute; left: 0; width: 100%;}
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: transparent; position: relative; }
.jspDrag { background: #ccc; -moz-border-radius: 4px; border-radius: 4px; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

div.jspContainer div.jspTrack{}
div.jspContainer div.jspDrag{}
div.jspContainer div.jspVerticalBar{}