/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/

#topninjaplayer {
height:55px; background-image:url(image/header_background.png); position:fixed; top:0px; left:0px; width:100%; z-index:99999!important; background-repeat: repeat-x;  /* display:none */ 
}
#logo {
float:left; margin-top:11px; margin-left:5px;
}
#player_wrapper {
width:980px; margin:0 auto; z-index:99999!important; position:relative; 
}

#player_inside_wrapper {
background-color:#4f4f4f;
height:49px;
border-left: 1px solid #5f5f5f;
padding-left:1px;
width:726px;
float:right;

}
#player_inside_wrapper .track_name {
line-height:16px;
padding-top:2px;
}
#player_inside_wrapper .track_name a:hover{
text-decoration:underline;
}
#player_inside_wrapper .artist { color:#c8c6c6; }
#player_inside_wrapper .title { color:#f5f5f5; }
.divider_grey {
height:34px;
width:1px;
background-color:#5f5f5f;
margin-right:8px;
float:left;
margin-top:8px;
}


#player-features {
 width: 426px;
float: left;
margin-top: 10px;
}

#playlist_dropdown {
	width:459px;
	max-height:224px;
	background-repeat:no-repeat;
	display:none;
	margin-top:49px;
	margin-left:110px;
	background-image:url(image/dropdown_background.png); 
	background-position:bottom;
	padding-bottom:20px;
}


#player_inside_wrapper:hover #playlist_dropdown {
display:block;
}

#player-features.tmn_playing, #player-features.tmn_playing:hover {
background-color:none !important;
background-image:none  !important;

}

#previous_button_image {

float:left
}
#play_button_image {

float:left
}

#next_button_image {

float:left
}


#fblikebutton {

float: right; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: rgb(30, 30, 30); display: none; 
}

 a.song {
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:#000;
 font-size:120%;
 outline:none;
 position:relative;
 z-index:2;
}



a.song :hover {
 background-color:#eee;
}

a.song :hover  {
 color:#333;
}

.long_layout {
padding: 6px 0px 3px 54px;
background-color:#353535;
background-image:url('image/icon_play.gif');
background-position: left center;
color:white;
background-repeat: repeat-y;
font-size:12px;
cursor:pointer;
position:relative;
margin-bottom:10px;
height: 37px;
line-height:16px;

}


.entry-content .long_layout {
margin-top:10px;

}
.long_layout:hover {
background-image:url('image/icon_play_hover.gif');
background-color:#515151 !important;
}
.ninja_player_extra {
width:120px;
float: right;
margin-top: -56px;
position: relative;
height: 44px;

margin-right: -24px;
background-color:transparent;


}

.entry-content .ninja_player_extra {

}

 .long_layout .player-info {
padding-top:2px;
}

 .long_layout .player-artist {
color:#c8c6c6;
}

 .ninja_player_extra .player_buttons {
background-color:#5c5c5c;
width:24px;
float:right;
height:46px;
overflow:hidden;
}

.corner {
width:120px;
float:right;
}
.corner img {
float:right;
}

.long_layout .song_title {
padding:5px;
display:block;
float:left;
}

.long_layout.tmn_playing,
 .long_layout.tmn_playing:hover {
 background-color:#2f2f2f !important;
 background-image:url('image/icon_pause.gif');
}

.long_layout.tmn_paused {
 background-color:#3f3f3f;
}

.tmn_playing:hover a,
.tmn_paused a {
 color:#fff;
}


.download_link {
float:right;
color:#cfcfcf !important;
font-size:10px;
padding:3px 7px 0px 0px;

}

.download_link:hover { color:red !important}

.download_icon {
float:right;

}

 .controls {
 display:none;
}

 .peak,
.use-peak li .peak {
 display:none;
 position:absolute;
 top:0.55em;
 right:0.5em;
}

#player_inside_wrapper:hover .tmn_playing .controls, #player_inside_wrapper:hover
.tmn_paused .controls {
 position:relative;
 display:block;
}

