body {
background:#ddd;
color:#333;
margin:0;
padding:0;
}

#header {
background:#414141;
margin:0;
padding:0;
}

.heading {
border-bottom:1px solid #212121;
font-size:small;
margin:0;
padding:5px;
}

.description {
font-size:small;
color:#aaa;
text-shadow:#000 1px 1px 1px;
background:#222;
border-top:1px solid #414041;
margin:0;
padding:15px 5px 10px;
}

#navigation {
text-align:center;
background:#ddd;
border-top:1px solid #000;
border-bottom:1px solid #ccc;
margin:0;
padding:0;
}

#navigation span {
width:47%;
display:none;
text-align:center;
border-right:1px solid #fff;
margin:0;
padding:6px 0;
}

#navigation span+span {
width:47%;
display:inline-block;
text-align:center;
border-right:1px solid #fff;
margin:0;
padding:6px 0;
}

#navigation span+span+span {
border-left:1px solid #bbb;
border-right:none;
}

#navigation span+span+span a {
content:"Menu";
}

#search-form {
border-bottom:1px solid #c1c1c1;
border-top:1px solid #f2f2f2;
text-align:center;
background:#e1e1e1;
margin:0;
padding:6px 0;
}

#search-form [type=text] {
width:60%;
background:#fffeff;
color:#333;
border:1px solid #d1d1d1;
margin:1px;
padding:3px;
}

#search-form [type=submit] {
width:23%;
border:1px solid #ddd;
color:#ffe;
background:#333;
margin:1px;
padding:3px;
}

.post {
background:url(/theme/img/sk2.png) top left no-repeat,#eee;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
min-height:85px;
position:relative;
margin:0;
padding:0;
}

.post+.post {
background:url(/theme/img/sm.png) top left no-repeat,#eee;
}

.categories,.post-meta .title {
font-size:small;
margin:0;
padding:2px 0;
}

.post-meta {
color:#888;
margin:0 0 0 68px;
padding:7px 5px 5px;
}

.post+.post .post-content {
font-size:0;
content:normal!important;
}

.thumbnail {
border:1px solid #aaa!important;
width:60px!important;
height:70px!important;
background:#fff;
position:absolute;
top:5px;
right:0;
left:5px;
overflow:hidden;
margin:2px 2px 0 0 !important;
padding:1px!important;
}

.post .post-content {
content:none;
}

.filelist_paging {
border-top:1px solid #fff;
text-align:center;
background:#ddd;
margin:0;
padding:1px 3px 3px;
}

.filelist_paging span {
display:inline-block;
background:#fffeff;
border:1px solid #d1d1d1;
padding:4px;
  margin-left: 5px;
}

.filelist_paging a {
background:#444;
color:#dddddc;
display:inline-block;
margin-top:2px;
  margin-left: 5px;
text-decoration:none;
text-transform:capitalize;
padding:4px;
}

.next_prev b {
  background: black;
  background: #444;
  color:#dddddc;
  display: inline-block;
  text-decoration: none;
  padding: 4px;
}

#following-list h4,#recent-posts-list h4,h3 {
background:#444;
border:1px solid #fff;
color:#eee;
text-shadow:#000 1px 1px 1px;
border-width:1px 0;
margin:0;
padding:7px 5px;
}

#blogroll li,#category-bottom li,#navigation-menu li {
list-style:none;
border:1px solid #fff;
border-color:#fff #fff #ccc;
border-style:dashed solid;
margin:0;
padding:5px;
}

#category-bottom li {
text-align:right;
}

#category-bottom li a {
float:left;
}

#blogroll li {
padding-right:1px;
}

#blogroll li:after {
content:"";
border:4px solid #444;
float:right;
border-color:transparent transparent transparent #444;
}

#footer {
text-align:center;
background:#333;
color:#ccc;
border-top:1px solid #fff;
margin:0;
padding:5px;
}

.post-single {
background:#eee;
border-top:1px solid #fff;
margin:0;
padding:0;
}

.post-single .post-meta {
border-bottom:1px solid #fff;
margin:0!important;
padding:5px!important;
}

.post-single .post-content {
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
margin:0;
padding:9px 5px;
}

.post-content h3,.post-content h5 {
background:#ddd;
text-shadow:none;
border:1px solid #ccc;
text-align:center;
color:#222;
margin:0;
padding:3px;
}

.post-content h1,.post-content h2 {
background:#ddd;
text-shadow:none;
border:1px solid #ccc;
text-align:center;
color:#222;
font-size:small;
margin:0;
padding:3px;
}

.post-content h4 {
background:#ddd;
border:1px solid #ccc;
color:#222;
text-align:center;
margin:0;
padding:4px;
}

