@charset "iso-8859-1";
/*  
Theme Name: Rockin
Theme URI: http://www.podbean.com/
Description: A visually exciting theme on your unique background; simple episode list and sidebars to highlight your content while using showing off your personal style.
Version: 3.0
Author: Podbean
Author URI: http://www.podbean.com/
is_new:YES
is_pro:YES
is_responsive:YES
*/

body {
  background-color: #eeeeee; 
  padding: 0;
  background-repeat: repeat;
  background-attachment: fixed;
  color: #f4f4f4; 
}
a {color: #ffffff;}
a:hover,a:focus {text-decoration: none; color:#ffffff;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h3 {font-size: 20px;}
.playlist-panel .podPress_content {display: none;}
#wrap-bg {
 background-image: url(images/bg.jpg);
 background-position: center -200px;
 background-repeat: no-repeat;
 background-size: cover;
 position: fixed;
 height: 100%;
 width: 100%;
 z-index: -1;
}
.usersite-content {margin-top: 50px;}
.usersite-content .main-panel, .rightside-panel .widget, .rightside-panel .wtf-widget, .rightside-panel > div {border-radius: 5px; background-color: #303030; margin-bottom: 30px;}
.usersite-content .main-panel .playlist-panel, .rightside-panel > div > ul, .wtf-widget .ul, .rightside-panel .widget form, .rightside-panel > div form {padding: 20px 25px; margin: 0px;}
.usersite-content .main-panel > h2, .rightside-panel .widget h2, .rightside-panel > div h2, .rightside-panel .wtf-widget h2, .wtf-widget .h3css {background-color: #34c2bf; font-family: 'Bangers', cursive; margin: 0px; color: #ffffff; padding: 8px 25px; font-size: 32px; border-radius: 5px;}
.usersite-content .span9 {width:60%; margin:0px; position: relative;}
.usersite-content .span3 {width:37%; margin:0px 0px 0px 3%;}
.pdt140 {
  padding-top: 140px;
}
.post-toolbar, .post-toolbar a {color: #999999; font-size: 12px;}
.post-toolbar .divider {margin: 0px 2px;}
.post-toolbar a:hover {color: #666666}
.mgt30 {
  margin-top: 30px;
}
.footer {padding: 10px 0; float: left; width: 100%; background-color: #303030; font-size: 12px;}
.footer a {
  color: #aaaaaa;
  text-decoration: none;
}
.footer a:hover {
  color: #999999;
}
.post_toolbar_like + .divider {display: none;}
.post_toolbar_share, .post_toolbar_comment, .post_toolbar_embed, .post_toolbar_download {position: relative; padding-left: 15px;}
.post_toolbar_like {position: absolute; right: 0; top: 0; padding-left: 15px;}
.post_toolbar_like:before {color: #999999}
.post_toolbar_like:before, .post_toolbar_share:before, .post_toolbar_comment:before, .post_toolbar_embed:before, .post_toolbar_download:before {font-size:13px; top:2px; position: absolute; left: 0;}
.post_toolbar_like.liked {color: #ffffff;}
.post_toolbar_like.liked:before {color: #34c2bf}

.user-infos {display: none;}
/*----------Here is Detail Style----------*/

.container {max-width: 980px;}

.user-main > .usersite-wrap > .usersite-container .usersite-header {
  padding: 20px 0 0 220px;
  /*width: 940px;*/
  height: 80px;
  overflow: hidden;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header .subtit a {
  color: #8b8684;
  position: relative;+fffty
  padding-top: 4px;
  padding-left: 20px;
  text-decoration: none;
}
.user-main > .usersite-wrap > .usersite-container .usersite-header a:hover {
  color: #cccccc;
}
.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;
}

.sidebar-tit {display: block; margin-top: 24px;}
.sidebar-tit h1 {
    font-size: 58px;
    font-weight: normal;
    line-height: 62px;
    text-align: left;
    font-family: 'Bangers', cursive;
    margin-right: 250px;
}
.sidebar-tit h1 a {color: #303030}
.rightside-panel .ad-panel {
  margin-bottom: 30px;
  background-color: #eee;
}
.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)
}

.wtf-widget .ul.list li .tit {font-size: 14px;}
/*--------------- 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 lightblue;
    color: #FFFFFF;
}

/*----------------  main-panel  ------------------*/
.main-panel .thumbnail {float:left; margin-right:4%; border:2px solid rgba(244, 244, 244, 1); padding: 0px; border: none; border-radius: 0px; width:22%; position:relative; margin-bottom:20px;}

.main-panel .entry .info {float:left; width:74%; position: relative;}
.main-panel .entry .info .text-area {height: 55px; overflow: hidden; margin-bottom: 10px;}
.play-media {position: absolute; top: 50%; left: 50%; font-size: 34px; margin: -17px 0 0 -17px;}
.play-media i {color: #ffffff; opacity: 0.7}
.main-panel .entry .info h2 {font-size:17px; margin:0px 0px 15px; line-height:1.3em; font-weight:normal;}
.icons-btn {margin:20px 0px; display: none;}
.play-times {float:right; position:relative;}
.buttons-btn a {margin:5px 0px;}

.btn-playnow {background-color: rgba(44, 96, 147, 1); margin-bottom: 20px; border:2px solid rgba(44, 96, 147, 1); box-shadow: none; text-transform: uppercase; float: right; background-image: none; text-shadow:none; color: #ffffff;}
.btn-playnow:hover {background-color: transparent; color: #ffffff}

.main-panel .entry, .single-panel .entry {
    overflow: hidden;
}
.main-panel .entry {border-bottom: 1px solid rgba(136, 214, 213, 0.5); margin-bottom: 20px;}
.main-panel .single-panel .entry .info {
    background:#121212;
    padding: 3%;
    width: 94%;
    color: #eeeeee
}
.main-panel .single-panel .entry .info .icons-btn {
    border-top: 2px solid #333333;
    margin: 10px 0;
    padding-top: 10px;
    display: block;
}
.single-panel h3 {margin: 0px 3%}
.single-panel .post_toolbar_like {top: 10px; right: 10px;}

.main-panel .single-panel .post_toolbar_like.liked {color: #ffffff;}
.main-panel .single-panel .entry .info h2 a {color: #ffffff;}
.main-panel .single-panel .entry .info p {background-color: transparent; border:none; height: auto; border-radius: 0;}
.single-panel .post-toolbar {border-bottom: none; padding-bottom: 0px;}
    
.single-panel + .playlist-panel {
    border-top: 1px solid #eeeeee;
    margin-top: 50px;
    padding-top: 20px;
}

.single-panel + .playlist-panel {border-top:1px solid #000000;}

.donations form, .donations label, #premium_wrap form {margin: 0px !important; }

.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; font-size:12px;}
.play-inner .date {display: none;}
.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;}
.copyright {text-transform:uppercase; color:#ffffff;}
.copyright a {color:#ffffff;}
.links > ul > li {border-bottom:none;}
.navbar-toggle {
    background-color: #DDDDDD;
    background-image: none;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    height: 20px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 7px 6px;
    position: relative;
    width: 20px;
}
.navbar-toggle:hover .icon-bar {background-color: #ffffff;}
.navbar-toggle .icon-bar:first-child {margin-top: 3px;}
.navbar-toggle .icon-bar {
    background-color: #999999;
    border-radius: 10px;
    display: block;
    height: 3px;
    margin-left: 1px;
    margin-top: 2px;
    width: 18px;
}

.bg-line {
    background-color: #dddddd;
    height: 1px;
    left: 0;
    position: absolute;
    top: 26px;
    width: 100%;
}
.navbar-toggle:before {
    background-color: #FFFFFF;
    content: "";
    display: block;
    height: 20px;
    left: -10px;
    position: absolute;
    width: 10px;
    top: 5px;
}
.navbar-toggle:after {
    background-color: #FFFFFF;
    content: "";
    display: block;
    height: 20px;
    right: -10px;
    position: absolute;
    width: 10px;
    top: 5px;
}
.show_visits {display: none;}
.BlogEpisodeCount {width: auto; color: rgba(44, 96, 147, 1);position: relative; font-size: 50px; font-family: "Bangers",cursive}
.leftside-panel li, .rightside-panel li {list-style-type: none; line-height: 1.6}
table.profileinfo {font-family: Tahoma,sans-serif}
#profilebottomaction {width: auto; overflow: hidden;}
#profilebottomaction .btns-nomal {
    overflow: hidden;
    display: inline-block;
}
#profilebottomaction .btns-nomal a.shares,#profilebottomaction .btns-nomal a.RSSs {
    background-color: rgba(44, 96, 147, 1) !important;
    background-image: none;
    width: 90px !important;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: none;
    text-align: center;
    border:none;}
#profilebottomaction .btns-nomal a:hover {
   opacity: 0.8;
  }
#profilebottomaction .btns-nomal a i {font-size: 18px;} 
#profilebottomaction .btns-nomal a.pb-follow {background: #34c2bf; height: 40px; line-height: 40px; font-size: 18px; width: 110px; color: #fff; border: 0px;}
#profilebottomaction .btns-nomal a {height: 40px; line-height: 40px; font-size: 18px;}
#profilebottomaction .btns-nomal .logout{
  font-size: 14px;
}
#profilebottomaction .btns-nomal .logout em{
  margin-top: 1px !important;
}
.BlogEpisodeCount span {font-size: 50px !important;position: relative; margin-right: 5px; display: inline-block; font-weight:normal; height: auto; line-height:normal;}
.wtf-widget .more-block {padding: 10px 25px;}
#searchform input {margin:10px 0px 0px 0px;}
.show_block {float: left; width: auto; margin:0 40px 0 0; overflow: visible;}
.vcard-panel {background-color: rgba(255,255,255,0.85); min-height: 190px; margin-top: 158px; border-bottom: 5px solid rgba(44, 96, 147, 1); border-top: 0 solid rgba(44, 96, 147, 1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.7)}
.user-avatar {position: relative;}
.user-avatar .show_image {position: absolute; border:9px solid #f4f4f4; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); right: 0px; top: -38px; width: 200px; transform:rotate(10deg) translateZ(0px);}
.user-description {display: none;}
#most-popular-episodes ul{ padding: 15px 5px 15px 0px; }
#sidebar-right .textwidget{
  padding: 8px 10px;
}


@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) {
}
@media only screen and (max-width: 767px) {

.container {margin: 0px 5%;}
.sidebar-tit h1 {font-size: 26px; line-height: 30px; margin-right: 130px;}
.BlogEpisodeCount, .BlogEpisodeCount span {font-size: 28px;}
.user-avatar .show_image {width: 100px;}
.vcard-panel {min-height: 0; margin-top: 28px;} 
.usersite-content .span9, .usersite-content .span3 {width: 100%; margin: 0px;}
.show_block {width: 100%;}
#profilebottomaction{width: 100%;}
#profilebottomaction .btns-nomal a{ font-size: 16px; }

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

}
#premium_wrap select, #subscriber_price{ 
  color: #b1b1b1 !important;
}
#sidebar-right a:hover{ color: #34c2bf; }
#sidebar-right li{ line-height: 2.0; }