/*-------------------------------------------

    Title :  2015
    Usage :  Video page
    Edited:  2015-06-23

---------------------------------------------

    1. popular
    2. videos
    3. responsive layout (736px)

---------------------------------------------*/


#music-ft ol li.curr a, 
#music-mc ol li.curr a {
	background: #3c575a;
}


.ajax-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32px; /* -1 * image width / 2 */
  margin-top: -32px; /* -1 * image height / 2 */
}


#list > ul li.curr .num:before {
	content: "\f028";
	font: 18px/32px "Font Awesome";
	border: 0px solid;
}

#list #musicplayerbox{
	background: #efefef;
}



/*  3.2. trending
---------------------------------------------*/

#trending {
	position: relative;
	margin-top: 11px;
	background: #fff;
	border-radius: 5px;
	behavior: url(js/PIE.htc);
	}

#trending h3 {
	position: relative;
	padding: 14px 14px 0;
	color: #ff7800;
	font-weight: 300;
	font-size: 14px;
	}

#trending h3 span {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 2px solid #ff7800;
	}

#trending h3 small {
	margin-left: 4px;
	color: #909190;
	font-size: 12px;
	}

#trending h3 a {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	text-decoration: none;
	-moz-transform: rotate(0.1deg);
	}

#trending h3 a:before {
	content: "\f01e";
	color: #919191;
	font: 12px/1 "Font Awesome";
	}

#trending ul {
	margin: -2px 15px -4px;
	padding-top: 4px;
	border-top: 2px solid #e9e9e9;
	}

#trending ul li {
	position: relative;
	padding: 12px 0;
	font-size: 12px;
	}

#trending ul li a {
	display: inline-block;
	vertical-align: top;
	max-width: 120px;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

#trending ul li small {
	float: right;
	top: 7px;
	right: 0;
	color: #ff7800;
	}
	

#trending .footer {
	margin-top: 10px;
	padding: 12px 0 9px;
	text-align: center;
	border-top: 1px solid #636061;
	}

#trending .footer a {
	color: #ff7900;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	}

#trending .footer a:after {
	content: "\f105";
	position: relative;
	top: -2px;
	vertical-align: middle;
	margin-left: 3px;
	font: 18px/1 "Font Awesome", sans-serif;
	}

#facebook{
	margin-top: 20px;
}

#facebook .fb-page iframe{
	width: 160px !important;
}


#list > ul li a:hover {
	text-decoration: none;
}