/* Hargailah karya orang lain */
   /* CSS Style by Dedy Junkiezz for Mobile Version */
   /* Edited by Chidayat.com for Mobile High-end Version */


body 
{
  margin: 0px;
  padding: 0px;
  background: #e6e6e6;
  color: #555;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
}
h1
{
  font-size: 28px;
}
h2
{
  font-size: 24px
}
h3
{
  font-size: 20px;

}
h4
{
  font-size: 16px

}
h5
{
  font-size: 12px;

}
h6
{
  font-size: 10px;

}
a
{
  color: #690;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}
a.no-link, a.no-link:hover
{
  color: #CCC;
  text-decoration: none;
}
#wrapper
{
  padding: 0px;margin:0px;
}
#header 
{
 margin:0;padding:0;text-align:center;border-bottom:4px solid #8b1;background:#222;border-top:1px solid #363636
}
#header .heading
{
  margin:0;padding:16px 5px 16px 8px;font-size:24px;text-shadow:0 1px 0 #111;font-weight:bold
}
#header .heading a
{
 color:#fff;padding:6px 7%;background:url(http://junkiez.hexat.com/svg/hed.svg)no-repeat;display:inline-block
}
#header .description
{
 margin:0;padding:10px 5px 10px 8px;font-size:12px;font-weight:normal;color:#8b1;border-bottom:1px solid #000
}
#header form
{
  margin:0;padding:7px;
}
#header #search-text
{
  background:#e6e6e6;
  border: 1px solid #111;
  color: #00131E;
  width: 63%;padding:6px;font-weight:bold;font-size:small;margin:0
}
#header #search-submit
{
  background:#e6e6e6;
  border: 1px solid #111;
  color: #000;
  width: 30%;padding:6px;font-weight:bold;font-size:small;margin-left:-5px;border-left:1px solid #444
}
#navigation 
{
  margin:0;padding:5px;border-bottom:1px solid #000;text-align:center
}
#navigation span
{margin:0;padding:8px 0;display:inline-table;width:32%;border-right:1px solid #4e4e4e
}
#navigation span+span {border:1px solid #000;border-width:0 1px}
#navigation span+span+span {border:1px solid #4e4e4e;border-width:0 0 0 1px}
#navigation span a
{
  color: #ccc;
  text-decoration: none;
font-size:small;font-weight:bold
}
#navigation span:hover {background:#111}
#content
{
  margin:0;padding:25px 0 0;background:url(http://dejunk.xtgem.com/19/shadow-2.png)top center no-repeat;background-size:90% 30px
}
.post {margin:0;padding:7px;border-bottom:5px solid #d4d4df;border-top:1px solid #f7f7f7;background:url(http://junkiez.hexat.com/9/11a.png)repeat-x bottom
}
.post .post-meta
{color:#bbb;padding:7px 5px;background:#fafafa;border:1px solid #d4d4d4;border-width:1px;font-size:small;border-bottom-style:dashed
}
.post .post-meta .title {margin:0;padding:0;font-size:14px;line-height:16px;font-size:15px}
.post-meta .title a
{
  text-decoration: none;
  color: #680;
}
.post-meta2 .meta-item a {color:#444;text-shadow:0 1px 0 #e4e4e4;display:inline-block;background:#d4d4d4;padding:5px 6%;font-weight:bold;margin:2px 0 0 0;border:1px solid #f6f6f6}
.post-meta .categories
{
  font-size: 11px;
  margin: 0px;
  padding: 0px;font-weight:normal
}
.clear
{
  clear: both;
}

.post .post-content
{
 margin:0;padding:7px;background:#fafafa;border:1px solid #d4d4d4;border-width:0 1px 4px;text-align:justify
}
body img {max-width:100% !important;max-height:100% !important}
.post-single .post-meta {padding:7px 7px 3px 7px;margin:0;font-size:11px;color:#666}
.post-single .post-content {padding:10px;margin:7px;background:#fafafa;border:1px solid #d4d4d4;text-align:justify}
.post-single .post-meta .title {padding:0 0 5px 0;margin:0;font-size:21px}

#share-buttons {background:#eee;margin:0 7px;padding:7px;text-align:center;border:1px solid #d4d4d4}

#comments
{
  background-color: #4A84A9;
  color: #002233;
  margin: 10px 0px 0px 0px;
  border-radius: 0 0 12px 12px;
  padding: 0px 0px 6px 0px;
}
#comments a
{
  color: #CCC;
}
#comments h3 a
{
  color: inherit;
}
#comments h3, #comments h4, #comments h5
{
  margin: 0px;
  padding: 0px;
}
#comments h3
{
  text-align: center;
  background-color: #397398;
}

#comments .comment
{
  background-color: #568DAC;
  padding: 4px;
  margin: 4px;
  border-radius: 12px 0 12px 0;
  font-size: 12px;
}
#comments .comment .comment-header
{
  font-size: 10px;
}
#comments .comment .comment-header .title
{
  color: #CCC;
  font-size: 14px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  background: #397398;
  color: #002233;
  border-radius: 8px 0 8px 0;
  padding: 1px;
}
#comments .comment .comment-header .title a
{
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}
.comment-left-content
{
  float: left;
  text-align: center;
  margin: 0px;
  width: 22%;
  border-radius: 0 12px 0 12px;
  background-color: #002233;
  color: #CCC;
}
.comment-left-content .date
{
  font-size: 24px;
  border-bottom: 1px dashed #333;
  padding-bottom: 10px;
}
.comment-left-content .date
{
  font-size: 18px;
  border: 0px;
}
.comment-left-content .date span
{
  display: block;
}
.comment-right-content
{
  float: left;
  width: 77%;
  margin-left: 1%;
}
#footer
{margin:0;padding:12px 5px;text-align:center;background:#222;border-top:4px solid #8b1;border-bottom:6px solid #444;color:#ccc;
font-size:10px;font-weight:bold}
#footer a,#footer h6 {margin:0;padding:0;font-weight:bold;color:#ccc;font-size:10px}
#footer span {color:#ccc !important;background:transparent !important;border:none !important;font-weight:bold !important;font-size:10px !important}
#footer img {content:none !important}

.inp-text, .inp-textarea
{
  background: #FFF;
  border-radius: 4px;
  border: 1px solid #00131E;
  color: #00131E;
  width: 70%;
  opacity: 0.6;
}
.inp-text:focus, .inp-textarea:focus
{
  opacity: 0.8;
}
.inp-btn
{
  background: #89BBD5;
  border-radius: 12px;
  border: 1px solid #FFF;
  color: #FFF;
}
.messages
{
  background: #B7CEDD;
  border-radius: 6px;
  padding: 4px;
  margin: 1px;
  color: #C00;
}
.messages li
{
  font-size: 16px;
  font-weight: bold;
}
#comments .highlight
{
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 15px;
  color: #9F6000;
  border-color: #9F6000;
  background-color: #FEEFB3;
  text-align: center;
  border-radius: 6px;
}


#pagination-links
{
  text-align: center;padding:3px 7px;margin:0
}
#pagination-links span
{
  padding: 7px;
  display: inline-block;
  background: #d4d4d4;margin:0 1px
}
#pagination-links a
{
  padding: 7px;
  background: #690;
  color: #fff;
  display: inline-block;
  margin: 0 1px;
  text-decoration: none;
}
#pagination-links a:hover
{
  text-decoration: none;background:#d4d4d4;color:#555
}
#bottom-content
{
  margin:0;padding:0
}
#bottom-content h3, #bottom-content h3 a
{
  margin:0px 7px;
  padding: 8px;
  font-size: 16px;
  text-align: center;
  background: #222;border-bottom:2px solid #690;
  color: #fff;font-weight:bold
}
#bottom-content ul
{
  padding:0;
  margin: 0 7px 7px 7px;
  list-style: none;
border:1px solid #d4d4d4
}
#bottom-content ul li
{margin:0;padding:8px 7px;list-style:none;background:#fafafa;border-bottom:1px solid #e6e6e6}
#bottom-content ul li.last
{
  border: 0px;
}
#category-bottom li {font-weight:bold;text-align:right}
#category-bottom li a {float:left}
.highlight
{
  background: #DDEEF6;
  text-align: center;
  margin: 0px;
  color: #002233;font-size:17px
}
#next_previous 
{
  margin:5px;text-align:center
}
#next_previous .previous, #next_previous .next
{
  display: inline-table;
  background: #fafafa;border:1px solid #d4d4d4;
  padding:7px;color:#666;font-size:10px;font-weight:bold;
  margin:0;
}
#next_previous .previous
{
  width:40%;float:left;margin-left:5px
}
#next_previous .next
{
  width:40%;float:right;margin-right:5px
}
#next_previous .previous:hover , #next_previous .next:hover {background:#e6e6e6;color:#333;text-decoration:none}