/*-------------------------------------------
NAMA CSS   : MINIMA COLORED BLUE
TIPE CSS   : Mobile (Default)
DIBUAT OLEH   : Eko Sukma Saputra
ALAMAT WEB   : http://www.blog-eko27.com
TANGGAL DIBUAT   : 04 April 2016
-------------------------------------------*/

body {
background :#E3E3E3;
color :#222;
font-family :"Arial", sans-serif;
font-size :13px;
margin :0 auto;
word-wrap :break-word;
padding :0;
position :relative;
}

img {
max-width :100%;
max-height :100%;
}

a {
color: rgb(42, 133, 212);
text-decoration :none;
}

a:hover {
color: #0066a3;
text-decoration :none;
}

a.no-link, a.no-link:hover {
color :#222;
text-decoration :none;
}

#header {
background :#FDFDFD;
margin :0;
padding :6px;
text-align :left;
overflow :hidden;
position :relative;
}

#header .heading {
margin :0;
padding :0;
text-decoration :none;
overflow :hidden;
font-weight :bold;
}

#header .heading a {
font-size :25px;
}

#header .description {
color :#777;
margin :0;
padding :0;
font-size :11px;
font-weight :normal;
}

#navigation {
overflow :hidden;
background :#2E3138;
text-align :left;
margin :6px 0 0;
padding :0;
}

#navigation span {
margin :0;
text-align :center;
padding :0;
display :inline-block;
font-weight :bold;
}

#navigation span a {
background :rgb(42, 133, 212);
color :#FFF;
padding :8px 6px;
margin :0;
display :inline-block;
text-decoration :none;
font-weight :bold;
}

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

#top-content {
background :#FDFDFD;
margin :0;
padding :0 0 3px;
text-align :center;
}

#search-form:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

#search-form {
border :1px solid #ededed;
margin :0 6px;
padding :0;
}

#search-form [type="text"] {
background :none;
border :none;
display :inline;
font-size :13px;
width :78%;
margin :0;
padding :6px;
color :#222;
float :left;
}

#search-form [type="submit"] {
background :rgb(42, 133, 212);
border :none;
display :inline;
font-size :13px;
width :22%;
margin :0 0 0 -22%;
padding :6px;
color :#FFF;
font-weight :bold;
float :right;
}

#content {
background :#FDFDFD;
display :block;
margin :0;
padding :3px 6px 3px;
}

.post {
margin :0 0 5px;
padding :5px;
font-size :13px;
border :1px solid #ededed;
position :relative;
height :50px;
}

.post:last-child {
margin-bottom :0;
}

.thumbnail {
border :0 !important;
margin :0 !important;
width :60px !important;
height :60px !important;
padding :0 !important;
position :absolute;
top :0;
left :0;
right :0;
}

.post:before {
position :absolute;
top :0;
left :0;
right :0;
width :60px;
height :60px;
margin :0;
padding :0;
content :"";
background :url(/doc/image/noimage.jpg) center no-repeat;
border :0;
background-size :100% 100%;
}

.post-meta {
color :#888;
margin :0;
padding :0;
}

.post .post-meta {
font-size :0;
overflow :hidden;
padding :0 0 6px 60px;
position :relative;
text-align :left;
}

.post-single {
margin :0 0 6px;
padding :0;
font-size :13px;
border :0;
position :relative;
width :auto;
height :auto;
}

.post-single .post-meta {
border :1px solid #ededed;
font-size :11px;
margin-bottom :6px;
padding :5px;
text-align :left;
}

.post-meta .title {
color :#222;
font-weight :bold;
font-size :15px;
margin :0;
padding :0;
}

.post-meta .title a {
display :block;
font-weight :bold;
font-size :13px;
height :50px;
overflow :hidden;
}

.post-meta .categories {
font-size :0;
font-weight :normal;
margin :5px 0 0;
padding :0;
}

.post-meta .categories a {
background :rgb(42, 133, 212);
color :#fff;
font-size :12px;
font-weight :normal;
margin :3px 3px 0 0;
padding :3px;
display :inline-block;
}

.post .post-content {
overflow :hidden;
margin :auto;
padding :0px;
font-size :0;
height :0;
}

.post-single .post-content {
border :1px solid #ededed;
padding :5px;
overflow-wrap :break-word;
margin :6px 0;
text-align :left;
}

