@import url(css/bootstrap.min.css);
@import url(css/bootstrap-theme.css);
@import url(css/shCore.css);
@import url(css/shThemeRDark.css);

/* global style sheet */
::selection {background:#ff1493;color:#fff}
body {padding-top:48px;overflow-x:hidden;color:#5a5a5a}
a {text-decoration:none !important}
a:hover {transition:color 1s linear;cursor:url(images/pointer.png), pointer}
img {max-width:100%}
iframe {width:100%;overflow:hidden;border:none}
h2,.h2,h3,.h3,h4,.h4,h5,.h5 {color:#333;display:block}
.navbar-default .navbar-brand {position:relative;font-family:'Ruthie',cursive;font-size:24px;font-weight:bold}
.navbar-default .navbar-brand span {display:block;font-family:'Josefin Sans';font-size:11px;font-weight:normal !important;text-align:right;color:#999}
.navbar-default .navbar-collapse {font-family:'Shadows into light';font-size:16px;font-weight:bold}
.tooltip {display:none;position:absolute;background-color:#333;opacity:0.75;border-radius:4px;padding:7px;color:#fff}
.text-wrap {word-wrap:break-word}
.post-thumbnail {position:relative;height:120px}
.bg-thumbnail {display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.bg-hover {position:absolute;width:100%;height:100%;top:0;left:0}
.bg-stripe {display:none;background:url(images/sidebar-line.gif);padding:15px;opacity:0.75}
.bg-label {display:none;position:absolute;bottom:0;left:0;width:100%;background-color:#000;padding:5px 7px;opacity:0.9;color:#ccc}
.media-object {width:48px;height:48px}
.sosmed {position:fixed;z-index:99;top:0;left:-32px;transition:transform 0.5s !important;opacity:0.5}
.sosmed:hover {opacity:1}
.ads {background:#fff}
.ads:not(:last-child),.navigation-menu:not(:last-child),.subscribe {margin-bottom:15px}
.blog-post {border:1px solid #eee;margin-right:-1px;margin-bottom:-1px;padding:15px}
.post-title,.blog-post-title {margin:0}
.post-meta {width:auto;border:none;margin:0;padding-right:6px;font-size:13px;color:#999}
.post-desc,.blog-footer {border-top:1px solid #ddd}
.post-thumbnail,.post-short-desc,.blog-footer p {margin:6px 0}
.blog-tag-title {margin:0 0 5px}
.blog-post-meta {margin:2px 0 8px;color:#999}
.blog-post-meta a {display:inline-block;margin-right:3px;opacity:0.75;color:#7e7e7e}
.publisher {background:url(images/publisher.png) center left no-repeat;padding-left:16px}
.pubdate {display:inline-block;background:url(images/pubdate.png) center left no-repeat;margin:0 3px;padding-left:16px}
.blog-post-content,.random-post-item {border-bottom:1px solid #ddd}
.blog-post-image {margin:8px -1px;text-align:center}
.blog-post-image img {margin:0 -7px}
.blog-post-content ol {list-style:decimal-leading-zero}
.blog-post-content ul {list-style:square}
.blog-post-content blockquote,.blog-post-content li p:first-child:not(:last-child) {color:#333}
.btn-share {width:100%;border-spacing:4px 0}
.btn-share-twitter {border-bottom:3px solid #4aa6e7;color:#4aa6e7}
.btn-share-google {border-bottom:3px solid #c0504d;color:#c0504d}
.btn-share-linkedin {border-bottom:3px solid #069;color:#069}
.btn-share-pinterest {border-bottom:3px solid #ab171e;color:#ab171e}
.btn-share-vk {border-bottom:3px solid #5d80a6;color:#5d80a6}
.btn-share-mail {border-bottom:3px solid #ccc;color:#7e7e7e}
.stripe-line {background:url(images/stripe.png) center repeat-x;margin:30px 0 15px;padding:0}
.stripe-line:first-line {background:#fff}
.subscribe {margin:0}
.random-post-item:nth-child(n+6) {display:none}
.post-image {margin:-2px}
.post-image-item {transition:all 0.5s linear;padding:2px}
.post-image-item:hover {transition:all 0.5s linear;opacity:0.75}
.jump {width:auto;border:none;margin:auto;padding:0 6px;font-family:Shadows into light}
.live-demo {z-index:50;max-width:450px;background-color:#fff;margin:70px auto 0 auto;padding:20px;border-radius:5px;box-shadow:0 0 0 15px rgba(255,255,255,.3);opacity:0.5}