@font-face {src:url(http://ngasalnulis.xtgem.com/_files/BPreplay.otf);font-family:"bp replay";}

body {margin:auto; position:relative;overflow-x:hidden; max-width:1000px;font-family:'bp replay',cursive;font-size: 12px}
img {max-width:100%;max-height:100%}
a {color:#1ABC9C;text-decoration:none}
a:hover {color:#333136}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:12px}h6{font-size:small}
h1, h2, h3, h4, h5, h6 {font-family:'Crafty Girls';sans-serif;margin:4px 0;padding:0;}

.container {margin:10px;padding:10px;background:#ECF0F1;font-family:'bp replay',cursive}

header {position:fixed;top:0;right:0;left:0;height:50px;background:#222126;z-index:123}
header .heading {padding:12px 10px;position:relative}
header .heading .title {font-size:24px;color:#ECF0F1}
header .heading .title:hover {color:#95A5A6}
header .heading button {padding-top:5px;position:absolute;top:5px;right:5px;width:40px;height:40px;background:none;border:0}
header .heading button:hover {background:#1ABC9C}

nav {position:fixed;top:53px;right:5px;width:65%;text-align:center;background:#1ABC9C;z-index:124}
nav:before {content:"";position:absolute;bottom:100%;right:12px;border-width:8px;border-color:transparent transparent #1ABC9C transparent;border-style:solid;z-index:125}
nav a {padding:6px 0;display:inline-block;width:18%;}
nav a:hover {background:#16A085}

.search {padding:45px 8px 5px 8px;position:fixed;top:50px;right:0;left:0;background:#D6D7D8;border-bottom:4px solid #C6C7C8;z-index:123}
.search form {padding:1px;background:#ECF0F1;border-radius:3px}
.search .inp-text {width:70%;height:30px;background:none;border:0}
.search .inp-btn {width:28%;height:30px;background:#333136;color:#FFF;border:0;border-top-right-radius:3px;border-bottom-right-radius:3px;}

section article {padding:6px 0;position:relative;border-bottom:1px solid #DDD;font-family:'Sunshiney',cursive}
section article:last-child {border:0}
section article h4 {padding:0 0 4px 0;text-transform:uppercase}
section article h4 a {color:#222}
section article h4 a:hover {color:#1ABC9C}
section article .date, section article .admin {margin:3px 3px 3px 0;padding:3px;background:#333136;color:#FFF;}
section article .content {margin:3px 0;padding:3px 0 3px 100px;position:relative;text-align:justify;color:#95A5A6;font-family:'Crafty Girls'}
section article .content .thumbnail {position:absolute;top:3px;left:0;width:88px;height:95%;border:1px solid #333136}

.xt_blog_paging {margin:5px 0;padding:0}
.xt_blog_paging span, .xt_blog_paging a {padding:6px 8px;background:#1ABC9C;color:#FFF}
.xt_blog_paging a {background:#333136}
.xt_blog_paging a:hover {background:#444146;color:#FFF}

.post-tags {padding:8px;text-transform:uppercase;width:80%;position:relative;left:-15px;background:#1ABC9C;color:#FFF;font-family:'Sunshiney',cursive}
.post-tags a {color:#FFF}.post-tags a:hover {color:#222}

main article .head {padding:6px 0;border-bottom:1px solid #DDD}
main article .head .date {margin:4px 0;padding:3px;background:#333136;color:#FFF}
main article .head .admin {margin:4px 0;padding:3px;background:#1ABC9C;color:#FFF}
main article .share a {display:inline-block;padding:6px;background:#446CB3;color:#FFF;}
main article .share a+a {background:#3498DB}
main article .share a+a+a {background:#D64541}
main article .share a+a+a+a {background:#E67E22}
main article .share a:hover {background:#333136;color:#FFF}
main .back-button {margin:7px -10px -10px -10px;padding:8px;display:block;text-align:center;background:#DDD;color:#000}
main .back-button:hover {background:#AAA;color:#000}

footer {margin:5px 0 0 0;padding:6px;background:#333136;color:#FFF;font-family:'Sunshiney',cursive}
footer a:hover {color:#DDD}

.tos {padding:8px;position:fixed;top:5px;right:5px;bottom:5px;left:5px;background:#333136;color:#FFF;z-index:1234567;font-family:'Sunshiney',cursive}
.tos button {position:absolute;top:5px;right:5px;width:30px;height:30px;background:#1ABC9C;color:#FFF;border:0}
.tos button:hover {background:#16A085}

pre {margin:5px 0;padding:4px;background:#D6D7D8;font-size:small;color:#333136;font-family:"Trebuchet MS"}

.pre-loader {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(/css/img/preloader.gif)no-repeat center #FFF;background-size:70px 70px;z-index:999999999}

.xt_pagination {clear:both;position:relative;margin:10px 0;padding:0;display:block;border-top:0px solid #DDD}
.xt_pagination a, .xt_pagination .selected {padding:6px 8px;background:#1ABC9C;color:#FFF}
.xt_pagination a {background:#333136}
.xt_pagination a:hover {background:#444146;color:#FFF}
.post-content p:first-letter {float:center;margin:0 1px 0 5px; font-size:15px;color:#399;font-family:times;text-shadow:1px 1px #999;}
.post-content li:last-child {border-bottom:0}
.post-content ul {margin-bottom:8px !important;}
.post-content li {list-style:none;padding:3px 4px;padding-right:30px;margin:0;color:#333;background:#eaeaea;border-left:4px solid #bbb;border-right:1px solid #bbb;border-bottom:1px solid #fff;font-family:'Sunshiney',cursive}
.post-content li:nth-child(odd) {background:#e3e3e3}
.post-content li:first-child {border-top:1px solid #bbb}
.post-content li:last-child {border-bottom:1px solid #bbb !important}
.post-content h1 {background:#999;color:#
fff;padding:7px;margin:4px 0;text-align:center;}
.post-content ul li a {font-weight:bold}
.post-content h2 {margin:0;padding:4px;background:#789;color:#fff;font-size:14px;border-left:7px solid #456;text-
shadow:0 1px #456;left:9px!important;}
.post-content h3, .post-content h4 {background:url(http://mapisto.xtgem.com/css/img/h3.png)no-repeat bottom center;background-size:100% 5px;padding:4px
2px;text-decoration:bold;font-size:14px;margin-bottom:2px;font-family:'Sunshiney',cursive}
.post-content h5 {border-bottom:1px solid #ffd700;padding:0
2px;text-decoration:bold;font-size:16px;margin-bottom:2px}
.post-content h3 a, .post-content h4 a {color:#d60}
.post-content ol li img {width:136px!important;height:156px!important;border:0!important}
.post-content img {border:2px solid #ddd;margin:5px 0;position:relative;max-width:99%!important;text-align:center}
.form-group {
  margin-bottom: 8px;
}
.form-group .captcha img {
    margin-bottom: 5px;
    display: block;
}
.form-group .help-block {
    margin-top: 5px;
}
label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.form-control {
  display: block;
  width: 100%;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777;
}
.form-control::-webkit-input-placeholder {
  color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
select.form-control {
  height: 30px;
  line-height: 30px;
}
.btn {
    display: inline-block;
    color: #fff;
    background-color: #efefef;
    background-image: url(http://netxid.com/assets/css/images/png_gradient.php?from=ace5f0&to=01b1d3&width=1&height=30);
    background-position: left top;
    background-repeat: repeat-x;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #61CEE3;
    border-radius: 3px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #fff;
    border-color: #01b1d3;
    text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default {
    color: #777 !important;
    background-image: url(http://netxid.com/assets/css/images/png_gradient.php?from=ffffff&to=dedede&width=1&height=30);
    border: 1px solid #dedede;
}
.btn-default:hover,
.btn-default:focus {
    border-color: #ccc;
    color: #999;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group .form-control:first-child,
.input-group-btn:first-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-btn:last-child > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.widgets {
    margin: 0;
    padding:5px;
    background-color: #292929;
    border-top: 2px solid #1ABC9C;font-family:'Sunshiney',cursive
}
.widget + .widget {
    margin-top: 5px;
}
.widget-search-form .form-control {
    background-color: #333;
    border-color: #222;    
} 
.widget-search-form .btn {
    background-color: #333333;
    background-image: url(http://netxid.com/assets/css/images/png_gradient.php?from=333333&to=222222&width=1&height=30);
    border-color: #222;       
}

.widget-category,
.widget-navigation {
    border-radius: 3px;
    background: transparent
}
.widget-category h3,
.widget-navigation h3 {
    font-size: 12px;
    color: #fff;
    padding: 8px 10px;
    background-color: #222;
    background-image: url(http://lascript.netxid.com/assets/css/images/png_gradient.php?from=2a2a2a&to=222222&width=1&height=35);
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #222;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: -1px;font-family:'Sunshiney',cursive
}
.widget-category ul,
.widget-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget-navigation ul li {color: #efefef;
    padding: 0;
    margin: 0;
    border: 1px solid #222;font-family:'Sunshiney',cursive
}
.widget-navigation ul li {color: #cfcfcf;
    padding: 8px 10px;
}
.widget-category ul li {font-size:12px;padding:4px 6px;display:inline-block;margin:1px 0;border:1px solid #222;background:#555}
.widget-category ul li a {color: #aaa}
.widget-category ul li a:hover {color: #fff}
.widget-category ul li:hover {background:#1ABC9C;color:#fff}
.footer {
    padding: 10px 15px;
    text-align: center;
    background-color: #222126;
    border-top: 1px solid #1ABC9C;
    color: #efefef;font-family:'Sunshiney',cursive
}
.footer a {color: #efefef;}

.download{margin: 2px;margin-right:5px; border:1px solid #DDD; overflow:hidden; border-radius:3px; cursor:pointer; height:15px; background:#EFEFEF url(http://MantapZone.wapka.mobi/img/1695/1695889_459e6b240b.png) 5px center no-repeat; background-size:17px; color:#777; width:auto; display:block; padding:5px 8px 5px 25px; text-align:center; max-width:620px}
.download:hover, .download:focus, a.download:hover, a.download:focus, a.download:active, .download:hover, a.download:hover{border:1px solid red; color:red;}

.chat-up {background-color: #fff; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 0px; padding: 5px; position: relative; text-align: left; border-radius: 4px;font-family:'Sunshiney',cursive}
.chat-up:after, .chat-up:before {bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chat-up:after {border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left: 10px; }
.chat-up:before {border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10px;}
.effect{font-family:'Righteous',sans-serif;color:#fff; text-shadow:2px 2px 0px #000,3px 3px 3px #5c5f72}
.post-content img:hover{}
.btn-share {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.x-share {margin:3px -4px 7px -4px}
.x-share>.btn-groups {border-spacing:4px}
.x-share-twitter {border-bottom:3px solid #4aa6e7;color:#4aa6e7}
.x-share-google-plus {border-bottom:3px solid #c0504d;color:#c0504d}
.x-share-linkedin {border-bottom:3px solid #069;color:#069}
.x-share-pinterest {border-bottom:3px solid #ab171e;color:#ab171e}
.x-share-vk {border-bottom:3px solid #5d80a6;color:#5d80a6}
.x-share-google {border-bottom:3px solid #0b79e5;color:#0b79e5}
.x-share-facebook {border-bottom:3px solid #3b5998;color:#3b5998}
.sort-content img, .rate {display:none}
.gb h3, .new-entry h3, .community-name h3
{
padding: 8px 0;
color: #000;
text-decoration: underline;
}


.comment, .menu
{
margin: 2px 0;
padding: 6px;
background: #FFF;
position: relative;
}
.comment .title a
{
font-size: 15px;
text-transform: uppercase;
}
.comment .title
{
padding: 6px 6px 6px 40px;
position: relative;
border-bottom: 1px solid #D6D7D8;
}
.comment .title-nick
{
padding: 6px 0;
border-bottom: 1px solid #D6D7D8;
font-size:15px;
color:#333136;
text-transform:uppercase;
}
.comment .gravatar
{
position: absolute;
top: 6px;
left: 0;
}
.comment .date
{
display: block;
color: #333136;
font-size: 12px! Important;
text-transform:capitalize! Important;
}
.comment-reply .comment
{
background: #ECF0F1;
}
.spam-btn
{
padding: 6px;
background: #F62451;
color: #FFF;
}
.spam-btn:hover
{
background: #333136;
color: #FFF;
}
.comment-act
{
padding: 6px 0;
}
.new-entry .inp-textarea
{
width: 98%;
height: 120px;
background: #efefef;
border: 2px solid #E5E5E5;
}
.new-entry .inp-text, .inp-code, .community-name .inp-text
{
width: 70%;
height: 30px;
background: #efefef;
border: 2px solid #E5E5E5;
}
.new-entry .inp-btn, .community-name .inp-btn
{
height: 30px;
width: 150px;
background: #333136;
color: #FFF;
border: 0;
text-align: center;
margin: 4px 2px;
}
.gb-label
{
margin: 0;
padding: 4px 0;
color: #AAA;
text-transform: lowercase;
}
.posting-as
{
font-size: 15px;
text-transform: uppercase;
color: #1ABC9C;
}
.new-entry form, .community-name form
{
padding: 8px;
background: #E5E6E7;
}
.view-btn
{
padding: 8px;
background: #1ABC9C;
color: #FFF;
}
.view-btn:hover
{
background: #333136;
color: #FFF;
}
.reply-btn
{
margin: 0 2px 0 0;
padding: 6px;
background: #333136;
color: #FFF;
}
.reply-btn:hover
{
background: #1ABC9C;
color: #FFF;
}
.daftar-artikel {}
.daftar-artikel ul {margin:5px 0 5px 15px;padding:0;list-style:circle}
.daftar-artikel li {list-style:none;padding:4px 0;border-bottom:1px solid #DDD;font-family:'Sunshiney',cursive}
.daftar-artikel li a {color:#333136}
.daftar-artikel li a:hover {color:#1ABC9C}
.clear{clear:both}
.float{float:left}

@media only screen and (min-width:1000px){
body {margin:100px 0 0 0;padding:0;font-size:12px;font-family:'bp replay',sans-serif;overflow:hidden;word-wrap:break-word;position: relative; background: #BDC3C7 url(http://www.skyhdwallpaper.com/wp-content/uploads/2015/08/music-sweet-music-hd-fresh-image-hdr-music-girl-hd-photography-notebook-wallpaper.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%;background-size: 100% 100%; color:#222;position:center;max-width:1000px}
.left {width:635px; vertical-align:top; display:inline-block; margin-right:1px; float:left;}
.right {width:330px; vertical-align:top; display:inline-block; margin-left:1px; float:right;}
.mobile {display:none!important}
}

@media only screen and (max-width:999px){
body {margin:60px 0 0 0;padding:0;font-size:12px;font-family:'bp replay',cursive;overflow:hidden;word-wrap:break-word;background:#BDC3C7;color:#222;}
.float{float:none}
.pc{display:none!important}
}