.post-single .post-content img {
max-width :100%;
}

.post-meta2 {
margin :0;
padding :0;
}

.post-meta2 a {
color :#fff;
font-weight :bold;
margin :0;
padding :2px;
text-align :center;
background :rgba(0,0,0,0.45);
position :absolute;
top :0;
left :0;
right :0;
width :50px;
overflow :hidden;
}

.post-meta2 span {
display :none;
}

#share-buttons:before {
content :"Bagikan : ";
display :inline-block;
padding :0 0 2px;
}

#share-buttons {
background :#f5f5f5;
text-align :right;
padding :6px;
margin :6px 0 12px;
}

#share-buttons a {
margin :0;
padding :2px;
}

#next_previous {
display :block;
margin :0;
padding :6px 0 0;
font-size :13px;
}

#next_previous a {
color :#fff;
padding :5px 6px;
}

#next_previous .previous {
background :rgb(42, 133, 212);
content :"Mundur";
display :inline-block;
float :left;
}

#next_previous .next {
background :#0066a3;
content :"Maju";
display :inline-block;
float :right;
}

#next_previous .clear {
display :block;
clear :both;
}

#comments {
margin :0;
padding :0;
text-align :left;
}

#comments h3, #recent-posts-list h4 {
background :none;
border-bottom :3px solid #ededed;
color :#222;
font-size :14px;
font-weight :bold;
margin :0;
padding :8px 0;
position :relative;
}

#comments h3:after, #recent-posts-list h4:after {
content :'';
display :block;
width :40%;
height :3px;
position :absolute;
bottom :-3px;
left :0;
background :#0066a3;
}

#comments h4 {
border :1px solid #ededed;
color :#222;
margin :6px 0;
padding :6px;
text-align :center;
} 

#comments h5 {
border :1px solid #ededed;
color :#222;
margin :0 0 6px;
padding :6px;
text-align :center;
}

.comment {
margin :6px 0;
padding :6px;
border :1px solid #ededed;
border-left :4px solid #ededed;
position :relative;
}

.comment-content {
margin :auto;
padding :0;
overflow-wrap :break-word;
}

#comments .comment .comment-header {
font-size :12px;
color :#888;
padding :0 0 6px;
}

#comments .comment .comment-header .title {
background : none !important;
border : none !important;
color :#222;
display :inline;
font-size :13px;
font-weight :normal;
margin : 0 !important;
padding : 0 !important;
text-align :left !important;
}

#comments .comment .comment-header .title a {
font-size :13px;
padding :0;
text-decoration :none;
font-weight :bold;
}

#comments .comment .comment-left-content .date {
color :#888;
margin :0;
padding :0;
text-align :right;
}

#comment_form {
border :#ededed solid 1px;
margin :5px 0 0;
padding :6px;
text-align :left;
}

#comments form small {
content :"(Berkomentarlah dengan baik dan bijak, jangan meninggalkan link / url yang mengandung spam)";
}

#comments form textarea {
background :none;
border :1px solid #f0f0f0;
color :#222;
width :75%;
margin :3px 0;
padding :2px;
height :85px;
font-size :13px;
}

#comments form [type="text"] {
background :none;
border :1px solid #f0f0f0;
color :#222;
width :65%;
margin :3px 0;
padding :2px;
font-size :13px;
}

#comments form [type="submit"] {
background :#2E3138;
border :none;
color :#fff;
padding :6px;
margin-top :4px;
width :50%;
font-size :13px;
}

#pagination-links:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

#pagination-links {
background :#FDFDFD;
margin :0;
padding :3px 6px;
text-align :center;
font-size :0;
}

#pagination-links a {
background :#f0f0f0;
color :#222;
font-size :13px;
display :inline-block;
margin :1px;
padding :5px;
}

#pagination-links span {
font-size :13px;
display :inline-block;
background :#0066a3;
color :#FFF;
margin :1px;
padding :5px;
}

#pagination-links a:first-child {
background :rgb(42, 133, 212);
color :#FFF;
content :"Back";
}

#pagination-links a:last-child {
background :rgb(42, 133, 212);
color :#FFF;
content :"Next";
}

#bottom-content {
background :#FDFDFD;
display :block;
font-size :13px;
padding :3px 6px 0;
}

ol, ul {
margin :0;
padding :6px 0;
}

li {
margin :0;
padding :5px 0;
border-bottom: 1px dotted #D5D5D5;
list-style :none;
}

li ul {
margin :-5px 0;
padding :0;
}

li:last-child {
border-bottom :0;
}

#bottom-content h2, #bottom-content h3,#bottom-content h4 {
font-size :14px;
font-weight :bold;
margin :0;
background :#F3F3F3;
color :#222;
padding :8px;
text-align :left;
}

h3 a, h4 a {
color :#222;
}

#navigation-menu, #category-bottom, #blogroll {
display :block;
margin :0;
padding :0;
}

#navigation-menu li {
color :#787878;
}

#navigation-menu li a {
color :#222;
}

#navigation-menu li a:hover {
color :rgb(42, 133, 212);
}

#navigation-menu ul li h2, #navigation-menu ul li h3, #navigation-menu ul li h4 {
margin :-6px 0;
}

.link-top:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

.link-top a {
background :rgb(42, 133, 212);
color :#fff!important;
content :"Ke Atas"!important;
float :right!important;
font-size :13px;
padding :5px;
margin :0;
}

.link-top a:hover {
background :#0066a3;
color :#fff!important;
}

.link-top a:after {
background :#0066a3;
color :#fff!important;
content :"↑";
font-size :13px;
padding :5px;
margin :0 -5px 0 5px;
}

#category-bottom ul:after, #blogroll ul:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

#category-bottom li {
border :0;
color :transparent;
display :inline-block;
float :left;
font-size :0;
margin :0 2px 2px 0;
padding :5px 0;
}

#category-bottom li a {
background :rgb(42, 133, 212);
color :#FFF;
margin :0;
padding :5px;
font-size :13px;
}

#category-bottom li a:hover {
background :#0066a3;
color :#FFF;
}

#category-bottom li a:before {
content :"#";
background :#0066a3;
color :#FFF;
margin :0 5px 0 -5px;
padding :5px;
font-size :13px;
}

#blogroll li {
background :#0066a3;
border :0;
display :inline-block;
float :left;
margin :0 2px 2px 0;
padding :5px;
}

#blogroll li:hover {
background :rgb(42, 133, 212);
}

#blogroll li a {
color :#FFF;
margin :0;
}

#following-list h4, #blogroll_list h4 {
background :none;
border-bottom :3px solid #ededed;
color :#222;
font-size :14px;
font-weight :bold;
margin :0 0 6px;
padding :8px 0;
position :relative;
}

#following-list h4 a, #blogroll_list h4 a {
border-bottom :3px solid #0066a3;
padding :0 0 8px;
}

#recent-posts-list ol, #following-list ol, #blogroll_list ol {
border :none;
margin :6px 0 0;
padding :0;
}

#following-list ol:after, #blogroll_list ol:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

#following-list li, #blogroll_list li {
background :rgb(42, 133, 212);
border :0;
display :inline-block;
float :left;
margin :0 2px 2px 0;
padding :5px;
}

#following-list li a, #blogroll_list li a {
color :#FFF;
margin :0;
}

#footer {
background :#2E3138;
text-align :center;
font-size :13px;
color :#DDD;
padding :6px;
position :relative;
}

#footer a {
color :#FFF;
font-weight :normal;
}

#footer #powered-by {
padding :0;
margin : 0;
line-height :13px;
}

#powered-by a {
content :"XTGEM";
}

#footer h6:before {
color :#fff;
content :"BE27 - ";
font-weight :normal;
font-size :13px;
}

#footer h6:after {
content :"JANGAN BOSEN ANIME";
display :block;
font-size :13px;
color :#fff;
margin : 3px 0 0;
}

#footer h6 {
font-weight :normal;
padding :3px 0 0 0;
font-size :13px;
}

#footer span {
border :none !important;
color :#fff !important;
background :transparent !important;
font-weight :normal;
}

#footer img {
content :none !important;
}

.highlight, .messages {
background :#FDFDFD;
font-size :13px;
font-weight :bold;
text-align :center;
margin :0;
padding :6px;
color :#222;
}

.comment sub {
color :green;
vertical-align :baseline;
}

.comment sup {
color :blue;
vertical-align :baseline;
}

.post-content h2 {
font-size :22px;
}

