@charset "iso-8859-1";
/*  
Theme Name: Classic
Theme URI: http://www.podbean.com/
Description: A bright and fresh template with a prominent title box, full length sidebar and smooth styling.
Version: 1.0
Author: Podbean
Author URI: http://www.podbean.com/
is_new:YES
is_pro:YES
is_responsive:YES
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

body {
  background-color: #212124; 
  padding: 0;
  background-image: url(http://fs1.podbean.com/themes/classic/images/bg-dark.png); 
  background-repeat: repeat;
  font-family: 'Droid Serif', serif;
}
a {color: #212124; text-decoration: none;}
a:hover {color: #f3352f;}
a:hover, a:focus {text-decoration: none; outline: none;} 
#wrap {
}
#wrap-sign {
  background-color: #ffffff;
  word-break:keep-all;
  max-width: 1170px;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.container {width:76%; float: right;}
.user-main > .usersite-wrap > .usersite-container > .container {background-image: url(http://fs1.podbean.com/themes/classic/images/bg-light.png); 
  background-repeat: repeat; background-color: #ffffff;}
.pdt140 {
  padding-top: 140px;
}
.mgt30 {
  margin-top: 30px;
}

.footer {
  background-color: #1a1a1a;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 12px;
  color:#666666;
}
.footer a {
  color: #666;
  text-decoration: none;
}
.footer a:hover {
  color: #999;
}
/*----------Here is Detail Style----------*/
.user-main > .usersite-wrap  {max-width: 1170px; margin: 0px auto; }
.user-main > .usersite-wrap > .usersite-container {
  min-height: 100px;
  position: relative;
  z-index: 2;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header {
  overflow: hidden;
  position: relative;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header .tit a:hover, .user-main > .usersite-wrap > .usersite-container .usersite-header ul#nav li a:hover {color: #000000;}
.user-main > .usersite-wrap > .usersite-container .usersite-header .tit {
  padding:3% 2% 2%;
  width: 26%;
  background-color: #f3352f;
  font-weight: normal;
  color: #ffffff;
  margin: 0;
  font-family: 'Droid Serif', serif;
  font-size: 30px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header ul#nav {margin: 20px 10px 10px; position: absolute; left: 30%; bottom:0px;}
.user-main > .usersite-wrap > .usersite-container .usersite-header ul#nav li {list-style:none; display: inline-block; margin: 0px 5px;}
.user-main > .usersite-wrap > .usersite-container .usersite-header ul#nav li a {color:#f3352f; font-weight: bold;}
.user-main > .usersite-wrap > .usersite-container .usersite-header .subtit a {
  color: #8b8684;
  position: relative;
  padding-top: 4px;
  padding-left: 20px;
  text-decoration: none;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header a:hover {
  color: #cccccc;
  text-decoration: none;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header .tit a {color:#ffffff;}
.user-main > .usersite-wrap > .usersite-container .usersite-header .subtit a:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f17b";
  font-family: 'fonticon';
  font-size: 16px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel {
  overflow:hidden;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar {
  margin-bottom: 20px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar .pic {
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar .pic img {
	background:#eeeeee; border:1px solid #ffffff; width:198px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter {
  padding-bottom: 20px;
  overflow:hidden;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .counter,
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .divider {
	display:inline-block;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .counter em {
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .counter i {
  font-size: 14px;
  font-style: normal;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .divider {
  width: 0;
  height: 40px;
  border-left: 1px solid #999;
  margin: 5px 15px 0;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-infos {
  padding-bottom: 20px;
  font-size: 12px;
  color: #666;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-description {
  padding-bottom: 10px;
  font-size: 12px;
  color: #666;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .playlist-panel .content {
    margin: 0 10px;
    overflow: hidden;
    padding-top: 10px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .tc {
  text-align: center;
  vertical-align: middle;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .id {
  font-size: 24px;
  font-weight: bold;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .title {
  display: block;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .title:hover {
  text-decoration: none;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .listen,
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .download {
  font-size: 11px;
  color: #999;
  text-decoration: none;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .datetime {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #999;
  padding-left: 15px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .datetime:before {
  position: absolute;
  font-family: 'fonticon';
  content: "\e005";
  top: 0;
  left: 0;
  top: -2px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .listen > i,
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .download > i {
  width: 26px;
  height: 26px;
  font-size: 28px;
  color: #8fc31f;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .listen > i:hover,
.user-main > .usersite-wrap > .usersite-container .usersite-content .table-play .download > i:hover {
  color: #a7e424;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .pages-panel .info {
  float: left;
  font-size: 12px;
  margin-top: 30px;
}
.rightside-panel {
  padding: 2%; background-color: transparent;
  overflow: hidden;
  color: rgba(255,255,255,0.7);
  width: 20%;
  float: right; 
  max-width: 200px;
}
  .rightside-panel li.widget {list-style-type: none;}
.rightside-panel a {color: rgba(255,255,255,0.7);}
.rightside-panel .buttons-btn a, .rightside-panel .user-avatar a.shareLink {color: #333333;} 
.rightside-panel .ad-panel {
  margin-bottom: 30px;
  background-color: #eee;
}
.related-panel {
  font-family: 'Open Sans', sans-serif;
}
.rightside-panel h2, .wtf-widget .h3css {
  font-weight: normal;
  color: #ffffff;
  font-size:18px;
  border-bottom: none;
  margin: 15px 0 0 !important;
}
.related-panel > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.related-panel > ul > li {
  padding: 15px 0 15px 60px !important;
}
 .related-panel > ul > li .pic {
  float: left;
  margin-left: -60px;
  display: block;
}
.related-panel  > ul > li .tit {
  margin-bottom: 5px;
  font-size: 12px;
  display: block;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.related-panel > ul > li .description,
.related-panel > ul > li .count, .play-times .count {
  color: #999;
  font-size: 12px;
}
.related-panel > ul > li .description {
  margin-bottom: 5px;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
}
.related-panel > ul > li .count, .play-times .count {
  position: relative;
}
.related-panel > ul > li .iplay, .play-times .iplay {
  padding-left: 14px;
  padding-right: 10px;
}
.related-panel > ul > li .iplay:before, .play-times .iplay:before {
  font-family: 'fonticon';
  font-size: 9px;
  position: absolute;
  content: "\f184";
  left: 0;
}
.related-panel > ul > li .iuser {
  padding-left: 18px;
}
.related-panel > ul > li .iuser:before {
  font-family: 'fonticon';
  font-size: 14px;
  position: absolute;
  content: "\e028";
  left: 0;
  top: -2px;
}
#searchform input[type="submit"] {
	display: inline-block;
*display:inline;
	padding: 4px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
*background-color:#e6e6e6;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
*border:0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom:1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05)
}
/*------   leftside-panel start   ------*/
.leftside-panel {
    float: left;
    margin-left: 20px;
    padding-bottom: 50px;
    padding-right: 20px;
	width:200px;
}
.leftside-panel > div {float: left;}
.leftside-panel ul,.rightside-panel ul,.leftside-panel ul li, .rightside-panel ul li {list-style-type:none; margin:0px;}
.rightside-panel ul li {border-bottom: 1px solid rgba(0,0,0,0.2); padding: 5px 0px;}

.leftside-panel h2 {color:#000000; font-size:18px; font-weight:normal; border-bottom:1px solid #EEEEEE;} 
/*--------------- add css --------------------*/
.vcard-panel .btn {text-align:left; margin:3px 0px;}
.vcard-panel .btn-block {padding:4px 12px;}

#today {
    background: none repeat scroll 0 0 #f3352f;
    color: #FFFFFF;
}

/*----------------  playlist-panel  ------------------*/
.playlist-panel .thumbnail {float:left; margin-right:4%; width:18%; position:relative; margin-bottom:5px;}
.playlist-panel .entry {
    border-bottom: 1px solid #EEEEEE;
    margin: 20px 0 30px;
    overflow: hidden;
}
.playlist-panel .entry .info {float:right; width:68%; margin-right: 2%}
.playlist-panel .entry .info h2 {font-size:26px; margin:0px 0px 5px; line-height:1.3em; font-family: 'Droid Serif', serif;}
.icons-btn {margin:20px 0px;}
.play-times {float:right; position:relative;}
.buttons-btn a {margin:5px 0px;}







.postMeta {float: right; width: 30%; margin-top: 8px;}
.postMeta a {display: block;}
.postMeta span span.divider {display: none;}
.postMeta li {list-style-type: none; margin-bottom: 0.4em; font-size: 11px;}
.postMeta li .day {font-size: 12px;}
.postMeta li i {margin-right: 4px; color: #f3352f; font-size: 14px;}
.navigation {margin:15px 25px 30px;}
.entry .info .description, .entry .info .description-detail {
    color: #666666;
    font-size: 12px;
}
.entry .info .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.date {color:#999999; }
.ribbon {
    background: none repeat scroll 0 0 #920783;
    color: #FFFFFF;
    font-size: 11px;
    left: -25px;
    padding: 0 22px;
    position: absolute;
	box-shadow:0 1px 0 #C478BB inset, 0 2px 2px rgba(0, 0, 0, 0.3);
    top: 0;
    transform: rotate(-45deg) translateZ(0px);
	-webkit-transform: rotate(-45deg) translateZ(0px);
    width: 76px;
}
.powered-by {text-transform:uppercase; font-weight:bold; color: #f3352f}
.copyright {text-transform:uppercase; color:#ffffff;}
.copyright a {color:#ffffff;}
.leftside-panel select, .leftside-panel input, .leftside-panel textarea, .leftside-panel .uneditable-input, .rightside-panel select, .rightside-panel input, .rightside-panel textarea, .rightside-panel .uneditable-input {width:auto; margin:5px 0px;}
.links > ul > li {border-bottom:none;}
.rightside-panel .vcard-panel .user-avatar img {border-radius: 5px;}
.openAboutb {display: none; position: absolute; left: 6px; top: 3px;}
.openAboutb a:hover {text-decoration: none;}
.openAboutb a i {font-size: 20px; display: block;}  

.show_visits {border-right: 1px solid #555555}
.show_visits span, .BlogEpisodeCount span {color: #f3352f}
#profilebottomaction .btns-nomal a.pb-follow {background: #f3352f; color: #fff; border: 0px;}
#profilebottomaction .btns-nomal a.shares {}
#profilebottomaction .btns-nomal a:hover, #profilebottomaction .btns-nomal a.followed {background:#777777  !important; border: 1px solid #777777}

.rightside-panel ul.list a.follow {color: #f3352f}
.rightside-panel ul.list a.follow:hover {opacity: 0.8}

.users-block {
width: 200px;
margin: 0px auto 30px;
}

h3.facebook-comments {
    float: right;
    width: 70%;
}
.post-toolbar a {margin-bottom: 0.2em; color: #444444; font-family: 'Droid Serif',serif; margin-right: 8px;}
.post-toolbar a:hover {text-decoration: none; color: #F3352F}
.rightside-panel .openAboutb { 
position: fixed;
width: 100%;
background: #000000;
left: 0;
top: 0;
padding-left: 6px;
padding-top: 3px;
padding-bottom: 6px;
box-shadow: 0 2px 5px rgba(0,0,0,0.7);
}

@media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rightside-panel {width: 26%;}
  .container {width: 70%;}
  .postMeta {margin: 0px;}
  .postMeta, .playlist-panel .entry .info, h3.facebook-comments {width: 100%; margin-right: 0;}
  .postMeta ul {margin: 5px 0px;}
  .postMeta li {float: left; margin-right: 8px;}
	#sidebar-left .category-panel li, #sidebar-left .page-panel li, #sidebar-left .archive-panel li, #sidebar-left .links-panel li, #sidebar-left .subscribe-panel li, #sidebar-left .feed-panel li {display:inline-block; border:1px solid #dddddd !important; border-radius:3px; padding:3px 6px !important; background:#f5f5f5;}
	.leftside-panel {
	width:auto;
	float:none;
}
.leftside-panel ul,.rightside-panel ul,.leftside-panel ul li, .rightside-panel ul li {overflow:hidden;}
	 .user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel {
    margin-top: 20px;
} 
.user-main > .usersite-wrap > .usersite-container .usersite-content {
    margin-left: 20px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar {
    float: left;
    margin-right: 3%;
    width: 32%;
}
.postMeta a {display: inline;}


}
@media only screen and (max-width: 767px) {
  .user-main > .usersite-wrap > .usersite-container .usersite-header ul#nav {margin: 0px; position: relative; left: 0px; padding: 10px 5% 15px; bottom: 0px; width: 90%; text-align: center; float: left; background-color: #f3352f;}
 .user-main > .usersite-wrap > .usersite-container .usersite-header ul#nav li a {color: #ffffff}
 .user-main > .usersite-wrap > .usersite-container .usersite-header .tit {font-size:32px; padding:8% 0 2%;width: 100%; text-align:center;}
 .playlist-panel .entry .info h2 {font-size:20px;} 
  .openAboutb {display: block;}
  .rightside-panel {display: none; background-color: #212124; max-width: none; }
  .rightside-panel, .usersite-content {padding: 10px;}
  .container {width: 100%;}
  .postMeta {margin: 0px;}
  .postMeta, .playlist-panel .entry .info, h3.facebook-comments {width: 100%; margin-right: 0}
  .postMeta ul {margin: 5px 0px;}
  .postMeta li {float: left; margin-right: 8px;}
  .postMeta li i {margin-right: 1px;}
  .rightside-panel .vcard-panel .user-avatar img {margin: 10px 0px;}
	.category-panel li, .page-panel li, .archive-panel li, .links-panel li, .subscribe-panel li, .feed-panel li {display:inline-block; border:1px solid #dddddd !important; border-radius:3px; padding:3px 6px !important; background:#f5f5f5;}
	.usersite-content .span9, .usersite-content .span3 {
    width: 100%;
}
	.leftside-panel {
	width:auto;
	float:none;
	margin-left:0px;
}
.user-avatar .btn {display:block;}
.user-main > .usersite-wrap > .usersite-container .usersite-content {
    margin-left: 0px;
}
.leftside-panel ul,.rightside-panel ul,.leftside-panel ul li, .rightside-panel ul li {overflow:hidden;}
	 .user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel {
    margin-top: 20px;
} 
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar {
    float: left;
    margin-right: 3%;
    width: 32%;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .pages-panel .info, .pagination {
    float: none;
}

.user-main > .usersite-wrap > .usersite-container .usersite-content .playlist-panel .content {
    text-align: center;
}
.postMeta a {display: inline;}



/*TODO:tony edit at 2014-01-16*/
/*fixed height style*/
.user-main{overflow-x:hidden;}
.user-main > .usersite-wrap > .usersite-container{overflow-x:hidden;}
.user-main.push{overflow:hidden;}
.user-main > .usersite-wrap > .usersite-container > .rightside-panel{position:fixed;top:0;left:0;width:236px;display:block;padding:25px;overflow-y:scroll;height:100%;-webkit-overflow-scrolling: touch;
 z-index:1;visibility:hidden;
 -webkit-transition-property:visibility,-webkit-transform,opacity;
 -moz-transition-property:visibility,-moz-transform,opacity;
 -ms-transition-property:visibility,-ms-transform,opacity;
 -o-transition-property:visibility,-o-transform,opacity;
 transition-property:visibility,transform,opacity;
 -webkit-transition-duration:.4s;
 -moz-transition-duration:.4s;
 -ms-transition-duration:.4s;
 -o-transition-duration:.4s;
 transition-duration:.4s;
 -webkit-transition-timing-function:ease;
 -moz-transition-timing-function:ease;
 -ms-transition-timing-function:ease;
 -o-transition-timing-function:ease;
 transition-timing-function:ease;
 -webkit-transform: translateY(-5px) translateX(-25px);
 -moz-transform:translateY(-5px) translateX(-25px);
 -ms-transform:translateY(-5px) translateX(-25px);
 -o-transform:translateY(-5px) translateX(-25px);
 transform:translateY(-5px) translateX(-25px);
 -webkit-opacity:0.5;
 -moz-opacity:0.5;
 -ms-opacity:0.5;
 -o-opacity:0.5;
 opacity:0.5;
 -webkit-transform-origin:left center;
 -moz-transform-origin:left center;
 -ms-transform-origin:left center;
 -o-transform-origin:left center;
 transform-origin:left center; 
}
.user-main.push > .usersite-wrap > .usersite-container > .rightside-panel{
 z-index:1;visibility:visible;
 -webkit-transform:translateY(0) translateX(0);
 -moz-transform:translateY(0) translateX(0);
 -ms-transform:translateY(0) translateX(0);
 -o-transform:translateY(0) translateX(0);
 transform:translateY(0) translateX(0);
 -webkit-opacity: 1;
 -moz-opacity: 1;
 -ms-opacity: 1;
 -o-opacity: 1;
 opacity: 1;
}
.user-main > .usersite-wrap > .usersite-container > .container{
 z-index:2;
 position:relative;
 box-shadow:-1px 0 8px 5px rgba(0,0,0,0.8);
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -ms-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -o-backface-visibility: hidden;
 backface-visibility: hidden;
}
.user-main.push > .usersite-wrap > .usersite-container > .container{
 -webkit-transform:translateX(286px);
 -moz-transform:translateX(286px);
 -ms-transform:translateX(286px);
 -o-transform:translateX(286px);
 transform:translateX(286px);
}
#c-mask{width:100%;height:100%;position:absolute;z-index:9999;top:0;left:0;cursor:pointer;}





}
@media only screen and (max-width: 480px) {

	.leftside-panel {
	margin-left:0px;
	padding-right:0px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar {
    float: left;
    margin-right: 3%;
    width: 40%;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar {
	overflow:hidden;
}

.user-avatar .btn {display:block;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .counter em {
    font-size: 18px;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter .divider {
    margin: 5px 5px 0;
}
.user-main > .usersite-wrap > .usersite-container .usersite-content {
    margin-left: 0px;
}
.playlist-panel .thumbnail {
    width: auto;
}

.podPress_content, .icons-btn {float:left; width:100%;}
.playlist-panel .entry .info {
    float: none;
    width: 100%;
}
.user-main > .cover-panel {margin-bottom:-80px;}
}
.donations form, .donations label, #premium_wrap form {margin: 0px !important;}

}