.post-content h4 a {
display:inline-table;
width:40%;
text-shadow:none;
}

.post-content h6 {
background:#333;
color:#eee;
border-bottom:3px solid #555;
text-shadow:none;
margin:0;
padding:6px 5px;
}

.post-content ol {
background:#ddd;
margin:0;
padding:0;
}

.post-content li {
list-style:none;
border-top:1px solid #eee;
border-bottom:1px solid #bbb;
margin:0;
padding:5px;
}

#share-buttons {
background:#ddd;
border-top:1px solid #ccc;
text-align:center;
margin:0;
padding:0;
}

#share-buttons img {
width:20px;
height:18px;
}

#share-buttons a {
width:30%;
display:inline-table;
border-right:1px solid #fff;
border-left:1px solid #bbb;
padding:2px 0 0;
}

#blogroll_list li,#following-list li,#recent-posts-list li {
list-style:none;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
margin:0;
padding:5px;
}

#comments h4 {
border-bottom:1px solid #fff;
background:#eee;
margin:0;
padding:5px;
}

#comments h5 {
border:1px solid #bbb;
background:#eee;
border-width:1px 0;
margin:0;
padding:5px;
}

.comment-header .title {
border:none!important;
background:0 0!important;
padding:0!important;
}

.comment-header {
color:#888;
border:1px solid #fff;
border-bottom:1px dashed #fff;
margin:0;
padding:3px 5px;
}

.comment-content {
border:1px solid #fff;
border-top:1px dashed #ccc;
margin:0;
padding:5px;
}

#comment_form {
text-align:left;
background:#eee;
margin:0;
padding:5px;
}

#comment_form textarea {
width:80%;
background:#fff;
border:1px solid #ccc;
color:#333;
margin:2px 0;
padding:15px 0;
}

#comment_form input[type=text],.mobile_body #comment_form select {
width:50%;
background:#fff;
border:1px solid #ccc;
color:#333;
margin:2px 0;
padding:3px;
}

#comment_form [type=submit] {
background:#444;
border:1px solid #333;
color:#ffe;
margin:2px 0;
padding:3px;
}

.highlight {
text-align:center;
margin:0;
padding:6px;
}

#comments li {
list-style:none;
text-align:center;
background:#ddd;
border-bottom:1px solid #ccc;
margin:0;
padding:5px;
}

#navigation-menu li h3 {
color:#ccc;
text-shadow:none;
margin:-5px;
padding:5px;
}

#navigation-menu li h5 {
color:#222;
background:#ddd;
margin:-5px;
padding:5px;
}

.heading a,h3 a,h4 a {
color:#eee;
text-shadow:#000 1px 1px 1px;
}

.post-content h3 a,.post-content h4 a,a {
color:#1082ff;
text-shadow:#fff 1px 1px 1px;
}

.post-meta .title,.post-meta a {
color:#333;
text-shadow:#fff 1px 1px 1px;
}

#footer a,#pagination-links a {
text-shadow:none;
}

#footer span {
background:0 0!important;
border:none!important;
color:#ccc!important;
}

#blogroll_list li:last-child,#following-list li:last-child,#recent-posts-list li:last-child {
border-bottom:none!important;
}

#blogroll li.last,#category-bottom li.last,#navigation-menu li.last {
border-bottom:1px solid #fff!important;
}

#blogroll_list li:first-child,#following-list li:first-child,#recent-posts-list li:first-child {
border-top:none!important;
}

#blogroll li:first-child,#category-bottom li:first-child,#navigation-menu li:first-child {
border-top:1px solid #fff!important;
}

.framediv {
position:relative;
width:100%;
height:0;
padding-bottom:56.25%;
}

.framevid {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.comment-content,.post-content {
word-wrap:break-word;
}

.center {
text-align:center;
}

.judul {
background:#444;
border:1px solid #fff;
color:#eee;
text-shadow:#000 1px 1px 1px;
font-size:16px;
border-width:1px 0;
margin:0;
padding:7px 5px;
}

.scroll {
max-height:300px;
overflow:auto;
}

#top-content,#footer h6,ol,#comments {
margin:0;
padding:0;
}

.post-meta2,.date {
display:none;
}

ul,.comment {
background:#eee;
border:1px solid #bbb;
margin:5px;
padding:0;
}

body img,body iframe,body video {
max-width:100%;
}

@media (min-width:768px) {
body {
max-width:728px;
border:2px solid #fff;
margin:0 auto;
}
  
.col-2 {
columns:2;
-webkit-columns:2;
-moz-columns:2;
}
}