* {margin:0; padding:0;}
ul {list-style:none; margin:0; padding:0;}

body a {color:pink }


html, body {height:100%}
body         {  padding:0;    background:#D6D0BA; color: #3F5;}

#wrapper     {display:table;    height:95%;  margin-left:2%; width:98%; }

#wrapper_content {display:table-row;  height:100%; /* m argin: 0 10px 20px 40px; */}
#main            { margin:0 20px; min-height:80%; height:auto;
                   display:table-cell;
                   /*f loat:left; width:70%;  */
                   background:#111 ; border:20px solid #54505A; 
                   -moz-border-radius-bottomleft:60px;     -moz-border-radius-bottomright:60px;
                   -webkit-border-bottom-left-radius:30px; -webkit-border-bottom-right-radius:30px;
}


#side_panel      {display:table-cell; height:100%;
                  width:20%; background:#D6D0BA;  color:#111;
                  /*verti cal-align:bottom; bor der:5px solid green; fl oat:left; ho rizontal-align:center;  */}

#side_panel      {width:310px; }
#side_panel    a, #side_panel    a:visited  {color:blue; }
#side_panel ul { margin:0 3px;
                 /*di splay:table-cell; h eight:100%; verti cal-align:bottom; bor der:1px solid red; */}
#side_panel ul li { ma rgin:0 50%; display:block; font-size:20px; font-weight:bold; color: #a33c37 }
#side_panel ul li:nth-child(2n) {color:#6d2348}


 #dec_like_logo  { position:absolute; bottom:80px; right:20px;
                   padding:15px 20px 5px 20px;     background:#111;
                 /*d isplay:table-cell;  verti cal-align:bottom;*/ }

 #dec_like_logo  span {display:block; float:left;   margin-left:2px;margin-bottom:4px; padding:4px 2px; width:14px;
                       background:#9E0129; color:#fff ; 
                       font-family:helvetica; font-size:14px;  text-align:center;}

#dec_like_logo p {display:block; margin:0 2px; color:#9E0129; }
dl {  display:block;}
dl dt, dl dd { display:block; float:left ; }
dl dd {  }
dl dt {clear:left;  }


#pt {display:inline; b order:3px solid #fff; width:inherit;}


#comments dl { padding: 3px; }
#comments dl dd { clear:left; width:100%; margin: 2px 0; border:2px solid black; border-width:0 0 2px 0;} 
/*dd:after { content: "."; background:green; display:block; clear:both; he ight:0; visibil ity:hidden;}*/
#add_comment textarea {width:100%}

#info_wrapper dl { padding: 3px; }
#info_wrapper dl dd { clear:left; width:100%; margin: 2px 0; border:2px solid black; border-width:0 0 2px 0;} 

#sidebar dl { /*bo rder:3px solid orange; */}

#sidebar div { padding: 2px }
#sidebar div h3 {background:  #a33c37 ; width:100%; padding: 3px;}
#sidebar div:nth-child(2n) h3 {background:#6d2348}

#sidebar div.collapse h3 {display:block; cursor:pointer;}
#sidebar div.collapse * {display:none}

#sidebar  div.expand h3 {display:block}
#si debar  div.expand * {display:inherit }


#sidebar .collapse div.collapse h3 {display:block}
#sidebar .collapse div.collapse * {display:none}

#sidebar  .collapse div.collapse h3 {display:block}
#sidebar  .collapse div.expand * {display:inherit }

#sidebar #add_comment .add_comment_wrap { padding: 5px ; ba ckground:orange;}

/*-----------------------------------------------Player Buttons------------------------*/
div#player_buttons  { margin:-1px 0 0 100px; padding:0; border:1px solid red}
                    
div#player_buttons button {border:none; margin: 0; padding:4px; background:  #a33c37 ; cursor:pointer}
div#player_buttons button.pressed {border:2px solid #111 ; margin: 2px; padding:4px; background:  #a33c37 ; cursor:pointer}
div#player_buttons button:nth-child(2n)  {background:#6d2348}


/* ---------------------------------Player Progress Bar DEV------------------------------ */

#player_container_wrap {
	position: relative; 
        width:100%;
        border:1px solid blue;
        marg in:0 50px 0 250px;

}
#player_container {
	position: absolute;
        top:-130px;
        l eft:50px;
	background-color:#eee;
	width:418px;
	margin-left:50px;
        width:80%;
	height:120px;
	border:1px solid #009be3;
}

#player_progress {
	positi on: absolute;
	left:130px;
	top:32px;
	background-color: #eee;
	backgro und-color: blue;
	w idth:122px;
	width:100%;
	height:15px;
        border:1px solid orange;
}
#player_progress_load_bar {
	background: url("http://www.happyworm.com/jquery/jplayer/0.2.5/images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
	background: url("http://www.happyworm.com/jquery/jplayer/0.2.5/images/bar_load.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("css/bar_play.gif") top left repeat-x ;
        #background: url("css/powerful.jpg") top left repeat-x ;
	width:0px;
	height:15px;
}
dl#player_stats {display:block}

dl#player_stats dd  { display:block;  float:left; clear:left;  } 
dl#player_stats dt  { display:block;  float:left; clear:right; margin-left: 10px;}
    

/* -------------------------------------------Player Progress Bar production ------------*/

#player_container_wrap { border:none; }
#player_container {
	position: absolute;
        top:-40px;
        l eft:50px;
	background-color:#eee;
	width:418px;
	margin-left:50px;
        width:80%;
	height:15px;
	border:1px solid #009be3;
}
dl#player_stats {display:none;}

div#player_buttons {   border:none }


a#big_play, a#big_play:visited { 
    background:#999; 

    height: 140px; width:140px; position:absolute;
    left:300px; top:300px;
    padding:20px 0 0 20px;
    display:block;
    z-index:3000;
    text-decoration:none; color:white;
    font-size:120px;
    opacity:0.5;
}
a#big_play.playing { 
    display:none

}