.post-content h3 {
font-size :19px;
}

.post-content h4 {
font-size :15px;
}

.post-content h5 {
font-size :13px;
}

.post-content h6 {
font-size :11px;
}

.post-content ol, .post-content ul {
margin :6px 0 6px 6px;
padding :0;
}

.post-content ol li {
margin :0;
padding :3px 0;
border-bottom :none;
list-style :inside decimal;
}

.post-content ul li {
margin :0;
padding :3px 0;
border-bottom :none;
list-style :inside disc;
}

.post-content textarea {
border :1px solid #0066a3;
}

.post-content form textarea {
width :85%;
margin :2px 0;
padding :2px;
height :150px;
}

.post-content form [type="text"] {
width :70%;
margin :2px 0;
padding :2px;
}

.post-content form [type="submit"] {
padding :2px;
margin-top :4px;
width :70%;
}

table {
max-width: 100%;
width: 100%;
margin: 1.5em auto;
border-collapse: collapse;
border-spacing: 0;
}

table td, table caption {
border: 1px solid #EEE;
padding: 10px;
text-align: left;
vertical-align: top;
}

table th {
border: 1px solid #EEE;
padding: 10px;
text-align: left;
vertical-align: top;
}

table.tr-caption-container {
border: 1px solid #EEE;
}

th {
background: #444;
color: #FFF;
font-weight: 700;
}

th a:hover {
color: #FFF;
}

table caption {
border: none;
font-style: italic;
}

td, th {
vertical-align: top;
text-align: left;
font-size: 14px;
padding: 3px 5px;
border: 1px solid #eee;
}

td:nth-child(odd) {
background: #FAFAFA;
}

iframe.youtube-player {
width: 90%;
height: 300px;
}

blockquote {
background: #f5f5f5;
border-left: 4px solid #e5e5e5;
font-style: italic;
margin: 6px 20px;
padding: 8px;
}

/* RESPONSIVE TEMPLATE */

/* WIDTH 640PX */

@media only screen and (min-width: 630px) {
body {
max-width: 630px;
margin :10px auto;
}

/* POPULAR POST */

.popular-post {
padding :0;
margin :0;
}

.popular-post ul {
margin :-5px 0 !important;
padding :6px 0 !important;
border :0;
}

.popular-post ul:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

.popular-post li {
min-height :42px !important;
clear :both;
}

.popular-post li a {
margin :0;
padding :0;
}

.popular-thumbnail {
float:right;
margin :0 0 0 6px;
padding :0;
border :none;
display :inline;
width :42px !important;
height :42px !important;
}

.popular-thumbnail a {
display :block;
margin :0;
padding :0;
width :42px;
height :42px;
}


#top-content {
margin :0;
padding :0;
}

#top-content:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

#search-form {
border :1px solid #ededed;
margin :0 6px;
padding :0;
position :absolute;
top :6px;
right :0;
width :220px;
float :right;
}

#search-form [type="text"] {
background :none;
border :none;
display :inline;
width :72%;
margin :0;
float :left;
}

#search-form [type="submit"] {
border :none;
display :inline;
width :26%;
margin :0 0 0 -26%;
float :right;
}

#content {
position :relative;
}

#content:after {
margin :0;
padding :0;
display :block;
content :"";
clear :both;
}

.post {
margin: 0 0 6px;
position: relative;
height: 120px;
width: 294px;
display: inline-table;
}

.post:nth-child(odd) {
float: left;
}

.post:nth-child(even) {
float: right;
margin-right: 0;
}

.thumbnail {
margin :5px 0 0 5px !important;
width :55px !important;
height :55px !important;
}

.post:before {
margin :5px 0 0 5px !important;
width :55px;
height :55px;
}

.post .post-meta {
overflow :hidden;
padding :0 0 0 65px;
position :relative;
}

.post-meta .title a {
display :block;
font-weight :bold;
font-size :13px;
height :55px;
overflow :hidden;
}

.post .post-content {
overflow :hidden;
margin :auto;
padding :5px 0 0;
font-size :13px;
height :45px;
}

.post-meta2 a {
margin :5px 0 0 5px;
}

#footer {
text-align :left;
position :relative;
}

#footer h6 {
float :right;
font-weight :normal;
margin :0;
padding :0;
position :absolute;
top :6px;
right :6px;
}
}