.mobile_body {margin:0px;padding:0px;border:0px;background:url(/n/batik3.png)repeat;font-size:12px;color:silver}
.body p {color:#ddd}
.body a {color:blue}

#header {margin:0px;padding:1px 6px;border:0;font-size:small;text-align:right;background:#601f00 url(/n/waya.jpg)no-repeat top left
}
#header a {
 color:#fff;
}
#header p {
 color:silver;
 text-align:right
}
#header img {
 max-width:60%;
 max-height:60%
}

/*POSTINGAN*/
.post {
 margin:0px 0px 6px 6px;
 padding:3px;
 background:#ffdfc0 url(/n/batik6.png)repeat-y right}
.post a {
 color:#930
}
.post p {
 color:#222;
}
.post .title {
 margin:-3px -3px 0px -3px;
 padding:5px;
 padding-bottom:15px;
 color:#fff;
 text-align:left;
 font-size:25px;
 border-bottom:2px solid #935;
 background:#903700 url(/n/batik2.png)no-repeat top left}
.post .title small {
 display:block;
 text-align:left;
 color:#888;
 border-top:1px solid #935;
 font-size:small
}
.post .title a {
 color:#fff;
 text-align:left;
 display:block
}
 
#content .post li {
 list-style:none;
 margin:0;
 padding:8px;
 text-align:left;
 color:#333
}
.post img {
 max-width:80%;
 max-height:80%
}

/*KOMENTAR*/
#comments {
 margin:2px 0px 0px;
 padding-left:6px;
 border:0px;
 background:url(/n/batik3.png)repeat;
 color:#eee
}
.comment {
 margin:6px 0px;
 padding:3px;
 border:0;
 background:#f5deb3
}
.comment .title {
 margin:-4px -3px;
 padding:6px;
 padding-bottom:8px;
 border:0;
 text-align:left;
 display:block;
 background:#903700 url(/n/batik2.png)no-repeat top left
} 
.comment .title a {
 color:#fff;
 display:block
}
.comment .title small {
 padding:1px;
 border:0;
 text-align:left;
 color:#888
}
.comment p {
 color:#222
}
#comments form {
 margin:2px -2px 2px;
 padding:2px;
 border:0;
 text-align:center;
 color:#eee
}
#comments form textarea {
 margin:0;
 padding:2px;
 border:2px inset #999;
 color:#222;
 width:80%;
 background:#f5deb3
}
#comments form [type=text] {
 margin:0;
 padding:2px;
 border:2px inset #999;
 color:#222;
 width:80%;
 background:#f5deb3
}
#comments form [type=submit] {
 margin:0;
 padding:2px;
 border:1px solid #696969;
 width:60%;
 color:#fff;
 background:#903700
}


/*KAKI HALAMAN*/
#footer {
 margin:0px -2px 0px;
 padding:1px;
 text-align:center;
 color:#fff;
 background:url(/n/batik.jpg)repeat
}
#footer a {
 color:#808080
}
#footer p {
 color:silver
}
#footer small:before {
 content:"zhu_";
 color:silver;
 font-size:small
}
#footer:after {
 content:"Amazing of java by endyzhu";
 display:block;
 text-align:center;
 color:silver
}
.share_button img {
 content:url(/e/fb.png)
}
/*BAGIAN  NAVIGASI, BLOGROLL CATEGORY
*/
#blogroll, #navigation {
 margin:6px 0px 6px 6px;
 padding:0px;
 background:#ffdfc0 url(/n/batik6.png)repeat-y right;
 border:0;
}  
#category-top  {
 margin:6px 0px 6px 6px;
 padding:0px;
 border:0;
 background:#ffdfc0 url(/n/batik6.png)repeat-y right
 }
#category-top:after, #navigation:after, #blogroll:after {
 content:".";
 background:url(/n/batik5.png)no-repeat bottom left;
 margin:-1px;
 display:block;
 font-size:0;
}
.comment:after, .post:after {
 content:".";
 background:url(/n/batik5.png)no-repeat bottom left;
 display:block;
 font-size:0;
 margin:-4px
}
#comments h2, #comments h3, #comments h4, #category-top h2, #category-bottom h2 {
 margin:0px;
 padding:10px;
 font-weight:bold;
 color:#fff;
 text-align:right;
 font-size:25px;
 background:#cfcfcf;
 background:#903700 url(/n/batik2.png)no-repeat top left}
#navigation h2, #blogroll h2 {
 margin:0px;
 padding:10px;
 border:0;
 color:#fff;
 font-size:25px;
 text-align:right;
 background:#903700 url(/n/batik2.png)no-repeat top left}

#navigation img {
 vertical-align:bottom;
 max-width:70%
} 
#navigation li {
 list-style:none;
 margin:2px 0px 2px;
 padding:6px;
 border:1px solid #f06700;
 border-right:0;
 color:#222;
 text-align:left;
 }
#blogroll li, #category-top li {
 list-style:none;
 margin:2px 0px 2px;
 padding:6px;
 border:1px solid #f06700;
 border-right:0;
 color:#000;
 font-size:0;
 text-align:left;
 }
#category-top li:before,  #navigation li:before, #blogroll li:before {
 content:".";
 background:url(/n/batik7.png)no-repeat top left;
 margin:-7px -7px 0px;
 display:block;
 font-size:0
}
#category-top li a {
 color:#930;
 font-size:small;
 font-weight:bold
}
#navigation li a, #blogroll li a {
 color:#930;
 font-size:small;
 font-weight:bold
}
#category-top ol, #category-bottom ol { 
 margin:-3px -3px -3px 12px;
 padding:3px
}
#navigation ol, #blogroll ol {
 margin:-3px -3px -3px 12px;
 padding:3px
}
#content .post ol {
 margin:-3px;
 padding:2px;
}
#nav_shortcut {
 font-size:0;
 text-align: