/* CSS Hitam Putih by Chidayat.com
Dibuat pada Januari 2016
*/

h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0px;padding:0px}
a {color:#111;text-decoration:none;text-shadow:0px 1px 1px #ccc}
a:hover {text-shadow:0px 1px 1px #009900}
body {font-size:13px;word-wrap:break-word;margin:0;padding:0;background:#eee;margin:0px;padding:0px;color:#333}
body img {max-width:100%;max-height:100%}
#content {padding:0px;margin:0 10px;background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.post {padding:15px 0;margin:0 15px;border-bottom:1px solid #e0e0e0}
.post .post-meta {color:#777;font-size:12px;margin:0;padding:0}
.post .post-meta .title a {font-weight:bold;font-size:17px;color:#333}
.post .post-content {font-size:12px;color:#444;text-align:justify;padding:5px 0px;margin:0px}
.thumbnail {width:85px !important;height:65px !important;border:1px solid #eee !important;padding:2px !important;margin:0px 5px 5px 0px!important;border-radius:3px !important;box-shadow: 2px 2px 4px #ccc}
.post-meta2 {font-size:12px}

.post-single {padding:0;margin:0}
.post-single .post-content {line-height:1.5;padding:15px;margin:0px}
.post-single .post-meta .title {padding:0px;margin:0px;font-size:21px;font-weight:bold;color:#333}
.post-single .post-meta {color:#777;font-size:12px;margin:0px;padding:15px}
.post-single .post-meta h2 {font-size:12px;margin:0px;padding:0px}
.post-content ul,.post-content ol {margin:0 0 0 17px;padding:0}
.post-content li {margin:0;padding:0}

#header {padding:0px;background:#fff;margin:10px 10px 0 10px;text-align:center;border:1px solid #e0e0e0;border-radius:5px;border-bottom:0}
.heading a {font-weight:bold;font-size:21px}
.heading {padding:15px;margin:0px}
.description {font-size:13px;padding:0 15px 10px 15px}

#header form {background:#444;padding:10px 15px;margin:0;text-align:center;border:1px solid #333}
#header #search-text {width:65%;background:#fcfcfc;border:1px solid #fff;border-radius:2px;padding:3px;}
#header #search-submit {width:25%;padding:3px;background:#fcfcfc;border:1px solid #fff;border-radius:2px }

#navigation {padding:15px 0;margin:0;text-transform:uppercase;font-size:11px;font-weight:bold}
#navigation span a {margin:0 6px;padding:12px 0 7px 0;border-bottom:2px solid #666}

.img img {border:1px solid #e0e0e0;border-radius:3px;padding:2px;box-shadow: 3px 3px 6px #ccc;}
.img {font-size:11px;font-style:italic;text-align:center}

#pagination-links {text-align:center;padding:15px 7px;margin:0 10px;background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
#pagination-links a {padding:7px 10px;margin:0}
#pagination-links span {padding:7px 10px}

#bottom-content {background:#fff;margin:0 10px;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0}
#bottom-content h3 {background:#444;font-size:14px;padding:10px 15px;text-transform:uppercase;color:#eee;font-weight:bold;}
#bottom-content h3 a {color:#eee;text-shadow:none}
#bottom-content ul {list-style:none;padding:0 15px;margin:0}
#bottom-content ul li {padding:10px 0;margin:0;border-bottom:1px solid #e0e0e0}
#bottom-content ul li.last
{
  border: 0px;
}
#category-bottom li {font-weight:bold;text-align:right}
#category-bottom li a {float:left}

#share-buttons {padding:0 0 7px 0;margin:0 15px;border-bottom:double #777}

#recent-posts-list {margin:0 15px;padding:0}
#recent-posts-list h4 {font-weight:bold;padding:15px 0 0 0;margin:0}
#recent-posts-list ol {margin:0 0 0 17px;padding:0}
#recent-posts-list ol li {margin:0;padding:15px 0 0}

#next_previous 
{
  margin:10px 15px;text-align:center
}
#next_previous .previous, #next_previous .next
{
  display: inline-block;
  margin:3px 0;background:#fafafa;border:1px solid #eee;font-size:11px;font-weight:bold;border-radius:5px;padding:10px;color:#666;width:90%}

#comments {margin:0;padding:0}
#comments h3 {background:#444;font-weight:bold;text-transform:uppercase;padding:10px 15px;margin:0;font-size:14px;color:#eee}

#comments h3 a {text-shadow:none;color:#eee}
#comments h4, #comments h5 {margin:15px;padding:0}
#comments .comment {border-top:1px solid #e0e0e0;padding:10px 0;margin:0 15px 7px 15px;font-size:12px;color:#555}
.comment-left-content
{
  float: left;
  text-align: center;
  margin: 0 10px 10px 0;
  width: 20%;
  border-radius:3px;
  background:#fafafa;
padding:7px;box-shadow:2px 2px 4px #ccc;font-weight:bold
}
.comment-left-content .date
{
  font-size: 15px;color:#777
}
.comment-left-content .date span
{
  display: block;
}
#comments .comment .comment-header .title
{font-size:12px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 7px 0;
  
}
#comments .comment .comment-header .title a
{
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}

#new-entry {text-align:center;margin:0;padding:15px;font-size:12px}
#new-entry form {margin:0;padding:10px 0 0 0}
#new-entry .inp-text,.inp-textarea {width:75%;padding:7px;margin:7px;border-radius:3px}
#new-entry .inp-btn {padding:7px;margin:0;width:50%;border-radius:3px}

.messages
{
border:1px solid #009900;
  border-radius: 7px;
  padding: 10px;
  margin: 5px 0 0 0;
  color:#009900;
}
.messages li
{list-style:none;
  font-size: 12px;
}
.highlight {text-align:center;background:#fafafa;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;color:#009900;padding:10px 15px;margin:0 10px;font-size:13px}

#footer {background:#444;margin:0 10px 10px 10px;padding:15px;border:1px solid #333;border-radius:0 0 5px 5px;text-align:center;color:#eee;font-size:12px}
#footer a {color:#eee}
#footer span {border:none !important;background:none !important;color:#eee !important}