@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);

*{ margin:0; padding:0; list-style:none; text-decoration:none; outline:none;}
img{ border:none;}
body{font-family: 'Oswald', sans-serif; background:url(../images/bg.jpg) repeat; font-weight:300; }
h1, h2, h3, h4, h4, h5{ font-weight:normal;}
#header{ width:100%; float:left;}
.inner-header{ width:990px; margin:0 auto;}
.header-main{ width:100%; float:left; padding:20px 0;}
.logo{ float:left;}
.menu{ float:right;}
ul.top-menu{ float:right; padding-top:15px;}
ul.top-menu li{ float:left; background:url(../images/menu-sep.png) no-repeat right center; padding:0 10px;}
ul.top-menu li a{ display: block; color:#787878; font-size:18px; font-weight:300;  }
ul.top-menu li a:hover, ul.top-menu li a.current{ color:#FFF;}
.last-bg{ background:none !important;}
.banner{ width:100%; float:left; background: #000 url(../images/bannerbg.jpg) no-repeat center top; }
.inner-banner{width:990px; margin:0 auto; height:419px; position:relative;}
.banner-main{ width:100%; float:left;}
.singer-photo{ float:left; }
.singer-photo img{position:absolute; bottom:0;}
.singer-detail{ float:right; width:520px; padding-top:120px;} 
.singer-heading{ color:#FFF; width:100%; float:left; font-size:29px; font-weight:300; padding-bottom:16px;}
.singer-description{ width:100%; float:left; line-height:21px; color:#bcbbbb; font-size:18px; font-weight:300;}
.singer-btn{ width:100%; float:left; padding-top:42px;}
.singer-btn a{ display:block; float:right; text-transform:uppercase; color:#FFF; font-size:22px;  font-weight:300; background:url(../images/main-bt.png) no-repeat top; text-align:center; width:146px; height:62px;    line-height: 56px; margin-left:33px;}
.singer-btn a:hover{ background:url(../images/main-bt.png) no-repeat bottom;}

#section{ width:100%; float:left;}
.inner-section{ overflow:hidden; width:928px; padding:50px 16px 12px 16px; margin:0 auto; background:#020202;}
.section-main{ width:100%; float:left;}
.section-left{ float:left; width:670px; background:url(../images/section-border.png) repeat-y right; padding-bottom: 90px;}
.latest-news{ float:left; background:url(../images/section-border.png) repeat-y right; width:328px; padding-right:24px;}
.heading{ width:100%; float:left; padding-bottom:27px;}
.heading h2{ color:#787878; font-size:22px; font-weight:300;}
ul.latest-news-main{ width:100%; float:left; padding-bottom: 13px;}
ul.latest-news-main li{ width:100%; float:left; padding-bottom:25px; position:relative;}
ul.latest-news-main img{ border:1px solid #403e3e; float:left; margin-right:17px;}
ul.latest-news-main h3{ color:#FFF; font-size:18px; font-weight:300; padding-bottom:3px;}
ul.latest-news-main .news-time{ color:#808080; font-size:12px; font-weight:300; padding-bottom:3px;}
ul.latest-news-main p{ color:#808080; font-size:14px; line-height:20px;}
ul.latest-news-main li .view{ display:none; color:#808080; font-size:14px; background:url(../images/img-hover.png) no-repeat; width:50px; height:50px; text-align:center; line-height:48px;}
ul.latest-news-main li:hover .view{ display:block; position:absolute; left: 22px; top: 24px; }
.view-all{ width:100%; float:left; padding-top:20px;}
.view-all a{ background:url(../images/btn.png) no-repeat top; width:120px; height:36px; display:block; color:#808080; font-size:16px; text-align:center; line-height:36px;}
.view-all a:hover{background:url(../images/btn.png) no-repeat bottom; color:#FFF;}
.latest-video{ float:left; padding-left:25px; width:270px;}
.video{ float:left; width:100%; padding-bottom:16px;}
.video img{ border:1px solid #2b2a2a;}
.latest-video  h3{ color:#FFF; font-size:18px; font-weight:300; padding-bottom:3px; padding-bottom:3px;}
.latest-video  p{ color:#808080; font-size:14px; line-height:20px;}
.section-top{ width:100%; float:left; padding-bottom:48px;}
.section-second{ width:98%; padding-right:2%; float:left;}
.section-second p{ color:#808080; font-size:14px; line-height:24px;}
.heading-second{ width:100%; float:left; padding-bottom:9px;}
.heading-second h2{ color:#787878; font-size:22px; font-weight:300;}




#horizontal-scroller{ width:100%; float:left; padding-top:15px;}
#horiz_container_outer{width:632px;overflow-x:hidden;overflow-y:hidden;position:relative;height:130px;}
#horiz_container{width:4040px;margin:0px;padding:0px;height:130px;}
#horiz_container ul{margin:0px; padding:0px;float:left;}
#horiz_container_inner{padding:5px; top:0 !important;padding-left:0px;}
#horiz_container li{list-style:none;display: inline-table;margin:0 30px 0 0; float:left;}
#horiz_container li img{padding:0px;margin:0px;}
#scrollbar {   position:relative;  width:633px; height:12px; display:block; font-size:1px; top:0px;}
#track {  position:absolute; left:0px; top:0; width:633px; height:12px;   background:url(../images/scrollerbg.png) no-repeat;}
#dragBar { position:absolute; left:0px; top:-3px !important;  width:357px !important; height:18px; background:url(../images/scroller.png) no-repeat;}  
#left_scroll{ position:absolute; border-color: transparent gray transparent transparent;border-style: solid;border-width: 5px;width: 0;height: 0px;cursor:pointer;top:1px;left:-15px;}  
#right_scroll { position:absolute; right:-15px; top:1px;border-color: transparent transparent transparent gray;border-style: solid;border-width: 5px;width: 0;height: 0px;cursor:pointer;}
#scrollbar, #track, #dragBar, #left, #right { -moz-user-select: none;  -khtml-user-select: none;}
#horiz_container img:hover{ opacity:0.7;}
.section-right{ float:right; width:240px;}

.player-main{ width:100%; float:left;}
#player{ width:100%; float:left;}
.follows{ width:100%; float:left;}
.follow-main{ width:100%; float:left; padding-bottom:10px;}
.twitter-main{ width:100%; float:left;}
ul.tweety{ width:100%; float:left;}
ul.tweety li{ width:100%; float:left; padding-bottom:5px;}
.tweety img {  margin-right: 10px;}
ul.tweety li h4{ color:#e2e2e2; font-size:14px; font-weight:300;}
ul.tweety li p{ color:#808080; font-size:14px; font-weight:300;}

.follow-twit{ background:url(../images/btn-big.png) no-repeat top; width:146px; height:36px; color:#808080; font-size:16px; text-align:center; line-height:35px; font-weight:300; display:block; float:right; margin-top:20px;}
.follow-twit:hover{ background:url(../images/btn-big.png) no-repeat bottom; color:#FFF;}

#footer{ width:100%; float:left; padding-top:63px;}
.inner-footer{ width:960px; margin:0 auto;}
.footer-main{ position:relative; width:100%; float:left; border-bottom:1px solid #2b2a2a; padding-bottom:17px;}

ul.footer-menu{ width:446px; margin:0 auto;}
ul.footer-menu li{ float:left; background:url(../images/menu-sep.png) no-repeat right center; padding:0 10px;}
ul.footer-menu li a{ display: block; color:#5c5c5c; font-size:14px; font-weight:300; }
ul.footer-menu li a:hover, ul.top-menu li a.current{ color:#FFF;}
.copy{ width:100%; float:left; color:#6d6969; font-size:12px; font-weight:300; text-align:center; padding:15px  0 27px  0;}
.copy a{color:#6d6969; font-size:12px; font-weight:300;}
.copy a:hover{ text-decoration:underline; color:#FFF;}
ul.social{  float: right; position: absolute; right: 0; top: 0;}
ul.social li{ float:left; padding-left:10px;}
ul.social li a{ display: block;}
.social img{ opacity:0.5;}
.social img:hover{ opacity:1;}