.use-peak li.tmn_playing .peak,
.use-peak li.tmn_paused .peak {
 display:inline;
 display:inline-block;
}

.use-peak li .peak {
 display:none; /* IE 7 */
}

.tmn_paused .controls {
 background-color:#666;
}

:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

.tmn_paused .controls .statusbar {
 background-color:#ccc;
}

 .controls {
 position:relative;
float:left;
 background-color:#99ccff;
 width:426px;
 margin-left:15px;
margin-top:7px;
}

 .controls .statusbar {
 position:relative;
 height:13px;
 background-color:#1e1e1e;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
 width:100%;
}

 .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

 .controls .statusbar .position,
 .controls .statusbar .loading,
 .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:46px;
}

 .controls .statusbar .position {
 background-color:#dadada;

}

.tmn_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

 .controls .statusbar .loading {
 background-color:#121212;
 border-right:1px solid #6d6d6d;
}

 .controls .statusbar .position,
 .controls .statusbar .loading {
 width:0px;
}

.tmn_playing a.tmn_link,
.tmn_paused a.tmn_link {
 margin-right:4.5em; /* room for timing stuff */
}

 .timing {
text-align: center;
color: white;
float: right;
padding: 0px 2px;
margin-top: -30px;
position: relative;
font-size: 10px;
pointer-events: none

}
.use-peak li .timing {
 right:4.25em;
}

:hover .timing {
 z-index:2;
}

 .timing div.tmn_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
}

.tmn_playing .timing,
.tmn_paused .timing {
 display:block;
}

.tmn_paused .timing .tmn_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

.tmn_paused .timing,
.use-peak li.tmn_paused .peak {
 background-color:#888;
 border-color:#ccc;
}

#track_title {
font-size:12px; color:white; font-family:arial; padding-top:7px; margin:0px; float:left; width:377px; overflow:hidden; height:35px;
}

#control-template {
 display:none;
}


.player-short-entry {
background-color:white;
width:432px;
float:left;
padding:3px 0px 3px 0px;

}

.mini_layout {
padding: 6px 10px 6px 40px !important;
background-repeat: no-repeat;
float: left;
margin-left: 10px;
background-image:url('http://themusicninja.com/wp-content/themes/bigcity/ninjaplayer/image/icon_play_black.gif');
color:black !important;
font-size:14px;
}

.big_player.tmn_playing,
 .big_player.tmn_playing:hover {
 background-color:white !important;
 background-image:url('http://themusicninja.com/wp-content/themes/bigcity/ninjaplayer/image/big_player_pause.gif');
 background-repeat:no-repeat;
}
.big_player.tmn_playing h2.post-short-entry-title,
 .big_player.tmn_playing:hover h2.post-short-entry-title { 
 background-color:#1e1e1e;
 }

 
.short_layout_button {
padding: 5px 10px; color:black; background-color:#ebebeb; margin-left:10px; float:left; margin-top:4px;

}

.player-short-entry {}

.big_player {
background-color: black;
width: 489px; 
float: left;
margin-left: -58px;
background-image: url('http://themusicninja.com/wp-content/themes/bigcity/ninjaplayer/image/big_player_play_hover.gif');
background-position: -20px center;
background-position: -20px center;
}

.big_player:hover {

background-image: url('http://themusicninja.com/wp-content/themes/bigcity/ninjaplayer/image/big_player_play.gif');
}

#recently_played {
float: left;
width: 425px;
color: white;
overflow: hidden;
max-height: 210px;
}

#recently_played li {
	font-size: 12px;
	padding: 3px 5px;
	cursor:pointer;
	width: 414px;
	float: left;
	display: block;
}
#recently_played li.tmn_playing {
coloar:white;
background-color:#b31f1f;
}
#recently_played li.tmn_playing:hover {
coloar:white;
background-color:#b31f1f;
}

#recently_played li {
background-color:#6c6c6c;
}
#recently_played li:hover {
background-color:#353535;
}