@import url("skins/blue.css");

@import url("skins/boxed.css");

/* ######## Reset Styles #########  */ 
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  font-family: "Lucida Grande", 'Oxygen', sans-serif;
}

footer, header, menu, nav, section {
	display: block;
}

body {
	line-height: auto;
  text-rendering: optimizeLegibility;
	font-weight:400;
	background-color:#191919;
}
ol, ul {
	list-style: none;
}

/* Reset a Tags */
a { color:#efefef; text-decoration:none; }
a:focus { color:#fff; outline:0; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }

::-moz-selection { color: #f9f9f9;  background:#191919; }
 
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #a3a3a3;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px ; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #a3a3a3;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px; }
input, button, select, textarea {
   font-family: 'Oxygen', sans-serif;
  
}

/* ######## General Styles ######  */ 
 
.wrapper { width:1000px; margin:auto; }
.wrapper_slides { position: relative; width:1000px; height:380px; margin:auto; }
.wrapper_home { width:950px; padding: 35px 25px 0 25px; }
.clear { clear:both; }
.pattern { position:fixed; width:100%; background:url(../img/pattern.png) repeat; top:0; display:block; height:100%; z-index:-180;}

/* ######## popup menus ######  */
.popup_wrapper{
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: 9999;
}

.popup_wrapper .popup_content{
  position:relative; 
  margin: 0 auto 0 auto;
  width: 1000px;
  display: block;
}

/* ######## 3 - Header ######  */ 
.header { position:fixed; top:0; left:0; height:78px; width:100%; background-color:rgba(0,0,0,0.46); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */ box-shadow:0px -1px 0px rgba(0,0,0,0.2)inset, 0px 1px 0px rgba(255,255,255,0.05); z-index:9999;}
.logo { position: relative; padding:2px 0 0; float:left; width: 324px; height: 70px;}
.logo a {display: block;}
.logo img {height:70px;}
.logo span {position: absolute; bottom: 5px; right: -10px; font-size: 10px; color: #FFA50A; font-family: "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;}
 
.navi { width:660px; float:right; padding:24px 10px 0 0; }
.navi ul { float:right; }
.navi ul li:first-child { margin:0; }
.navi li { position: relative; height: 45px; font-size:14px; line-height:2.4; font-weight:400;  text-shadow:2px 2px 2px rgba(0,0,0,1); float:left; margin:0 0 0 20px;}
.navi li {opacity:0.8;}
.navi li a {font-family: "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;}
.navi li:hover {opacity:1;}
.navi li.active {opacity:1;}
.navi li:hover>div {opacity:0.8;}
.navi li.g_menu_wrapper {opacity:1;}
.navi li:hover.g_menu_wrapper>div {opacity:1;}
.navi li:hover.b_menu_wrapper>div {opacity:1;}

.search_box{
  width: 120px;
  height: 23px;
  margin: 2px 0 0 0;
  padding: 1px 5px 7px 10px;
  background: #444444;
  border: 1px solid #444444;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px; 
}

.search_box .search_field{
  width: 80px;
  height: 15px;
  padding: 6px 0 6px 0;
  color: #cccccc;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}

.search_box .search_btn{
  float: right;
  width: 32px;
  height: 22px;
  padding: 0;
  margin: 3px 0 0 0;
  background: transparent url(../img/icon_search.png) no-repeat center bottom;
  border: none;
  outline: none;
  cursor: pointer;
}

.icon_login{
  display: block;
  width: 31px;
  height: 45px;
  background: transparent url(../img/icon_login.png) no-repeat center 7px;
}

.icon_signup{
  display: block;
  width: 45px;
  height: 45px;
  background: transparent url(../img/icon_signup.png) no-repeat center 7px;
}

.icon_gear{
  display: block;
  width: 31px;
  height: 45px;
  background: transparent url(../img/icon_gear.png) no-repeat center 7px;
}

.g_menu{
  display: none;
  position: absolute;
  top: 77px;
  left: 790px;
  width: 190px;
  heihght: 300px;
  z-index: 9999;
}

.g_menu.navi{
  margin: 0;
  padding: 0;
}

.g_menu .arrow{
  display: block;
  height: 10px;
  background: transparent url(../img/gear_arrow.png) no-repeat 100px bottom;
}

.g_menu ul{
  padding: 5px 0 5px 0;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
}

.g_menu ul li{
  display: block;
  width: 190px;
  height: 25px;
  margin: 0 0 3px 0;
}

.g_menu ul li a{
  display: block;
  height: 25px;
  padding: 0 0 0 60px;
  font-weight: bold;
  line-height: 25px;
}

.g_menu ul li a.icon_homepage{
  background: transparent url(../img/icon_homepage.png) no-repeat 23px center;
}

.g_menu ul li a.icon_profile_m{
  background: transparent url(../img/icon_profile_m.png) no-repeat 23px center;
}

.g_menu ul li a.icon_profile_f{
  background: transparent url(../img/icon_profile_f.png) no-repeat 23px center;
}

.g_menu ul li a.icon_inbox{
  background: transparent url(../img/icon_inbox.png) no-repeat 23px center;
}

.g_menu ul li a.icon_boombox{
  background: transparent url(../img/icon_boombox.png) no-repeat 23px center;
}

.g_menu ul li a.icon_favorites{
  background: transparent url(../img/icon_favorites.png) no-repeat 23px center;
}

.g_menu ul li a.icon_friends{
  background: transparent url(../img/icon_friends.png) no-repeat 23px center;
}

.g_menu ul li a.icon_recomended{
  background: transparent url(../img/icon_recommended.png) no-repeat 23px center;
}

.g_menu ul li a.icon_playlists{
  background: transparent url(../img/icon_playlists.png) no-repeat 23px center;
}

.g_menu ul li a.icon_settings{
  background: transparent url(../img/icon_settings.png) no-repeat 23px center;
}

.g_menu ul li a.icon_ranking{
  background: transparent url(../img/icon_ranking.png) no-repeat 23px center;
}

.g_menu ul li a.icon_logout{
  background: transparent url(../img/icon_logout.png) no-repeat 23px center;
}

.s_menu{
  display: none;
  position: absolute;
  top: 77px;
  left: 650px;
  width: 350px;
  z-index: 9999;
  font-size: 12px;
}

.s_menu.navi{
  padding: 0;
  margin: 0;
  opacity: 0.8;
}

.s_menu.navi:hover{
  opacity: 1;
}

.s_menu .arrow{
  display: block;
  height: 10px;
  background: transparent url(../img/gear_arrow.png) no-repeat 100px bottom;
}

.s_menu .s_menu_i{
  padding: 10px 0 10px 0;
  background: #000000;
  border: 5px solid #000000;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  background: #ffffff;
}

.s_menu .s_item{
  display: block;
  margin: 0;
  padding: 5px;
}

.s_menu .s_item:hover{
  background: #f0f0f0;
}

.s_menu .s_item .s_image{
  display: block;
  float: left;
  width: 45px;
  height: 45px;
}

.s_menu .s_item .s_image img{
  width: 45px;
  height: 45px;
  border: none;
}

.s_menu .s_item .s_text{
  display: block;
  float: right;
  width: 267px;
  margin: 0 0 0 3px;
}

.s_menu .s_item .s_text a{
  display: block;
  height: 40px;
  padding: 5px 0 0 0;
  color: #0088CC;
  text-decoration: none;
}

.s_menu .s_item .s_text a:hover{
  text-decoration: none;
}

.s_menu .s_item .s_text a span{
  color: #000000;
  font-weight: bold;
}

.b_menu{
  display: none;
  position: absolute;
  top: 77px;
  left: 320px;
  width: 460px;
  z-index: 9999;
}

.b_menu.navi{
  padding: 0;
  margin: 0;
  opacity: 0.8;
}

.b_menu.navi:hover{
  opacity: 1;
}

.b_menu .arrow{
  display: block;
  height: 10px;
  background: transparent url(../img/gear_arrow.png) no-repeat 100px bottom;
}

.b_menu .b_menu_i{
  padding: 10px 5px 10px 5px;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
}

.b_menu ul{
  float: none;
}

.b_menu ul li{
  float: left;
  width: 100px;
  height: 20px;
  margin: 0 5px 5px 5px;
}

.b_menu ul li a,
.b_menu ul li a:visited{
  display: block;
  font-size: 13px;
  line-height: 20px;
}

.b_menu a.link_more,
.b_menu a:visited.link_more{
  margin: 5px 0 0 5px;
  color: #0088CC;
  font-size: 11px;
  text-decoration: none;  
}

.b_menu a:hover.link_more{
  text-decoration: underline;
}

.slide{display:none;}

#blog {  width:56px; height:36px; display:block; background:url(../img/header-button.png)no-repeat; } 
 
/* ######## Main Content ######  */ 
.suby2 { padding-top:142px!important; margin-top:78px; }
.main-content {padding:100px 0 40px; text-align:center; }
.main-content h3 { font-weight:300; font-size:40px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5),1px 1px 4px rgba(0,0,0,1); }
.main-content h3 strong { font-weight:600; }
.main-content p.subtitles { padding:10px 0 0 0; font-size:25px; font-weight:400; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,1); }

.main-content .slider_title{
  position: absolute;
  top: 80px;
  left: 0;
  height: 55px;
  line-height: 55px;
  padding: 0 4px;
  color: #FFFFFF;
  font-size: 45px;
  font-weight: 800;
  background-color: rgba(0, 0, 0, 0.3);
}
.main-content .slider_title.right{
  right:0;
  left: auto;
}

.main-content .slider_subtitle_1,
.main-content .slider_subtitle_2{
  position: absolute;
  top: 135px;
  left: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 4px;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 800;
  background-color: rgba(0, 0, 0, 0.3);
}

.main-content .slider_subtitle_2{
  top: 180px;
}

.main-content .slider_subtitle_1.right,
.main-content .slider_subtitle_2.right{
  right: 0;
  left: auto;
}

.main-content .slider_buttons{
  position: absolute;
  top: 260px;
  left: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 4px;
  background: none;
}

.main-content .slider_buttons.right{
  right: 0;
  left: auto;
}

.main-content .btn_prev{
  display: none;
  position: absolute;
  top: 340px;
  left: 0;
  padding: 0 10px 0 10px;;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
  opacity: 0.3;
  border: 1px solid #000000;
  border-radius: 3px;
}

.main-content .btn_next{
  display: none;
  position: absolute;
  top: 340px;
  right: 0;
  padding: 0 10px 0 10px;;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
  opacity: 0.3;
  border: 1px solid #000000;
  border-radius: 3px;
}

/* ######## Subscriber and Download ######  */ 
#subscriber-wrap { width:100%; position:relative; }
#subscriber { height:78px; box-shadow:0px -1px 0px rgba(0,0,0,0.2)inset, 0px 1px 0px rgba(255,255,255,0.05);   background-color:rgba(0,0,0,0.46);  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#8c000000'); /* IE */ margin:0 auto;  width:100%;  }
.stick { position:fixed; top:78px; left:0; right:0; z-index:999;	margin:0 auto; }
.suby { border-radius:0px 0px 0 0!important; background-color:rgba(0,0,0,0.88)!important;}
.subh { background-color:rgba(0,0,0,0.88)!important; }
.subscriber h4,
.subscriber h1 { float:left; font-weight:40; padding:25px 0 0 15px; font-size:16px; color:#ffffff; text-shadow:1px 1px 2px rgba(0,0,0,0.5),1px 1px 4px rgba(0,0,0,0.2); }
.subscriber h4 span,
.subscriber h1 span { font-size:20px; /*font-family: 'Petit Formal Script', cursive;*/ font-style: italic; }
.subscriber-buttons { float:right; padding:20px 15px 20px 15px; font-weight:300; margin:0 auto; font-size:16px; color:#ffffff; text-shadow:1px 1px 2px rgba(0,0,0,0.5),1px 1px 4px rgba(0,0,0,0.2);}

.buttons { margin:18px 0; float:right; }
.buttons p { float:right; color:#efefef; margin:13px 0; width:60px; text-align:center; }
.bt2 { margin: 0 0 0 0px; color:#191919; background-color:#fafafa; float:right;  ouitline:0; border:0;  border:1px solid #d9d9d9; border-bottom:3px solid #d9d9d9; border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset, 0 1px 3px rgba(0,0,0,0.9); width:140px; padding:10px 0; text-align:center; height:20px; text-shadow:1px 1px 0px rgba(255,255,255,0.8);  font-size:16px; }
.bt2:hover { color:#191919; }
.bt1 { margin: 0 0 0 0px; color:#efefef;  float:right;  ouitline:0;  border-radius:5px; box-shadow:0px 0px 2px rgba(255,255,255,0.5)inset, 0 1px 3px rgba(0,0,0,0.9); width:140px;  padding:10px 0; text-align:center; height:20px; text-shadow:1px 1px 0px rgba(0,0,0,0.1);  font-size:16px; }


/* ######## Features ######  */ 
.features { padding:40px 0 40px 0; height:430px; }
.features-sticky { padding:148px 0 0; }

.features h3 { text-align:center; font-size:22px; font-weight:300; }
h3 span { font-weight:600; }
h4 span { font-weight:600; }

.icon { background:none; }
.icon {   display:block; clear:both; height:111px; width:111px; margin:0 auto;}
.icon img { z-index:8; }
.featu { position: relative; width:30%; float:left; margin:65px 0 0; height:340px;}
.featu-div  { margin:80px 0 0; width:5%; height:120px; float:left; display:block; background: url(../img/featu_next.png) no-repeat scroll 0 15px ; }
.featu  h6,
.featu  h2 { text-transform:uppercase; margin:20px 0 0; font-size:15px; text-align:center; font-weight:bold;}
.featu  p { margin:10px 25px 0; font-size:12px; text-align:justified; font-weight:300;}

.step { margin:30px 18% ; height:24px; font-weight:400;  }
.step p { box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5); width:60px; margin:0 auto; border:1px solid #dcdcdc; padding:4px 10px; height:22px; border-radius:5px; box-shadow:0 0 2px rgba(255,255,255,0.1),0 15px 8px rgba(255,255,255,0.7)inset; background-color:#f0f1f1;
color:#9c9c9c; font-size:11px;   }
.featu-hover h6 {}
.featu-hover p {}
.featu-hover .step p { border:1px solid rgba(0,0,0,0.2); color:#fff; box-shadow:0 0 2px rgba(255,255,255,0.1),0 15px 8px rgba(255,255,255,0.1)inset; }
.title h3:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.98);    content: "";   height: 1px;      margin-top: 14px;    float:left;    width: 24%; }
.title h3:after {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.98);    content: "";    height: 1px;    margin-top: 14px;    float:right;    width: 24%; }

.featu .featu_button{position:absolute; left:102px; bottom:0; width:68px; height:29px;}

/* ######## Artist List  ######  */ 
.alist { padding:0;}
.alist_wrapper{ float: left; width: 975px; margin: 25px 0  0 25px; }
.alist_wrapper_nospace{ float: left; width: 975px; margin: 0 0  0 25px; }
.alist .title h3 { text-align:center; font-size:22px; font-weight:300; }
.alist .subtitle { display: block; height: 40px; margin: 0 0 10px 0; }
.alist .subtitle h3 { display: block; height: 25px; padding: 0 0 10px 0; font-size:22px; font-weight:300; }
.alist .subtitle .subtitle_text{ float: left; margin: 5px 0 0 0; }
.alist .subtitle .subtitle_btn{ height: 37px; float: right; font-size: 14px; margin: 0 22px 0 0; }
.alist .subtitle .subtitle_btn a{ }
.alist .subtitle .subtitle_navi{ float: right; font-size: 14px; margin: 5px 22px 0 0; }
.alist .subtitle .subtitle_navi a{ display: inline-block; height: 20px; margin: 5px 5px 0 0; padding: 0 20px 0 0; background: transparent url(../img/list_navi.png) no-repeat right top;color: #000000; }
.alist .subtitle .subtitle_navi a span{ font-weight: 600; }
.alist .item{ float: left; width: 222px; height: 260px; margin: 0 22px 22px 0; }
.alist .item.last{ margin: 0 0 35px 0; }
.alist .item .image { position: relative; width:220px; height: 167px; }
.alist .item .image .sub { position: absolute; bottom:0; left:0; width:220px; height: 40px; background:rgba(0,0,0,0.6); }
.alist .item .image .sub .img_social{ width:100px; margin:5px 0 0 60px; padding:0; text-align:center; }
.alist .item .image .sub a.social_fb { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_fb.png) no-repeat left top; }
.alist .item .image .sub a.social_fb:hover { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_fb_over.png) no-repeat left top; }
.alist .item .image .sub a.social_tw { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_tw.png) no-repeat left top; }
.alist .item .image .sub a.social_tw:hover { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_tw_over.png) no-repeat left top; }
.alist .item .image .sub a.social_gp { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_gp.png) no-repeat left top; }
.alist .item .image .sub a.social_gp:hover { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_gp_over.png) no-repeat left top; }
.alist .item .image .sub .new { float: right; display: block; margin: 2px 2px 0 0; width: 36px; height: 36px; background: transparent url(../img/icon_new.png) no-repeat left top; }
.alist .item .image .sub .new_yellow { float: right; display: block; margin: 2px 2px 0 0; width: 36px; height: 36px; background: transparent url(../img/icon_new_yellow.png) no-repeat left top; }
.alist .item .image .sub .top { float: right; display: block; margin: 2px 2px 0 0; width: 36px; height: 36px; background: transparent url(../img/icon_top.png) no-repeat left top; }
.alist .item .image img { width:220px; height: 167px; }
.alist .desc .a_name{ display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: bold; color: #000000; }
.alist .desc .a_name a,
.alist .desc .a_name a:visited { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.alist .desc .a_name a:hover { color: #2F9BE5; text-decoration: underline; }
.alist .desc .a_stats { display: block; font-size: 11px; }
.alist .desc .a_address { display: block; margin: 11px 0 11px 0; font-size: 11px; color: #666666; }
.alist .desc .a_genres { display: block; margin: 11px 0 11px 0; font-size: 11px; }
.alist .desc .a_genres a,
.alist .desc .a_genres a:visited { font-size: 11px; font-weight: bold; color: #2F9BE5; text-decoration: none; }
.alist .desc .a_genres a:hover { text-decoration: underline; }

.alist_promo_wrapper{ float: right; width: 160px; margin: 15px 35px 25px 0; padding: 5px; background: #eeeeee; }
.alist_promo{}
.alist_promo .title{ display: block; margin: 11px 0 11px 0; font-size:14px; text-align: center; }
.alist_promo .image{ display: block; width: 160px;}
.alist_promo .image img { width: 160px; }
.alist_promo .a_name{ display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: bold; color: #000000; }
.alist_promo .a_name a,
.alist_promo .a_name a:visited { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
.alist_promo .a_name a:hover { color: #2F9BE5; text-decoration: underline; }
.alist_promo .a_artist { display: block; font-size: 11px; }
.alist_promo .a_stats { display: block; font-size: 11px; color: #666666; }
.alist_promo .a_btn { margin: 10px 0 0 0; }

.alist_banner_wrapper{ float: right; width: 160px; margin: 20px 35px 25px 0; padding: 5px; }
.alist_banner_wrapper_nospace{ float: right; width: 160px; margin: 0 35px 25px 0; padding: 5px; }

/* ######## Album List  ######  */ 
.alblist { padding:0;}
.alblist_wrapper{ float: left; width: 975px; margin: 25px 0  0 25px; }
.alblist_wrapper_nospace{ float: left; width: 975px; margin: 0 0  0 25px; }
.alblist .title h3 { text-align:center; font-size:22px; font-weight:300; }
.alblist .subtitle { display: block; height: 40px; margin: 0 0 10px 0; }
.alblist .subtitle h3 { display: block; height: 25px; padding: 0 0 10px 0; font-size:22px; font-weight:300; }
.alblist .subtitle .subtitle_text{ float: left; margin: 5px 0 0 0; }
.alblist .subtitle .subtitle_btn{ height: 37px; float: right; font-size: 14px; margin: 0 22px 0 0; }
.alblist .subtitle .subtitle_btn a{ }
.alblist .subtitle .subtitle_navi{ float: right; font-size: 14px; margin: 5px 22px 0 0; }
.alblist .subtitle .subtitle_navi a{ display: inline-block; height: 20px; margin: 5px 5px 0 0; padding: 0 20px 0 0; background: transparent url(../img/list_navi.png) no-repeat right top;color: #000000; }
.alblist .subtitle .subtitle_navi a span{ font-weight: 600; }
.alblist .item{ float: left; width: 222px; height: 315px; margin: 0 22px 22px 0; }
.alblist .item.last{ margin: 0 0 35px 0; }
.alblist .item .image { position: relative; width:220px; height: 220px; }
.alblist .item .image .sub { position: absolute; bottom:0; left:0; width:220px; height: 40px; background:rgba(0,0,0,0.6); }
.alblist .item .image .sub .img_social{ width:100px; margin:5px 0 0 60px; padding:0; text-align:center; }
.alblist .item .image .sub a.social_fb { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_fb.png) no-repeat left top; }
.alblist .item .image .sub a.social_fb:hover { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_fb_over.png) no-repeat left top; }
.alblist .item .image .sub a.social_tw { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_tw.png) no-repeat left top; }
.alblist .item .image .sub a.social_tw:hover { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_tw_over.png) no-repeat left top; }
.alblist .item .image .sub a.social_gp { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_gp.png) no-repeat left top; }
.alblist .item .image .sub a.social_gp:hover { display: inline-block; width: 29px; height: 29px; background: transparent url(../img/icon_social_gp_over.png) no-repeat left top; }
.alblist .item .image .sub .new { float: right; display: block; margin: 2px 2px 0 0; width: 36px; height: 36px; background: transparent url(../img/icon_new.png) no-repeat left top; }
.alblist .item .image .sub .new_yellow { float: right; display: block; margin: 2px 2px 0 0; width: 36px; height: 36px; background: transparent url(../img/icon_new_yellow.png) no-repeat left top; }
.alblist .item .image .sub .top { float: right; display: block; margin: 2px 2px 0 0; width: 36px; height: 36px; background: transparent url(../img/icon_top.png) no-repeat left top; }
.alblist .item .image img { width:220px; height: 220px; }
.alblist .desc .a_name{ display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: bold; color: #000000; }
.alblist .desc .a_name a,
.alblist .desc .a_name a:visited { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.alblist .desc .a_name a:hover { color: #2F9BE5; text-decoration: underline; }
.alblist .desc .a_stats { display: block; font-size: 11px; }
.alblist .desc .a_stats a, .alblist .desc .a_stats a:visited { color:#000000; }
.alblist .desc .a_stats a:hover { color:#2F9BE5; text-decoration:underline; }
.alblist .desc .a_address { display: block; margin: 11px 0 11px 0; font-size: 11px; color: #666666; }
.alblist .desc .a_genres { display: block; margin: 11px 0 11px 0; font-size: 11px; }
.alblist .desc .a_genres a,
.alblist .desc .a_genres a:visited { font-size: 11px; font-weight: bold; color: #2F9BE5; text-decoration: none; }
.alblist .desc .a_genres a:hover { text-decoration: underline; }

.alblist_promo_wrapper{ float: right; width: 160px; margin: 15px 35px 25px 0; padding: 5px; background: #eeeeee; }
.alblist_promo{}
.alblist_promo .title{ display: block; margin: 11px 0 11px 0; font-size:14px; text-align: center; }
.alblist_promo .image{ display: block; width: 160px;}
.alblist_promo .image img { width: 160px; }
.alblist_promo .a_name{ display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: bold; color: #000000; }
.alblist_promo .a_name a,
.alblist_promo .a_name a:visited { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
.alblist_promo .a_name a:hover { color: #2F9BE5; text-decoration: underline; }
.alblist_promo .a_artist { display: block; font-size: 11px; }
.alblist_promo .a_stats { display: block; font-size: 11px; color: #666666; }
.alblist_promo .a_btn { margin: 10px 0 0 0; }

.alblist_banner_wrapper{ float: right; width: 160px; margin: 20px 35px 25px 0; padding: 5px; }
.alblist_banner_wrapper_nospace{ float: right; width: 160px; margin: 0 35px 25px 0; padding: 5px; }

/* ######## Video List  ######  */ 
.vlist { padding:0;}
.vlist_wrapper{ float: left; width: 975px; margin: 25px 0  0 25px; }
.vlist_wrapper_nospace{ float: left; width: 975px; margin: 0 0  0 25px; }
.vlist .title h3 { text-align:center; font-size:22px; font-weight:300; }
.vlist .subtitle { display: block; height: 40px; margin: 0 0 10px 0; }
.vlist .subtitle h3 { display: block; height: 25px; padding: 0 0 10px 0; font-size:22px; font-weight:300; }
.vlist .subtitle .subtitle_text{ float: left; margin: 5px 0 0 0; }
.vlist .subtitle .subtitle_btn{ height: 37px; float: right; font-size: 14px; margin: 0 22px 0 0; }
.vlist .subtitle .subtitle_btn a{ }
.vlist .subtitle .subtitle_navi{ float: right; font-size: 14px; margin: 5px 25px 0 0; }
.vlist .subtitle .subtitle_navi a{ display: inline-block; height: 20px; margin: 5px 5px 0 0; padding: 0 20px 0 0; background: transparent url(../img/list_navi.png) no-repeat right top;color: #000000; }
.vlist .subtitle .subtitle_navi a span{ font-weight: 600; }
.vlist .item{ float: left; width: 160px; height: 170px; margin: 0 38px 30px 0; }
.vlist .item.last{ margin: 0 0 30px 0; }
.vlist .item .image { position: relative; width:160px; }
.vlist .item .image .play_video { position: absolute; top:15px; left:50px; width:61px; height:61px; background:transparent url(../img/play_video.png) no-repeat; }
.vlist .item .image img { width:160px; max-height: 167px; }
.vlist .desc .a_title{ display: block; max-height: 35px; overflow: hidden; margin: 5px 0 0 0; font-size: 14px; font-weight: bold; color: #000000; }
.vlist .desc .a_title a,
.vlist .desc .a_title a:visited { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
.vlist .desc .a_title a:hover { color: #2F9BE5; text-decoration: underline; }
.vlist .desc .a_artist { display: block; font-size: 11px; }
.vlist .desc .a_views { display: block; font-size: 11px; color: #666666; }

.vlist_promo_wrapper{ float: right; width: 160px; margin: 35px 35px 25px 0; padding: 5px; background: #eeeeee; }
.vlist_promo{}
.vlist_promo .title{ display: block; margin: 11px 0 11px 0; font-size:14px; text-align: center; }
.vlist_promo .image{ display: block; width: 160px;}
.vlist_promo .image img { width: 160px; }
.vlist_promo .a_name{ display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: bold; color: #000000; }
.vlist_promo .a_name a,
.vlist_promo .a_name a:visited { font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
.vlist_promo .a_name a:hover { color: #2F9BE5; text-decoration: underline; }
.vlist_promo .a_artist { display: block; font-size: 11px; }
.vlist_promo .a_stats { display: block; font-size: 11px; color: #666666; }
.vlist_promo .a_btn { margin: 10px 0 0 0; }

.ontour  {
  position: absolute;
  font-size: 9px;
  color: #ffffff;
  background: #cc0033;
  padding: 3px;
  margin-left: 5px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px; 
  border-radius:3px;
}

/* ######## Ads  ######  */
.ads { padding: 0; }
.ads .title h3 { text-align:center; font-size:22px; font-weight:300; }
.ads .item{ float: left; width: 160px; margin: 0 37px 15px 0; }
.ads .item.last{ margin: 0 0 30px 0; }

.ads .item .image{ display:block; width: 160px; margin: 0 0 3px 0; }
.ads .item .image img{ width: 160px; }
.ads .text_1{ display:block; font-size: 12px; font-weight: bold; text-align: center; }
.ads .text_1 a,
.ads .text_1 a:visited{ font-size: 12px; font-weight: bold; color:#000000; text-decoration:none; }
.ads .text_1 a:hover { color:#2F9BE5; text-decoration:underline; }
.ads .text_2{ display:block; font-size: 11px; text-align: center; }
.ads .text_2 a,
.ads .text_2 a:visited{ font-size: 11px; color:#666666; text-decoration:none; }

/* ######## Footer  ######  */
.footer { display:block; width: 950px; margin: 0 auto 0 auto; padding: 25px; background: #F2F2F2; font-size: 11px; color: #666666; }
.footer a,
.footer a:visited { color: #666666; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer .footer_top{ display:block; margin: 0 0 15px 0; text-align:center; }
.footer .footer_top span{ font-weight: bold; }
.footer .footer_top a,
.footer .footer_top a:visited { color:#2F9BE5; text-decoration:none; }
.footer .footer_top a:hover { text-decoration:underline; }
.footer .footer_text{ float: left; width: 350px; margin: 20px 20px 20px 0;}
.footer .footer_col{ float: left; width: 130px; margin: 20px 20px 20px 0;}
.footer .footer_col.last{ margin: 20px 0 20px 0;}
.footer .line{ display:block; width:950px; height:1px; background: rgba(0,0,0,0.09); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.98); }
.footer .line_sub_left { float:left; width:500px; height:16px; margin: 5px 0 0 0; }
.footer .line_sub_right { float:right; width:400px; height:16px; margin: 5px 0 0 0; text-align:right; }
.footer .line_sub_right img {vertical-align:middle;}

/* ######## Video PopUp  ######  */
#popi-bg {
  background: url("../img/bg-checker.png") repeat scroll 0 0 transparent;
  border: 1px solid #CECECE;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 700;
	opacity: 1;
}

.overlay_form{
  display:none;
  border-radius: 1px;
  border: 1px solid gray;
  padding: 10px;
  background: #fafafa;
  width:800px;
  background-color:#efefef;
  box-shadow:1px 0px 2px rgba(0,0,0,0.2);
}
 
.close2{   
  background: url("../img/close-contact.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: right;
  height: 26px;
  margin: 5px 0 0;
  width: 67px;
  cursor:pointer;
}

#popi-bg {  opacity: 0.7; display:none;}
.wrap { z-index:800;	margin: auto;padding-bottom:20px;}
.scroll-top  { z-index:900; position:fixed; bottom:15px; right:35px; display:none; width:52px; height:52px;  background: url("../img/scrolltop.png") no-repeat scroll 0 0 transparent; }
.scroll-top a  {  display:block;     width:52px; height:52px;  }
 
/* ######## Buttons ######## */
.btn_lblue{
  color: white;
  font: 14px "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px -1px 0px #4dbcff;
  font-weight: bold;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-font-smoothing: antialiased;
  -khtml-border-radius:3px; 
  border-radius:3px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #1c88d4;
  background: #4dbcff;
  background: -moz-linear-gradient(top,  #4dbcff 0%, #1c88d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dbcff), color-stop(100%,#1c88d4));
  background: -webkit-linear-gradient(top,  #4dbcff 0%,#1c88d4 100%);
  background: -o-linear-gradient(top,  #4dbcff 0%,#1c88d4 100%);
  background: -ms-linear-gradient(top,  #4dbcff 0%,#1c88d4 100%);
  background: linear-gradient(to bottom,  #4dbcff 0%,#1c88d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dbcff', endColorstr='#1c88d4',GradientType=0 );
  cursor: pointer;
}

.btn_lblue:hover {
  opacity:0.9;
  filter:alpha(opacity=90);
  color: white;
  text-decoration: none;
}

.btn_dblue{
  color: white;
  font: 14px "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px -1px 0px #549bdd;
  font-weight: bold;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-font-smoothing: antialiased;
  -khtml-border-radius:3px; 
  border-radius:3px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #2e5679;
  background: #549bdd;
  background: -moz-linear-gradient(top,  #549bdd 0%, #2e5679 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#549bdd), color-stop(100%,#2e5679));
  background: -webkit-linear-gradient(top,  #549bdd 0%,#2e5679 100%);
  background: -o-linear-gradient(top,  #549bdd 0%,#2e5679 100%);
  background: -ms-linear-gradient(top,  #549bdd 0%,#2e5679 100%);
  background: linear-gradient(to bottom,  #549bdd 0%,#2e5679 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#549bdd', endColorstr='#2e5679',GradientType=0 );
  cursor: pointer;
}

.btn_dblue:hover {
  opacity:0.9;
  filter:alpha(opacity=90);
  color: white;
  text-decoration: none;
}

.btn_grey{
  color: white;
  font: 14px "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px -1px 0px #7a7a7a;
  font-weight: bold;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-font-smoothing: antialiased;
  -khtml-border-radius:3px; 
  border-radius:3px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #2e2e2e;
  background: #7a7a7a;
  background: -moz-linear-gradient(top,  #7a7a7a 0%, #2e2e2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a7a), color-stop(100%,#2e2e2e));
  background: -webkit-linear-gradient(top,  #7a7a7a 0%,#2e2e2e 100%);
  background: -o-linear-gradient(top,  #7a7a7a 0%,#2e2e2e 100%);
  background: -ms-linear-gradient(top,  #7a7a7a 0%,#2e2e2e 100%);
  background: linear-gradient(to bottom,  #7a7a7a 0%,#2e2e2e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#2e2e2e',GradientType=0 );
  cursor: pointer;
}

.btn_grey:hover {
  opacity:0.9;
  filter:alpha(opacity=90);
  color: white;
  text-decoration: none;
}

.btn_red,
.btn_green.unfollow:hover,
.btn_green.unattending:hover{
  color: white;
  font: 14px "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px -1px 0px #c80a31;
  font-weight: bold;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-font-smoothing: antialiased;
  -khtml-border-radius:3px; 
  border-radius:3px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #9a0106;
  background: #c80a31;
  background: -moz-linear-gradient(top,  #c80a31 0%, #9a0106 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c80a31), color-stop(100%,#9a0106));
  background: -webkit-linear-gradient(top,  #c80a31 0%,#9a0106 100%);
  background: -o-linear-gradient(top,  #c80a31 0%,#9a0106 100%);
  background: -ms-linear-gradient(top,  #c80a31 0%,#9a0106 100%);
  background: linear-gradient(to bottom,  #c80a31 0%,#9a0106 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c80a31', endColorstr='#9a0106',GradientType=0 );
  cursor: pointer;
}

.btn_red:hover {
  opacity:0.9;
  filter:alpha(opacity=90);
  color: white;
  text-decoration: none;
}

.btn_green{
  color: white;
  font: 14px "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px -1px 0px #4cb100;
  font-weight: bold;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-font-smoothing: antialiased;
  -khtml-border-radius:3px; 
  border-radius:3px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #1a7600;
  background: #4cb100;
  background: -moz-linear-gradient(top,  #4cb100 0%, #1a7600 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cb100), color-stop(100%,#1a7600));
  background: -webkit-linear-gradient(top,  #4cb100 0%,#1a7600 100%);
  background: -o-linear-gradient(top,  #4cb100 0%,#1a7600 100%);
  background: -ms-linear-gradient(top,  #4cb100 0%,#1a7600 100%);
  background: linear-gradient(to bottom,  #4cb100 0%,#1a7600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb100', endColorstr='#1a7600',GradientType=0 );
  cursor: pointer;
}

.btn_green:hover {
  opacity:0.9;
  filter:alpha(opacity=90);
  color: white;
  text-decoration: none;
}

.btn_lblue.fixed_160,
.btn_dblue.fixed_160,
.btn_grey.fixed_160,
.btn_green.fixed_160,
.btn_red.fixed_160{
  display: inline-block !important;
  width: 140px !important;
  padding: 10px 10px 10px 10px !important;
}

.btn_lblue.right_5,
.btn_dblue.right_5,
.btn_grey.right_5,
.btn_green.right_5,
.btn_red.right_5{
  margin: 0 5px 0 0; 
}

.btn_lblue.block,
.btn_dblue.block,
.btn_grey.block,
.btn_green.block,
.btn_red.block{
  display: block;
}

.grey_button {
  font: 14px "Lucida Grande", "Gisha", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, Verdana, sans-serif;
  // -webkit-font-smoothing: antialiased;
  color: #000000;
  text-align: center;
  text-shadow: 0px 1px 0px #ffffff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px; 
  border-radius:3px;
  background: #fafafa;
  padding: 5px 10px 5px 10px;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
}

.grey_button:hover, a.grey_button:hover {
  text-decoration: none;
  color: #000000;
  background: #eeeeee;
}

.share_bar{
  display: block;
  position: absolute;
  left: 997px;
  top: 620px;
  width: 32px;
  padding: 5px;
  background: #FFFFFF;
  border-radius: 8px;
  z-index: 9999;
}

.share_fb{
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 5px 0;
  background: transparent url(/img/share_facebook.png) no-repeat left top;
}

.share_tw{
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 5px 0;
  background: transparent url(/img/share_twitter.png) no-repeat left top;
}

.share_gp{
  display: block;
  width: 32px;
  height: 32px;
  background: transparent url(/img/share_googlep.png) no-repeat left top;
}