﻿/*
Theme Name: Batik
Description: Simple, minimalist and elegant blog theme with responsive layout. The theme settings include options for add your adds code, image, social media, google verifications code, bings verifications code and much more.
Theme URI:
Author: Hendro Prayitno
Author URI: http://amdhas.tk
Version: 0.0.3
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, flexible-width, theme-options, threaded-comments, translation-ready, two-columns, three-columns, right-sidebar, sticky-post
*/
/* =================================================
 Global settings
================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
body:before,body:after{ content:""; display:table}
body:after{ clear:both}
img,
object,
embed{max-width:100%;}
img{height:auto}
body{font-family: 'Neuton';
width:100%;max-width:1140px;
margin:0 auto;
background:url(images/batik1.jpg);
}
table th {color: #222;}
table td, 
table th {padding: 3px 6px;font-size: 12px;}
table{border-collapse: collapse;border-spacing: 0;margin-bottom: 10px;border: 1px solid #333;}
article, 
aside, 
details, 
figcaption, 
figure,
footer, 
header, 
hgroup, 
menu, 
nav, 
section {display: block;}
a{color:#2361a1;text-decoration:none}
a:visited{color:#777;text-decoration:none}
a:hover{text-decoration:none;color:#41b7d8}
.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display:inline-block;margin-left: auto;margin-right: auto;margin-bottom:0;}
ol{margin-left:20px}
ul{margin-left:10px}
ol,ul{margin-bottom:7px;}
dl {margin: 0 1.625em;}
dt {font-weight: bold;}
dd {margin-bottom: 1.625em;}
strong {font-weight: bold;}
cite, 
em, 
i {font-style: italic;}
blockquote {font-family: Georgia, "Bitstream Charter", serif;font-style: italic;
font-weight: normal;margin: 2em 2.2em;line-height:1.4em;}
blockquote em, 
blockquote i, 
blockquote cite {font-style: normal;}
blockquote cite {
color: #666;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;letter-spacing: 0.05em;text-transform: uppercase;}
pre {background:#ffffe0;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;
font: 13px "Courier 10 Pitch", Courier, monospace;line-height: 1.5;margin-bottom: 1.625em;overflow: auto;padding: 0.75em 1.625em;border-left:5px solid #298cba;}
code, 
kbd {font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, 
acronym, 
dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block;margin: 0 0 1.625em;}
ins {background: #fff9c0;text-decoration: none;}
sup,
sub {font-size: 10px;height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before,
q:before{content:'"';font-size:4em;float:left;text-align:right;}
blockquote, q {quotes: "" "";}
a img {border: 0;}
p{margin-bottom:15px;}
/* =================================================
 Header settings and Title
================================================= */
h1 { font-size: 170%}
h2 { font-size: 140%}
h3 { font-size: 120%}
h4 { font-size:100%}
h5 { font-size:100%}
h6 { font-size:100%}
.header{background: #fff;padding-top:15px;margin:0;}
.title-blog h1{padding-left:15px;font-size:2.5em;text-transform:uppercase;color:#888;line-height:1;}
.header a:hover{color:#f00;}
.description{font-size:14px;padding-left:15px;margin-top:-5px;color:;}
.eror{text-align:center;margin-top:5%;padding-bottom:15px;}
.eror h1{color:#000;font-size:36px;}
.eror h2{color:#000;font-size:21px;}
.title-post a{color:#999;font-family: 'Neuton';margin:0;font-size:1.3em;text-transform:uppercase;float:left;display:inline;padding-left:15px;}
.title-post a:hover {color:#ffbe5d;}
.post-info{font-size:11px;margin-bottom:0;}
.title a{color:#999;font-size:1.1em;text-transform:uppercase;line-height:1;word-wrap:break-word;}
.title a:hover {color:#41b7d8;}
.published{font-size:10px;}
h1.page-title{font-size:2em;font-style:italic;line-height:1;word-wrap:break-word;padding-bottom:15px;}
/* =================================================
 Caption and image
================================================= */
.wp-post-image {padding: 5px;border: 1px solid #ddd;margin-top:5px;}
.wp-caption {margin-top: 0.4em;}
.wp-caption {background: #f4f4f4;margin-bottom: 1.625em;max-width: 96%;padding: 9px;}
.wp-caption img {display: block;margin: 0 auto;max-width: 98%;}
.wp-caption .wp-caption-text,
.gallery-caption {color: #666;font-family: Georgia, serif;font-size: 12px;}
.wp-caption .wp-caption-text {margin-bottom: 0.6em;padding: 10px 0 5px 0;position: relative;}
.wp-caption .wp-caption-text:before {color: #666;content: '';font-size: 14px;font-style: normal;font-weight: bold;margin-right: 5px;position: absolute;}
.format-gallery .gallery-thumb {float: left;display: block;margin: .375em 1.625em 0 0;}
.gallery { margin: 0 auto; }
.gallery .gallery-item {margin-top: 0;text-align: center;width: 30%;}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-4 .gallery-item {margin:0 1.0416666666666665%;float: left;display:inline;}
.gallery img {box-shadow: 1px 2px 2px #999;background: #f2f2f2;}
.gallery img:hover {background: white;}
.gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
/* =================================================
  Font your face
================================================= */
@font-face {
    font-family: 'Neuton';
    src: url('font/Neuton.eot');
    src: url('font/Neuton.eot?#iefix') format('embedded-opentype'),
         url('font/Neuton.woff') format('woff'),
         url('font/Neuton.ttf') format('truetype'),
         url('font/Neuton.svg#NeutonRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =================================================
 Settings
================================================= */
#s{width:50%;margin-left:15px;}
#searchform{margin-left:2px;margin-top:60px;}
#searchsubmit{width:100px;cursor:pointer;color:#222;}
#searchsubmit:hover{background:#f5f5f5;}
.ekserp ol,
.ekserp ul{margin-left:1.0888em}
.ekserp{padding-bottom:15px;color:#333;border-top:2px solid #999;padding-top:8px;padding-left:15px;padding-right:15px;margin-top:4px;font-size:1.02555em;line-height:1.3em;}
.home-content{line-height:1.3em;width:52%;float:left;display:inline;background:#fff;}
.breadcrumb{font-size:1.1em;padding:10px;margin-bottom:20px;}
.side-depan{width:48%;float:left;display:inline;}
.side-padding{padding:15px;background:#f5f5ff;}
.adds-1{padding-top:15px;}
.adds-1 img{*width:80%;}
.header img{*width:400px;*height:50px;}
.side-padding2{padding:15px;width:87%;background:#eee;margin-top:35px;border-radius: 0 15px 0 0;}
.sticky{background: #f6f6f6;padding-bottom:10px;margin-bottom:15px;}
.tag-links{margin-bottom:10px;font-size:90%;}
.tagged{overflow:auto;padding:10px;}
.entry-meta{margin-top:20px;padding-left:15px;}

/* =================================================
 Need Style for widget calendar 
================================================= */
#calendar_wrap {background: #f6f6f6;color:black;padding:10px;border-radius:5px;}
#wp-calendar{width:100%;clear:both;}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
#wp-calendar {}
#wp-calendar caption{text-align:left;font-size:1.3em;font-weight:bold;margin-left:5px;}
#wp-calendar td,
#wp-calendar th {text-align: center;}
#wp-calendar caption {font-size: 11px;font-weight: 500;padding: 5px 0 3px 0;text-transform: uppercase;}
#wp-calendar th {background: #f4f4f4;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;font-weight: bold;}
#wp-calendar td {background: #f4f4f4;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
/* =================================================
 Navigation top menu or primary menu
================================================= */
#navmenu{background:#eee;clear: both;display: block;float:left;margin: 0 auto;width: 100%;}
#navmenu ul {font-size: 13px;list-style: none;margin: 0 0 0 -0.8125em;padding-left: 0;}
#navmenu li {float:left;position: relative;}
#navmenu a {border-right:1px solid #999;text-transform:uppercase;color: #777;display: block;line-height: 3.333em;padding: 0 1.4125em;text-decoration: none;}
#navmenu ul ul {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);display:none;float: left;margin: 0;position: absolute;top: 3.333em;left: 0;width:188px;z-index: 99999;}
#navmenu ul ul ul {left:100%;top: 0;}
#navmenu ul ul a {border-right:none;background: #f9f9f9;border-bottom: 1px dotted #ddd;color: #999;font-size: 13px;font-weight: normal;height: auto;line-height: 1.4em;padding: 10px 10px;width:168px;}
#navmenu li:hover > a,
#navmenu ul ul :hover > a,
#navmenua:focus {background: #efefef;}
#navmenu li:hover > a,
#navmenu a:focus {background: #f9f9f9;background: -moz-linear-gradient(#f9f9f9, #e5e5e5);background: -o-linear-gradient(#f9f9f9, #e5e5e5);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);color: #373737;}
#navmenu ul li:hover > ul {display: block;}
#navmenu.current_page_item > a,
#navmenu.current_page_ancestor > a {font-weight: bold;}
.navi{padding-bottom:25px;padding-top:22px;}
.page-numbers li{float:left;display:inline;list-style:none;padding: 4px 8px;margin-left:2px;line-height: 1em;color: #444;border:1px solid #444;}
.page-numbers{padding: 6px 8px;}
.navi .current{ color: #aaa; }
/* =================================================
 Author setting
================================================= */
#authorarea{background: #f6f6f6;padding: 10px;overflow:hidden;color: #333;margin-bottom:15px;box-shadow:1px 1px 3px #999;}
#authorarea h3{font-size: 18px;color:#333;margin:0;padding:5px 10px 5px 15px;}
#authorarea h3 a{text-decoration:none;color: #333;font-weight: bold;}
#authorarea img{margin-top:12px;padding:10px;float:left;border: 1px solid #ddd;width: 100px;height: 100px;max-width:100%;}
#authorarea p{font-size:82%;color:#333;margin:0;padding:0px 10px 10px 15px;word-wrap:break-word}
#authorarea p a:link{color:#f00;}
#authorarea p a:hover{color:#900;}
.authorinfo{padding-left:120px;}
/* =================================================
 Comment settings
================================================= */
input[type="text"], input[type="password"], select {background:#f4f4f4;border:1px solid #aaa;margin:0;outline:none;padding:8px 10px;vertical-align:middle;width:70%;}
textarea{background:#f4f4f4;height:auto;overflow:auto;margin:0;outline:none;padding:8px 10px;width:90%;}
input[type="submit"]{cursor:pointer;background:#ffffff;color:#555;display:inline-block;margin:0;padding:6px 10px;text-decoration:none;text-shadow:0 1px 0 #fff;vertical-align:middle;}
#comments-title {color: #666;font-size: 10px;font-weight: 500;line-height: 2.6em;padding: 0 0 2.6em;text-transform: uppercase;}
.nopassword,
.nocomments {color: #aaa;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;}
.commentlist {list-style: none;margin: 0 auto;}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {width: 100%;}
.commentlist > li.comment {background: #f6f6f6;border: 1px solid #ddd;-moz-border-radius: 3px;border-radius: 3px;margin: 0 0 1.625em;padding: 1.625em;position: relative;}
.pingback, .trackback  {margin: 0 0 1.625em;padding: 0 1.625em;}
.commentlist .children {list-style: none;margin: 0;}
.commentlist .children li.comment {background: #fff;border-left: 1px solid #ddd;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;margin: 1.625em 0 0;padding: 1.625em;position: relative;}
.commentlist .children li.comment .fn {display: block;}
.comment-meta .fn {font-style: normal;}
.comment-meta {color: #666;font-size: 12px;line-height: 2.2em;}
.commentlist .children li.comment .comment-meta {line-height: 1.625em;margin-left: 50px;}
.commentlist .children li.comment .comment-content {margin: 1.625em 0 0;}
.comment-meta a {font-weight: bold;}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {}
.commentlist .avatar {-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 2px #ccc;-moz-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;padding: 0;top: 0;float:right;clear:both;margin-bottom:20px;}
.commentlist > li:before {left: -21px;position: absolute;}
.commentlist > li.pingback:before {content: '';}
.commentlist .children .avatar {background: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;left: 2.2em;padding: 0;top: 2.2em;}
a.comment-reply-link {background: #eee;-moz-border-radius: 3px;border-radius: 3px;color: #666;display: inline-block;font-size: 12px;padding: 0 8px;text-decoration: none;}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {background: #888;color: #fff;}
a.comment-reply-link > span {display: inline-block;position: relative;top: -1px;}
.commentlist > li.bypostauthor {float:left;}
.commentlist > li.bypostauthor .comment-meta {color: #575757;}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {}
.commentlist > li.bypostauthor:before {content:"Author comment";position:absolute;top:0;left:1%;color:#fff;background:#900;padding:5px;font-size:1.1em;}
.commentlist .children > li.bypostauthor {background: #ddd;border-color: #d3d3d3;}
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {margin-left: 102px;width: auto;}
.page-template-sidebar-page-php #respond {width: auto;}
#respond {-moz-border-radius: 3px;border-radius: 3px;margin: 0 auto;padding: 1.625em;position: relative;width: 90%;}
#respond input[type="text"],
#respond textarea {background: #fff;border: 4px solid #eee;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);position: relative;padding: 10px;text-indent: 80px;}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {position: relative;}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {background: #eee;-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);box-shadow: 1px 2px 2px rgba(204,204,204,0.8);color: #555;display: inline-block;font-size: 13px;left: 4px;min-width: 60px;padding: 4px 10px;position: relative;top: 40px;z-index: 1;}
#respond input[type="text"]:focus,
#respond textarea:focus {text-indent: 0;z-index: 1;}
#respond textarea {resize: vertical;width: 95%;}
#respond .comment-form-author .required,
#respond .comment-form-email .required {color: #bd3500;font-size: 22px;font-weight: bold;left: 75%;position: absolute;top: 45px;z-index: 1;}
#respond .comment-notes,
#respond .logged-in-as {font-size: 13px;}
#respond p {margin: 10px 0;}
#respond .form-submit {float: right;margin: -20px 0 10px;}
#respond input#submit {background: #222;border: none;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);box-shadow: 0px 1px 2px rgba(0,0,0,0.3);color: #eee;cursor: pointer;font-size: 15px;margin:20px 0;padding: 5px 22px 5px 22px;float:left;text-shadow: 0 -1px 0 rgba(0,0,0,0.3);}
#respond input#submit:active {background: #1982d1;color: #bfddf3;}
#respond #cancel-comment-reply-link {color: #666;margin-left: 10px;text-decoration: none;}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {text-decoration: underline;}
.commentlist #respond {margin: 1.625em 0 0;width: auto;}
#reply-title {color: #373737;font-size: 24px;font-weight: bold;line-height: 30px;}
#cancel-comment-reply-link {color: #888;display: block;font-size: 11px;font-weight: normal;line-height: 2.2em;letter-spacing: 0.05em;position: absolute;right: 1.625em;text-decoration: none;text-transform: uppercase;top: 1.1em;}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {color: #ff4b33;}
#respond label {line-height: 2.2em;}
#respond input[type=text] {display: block;height: 24px;width: 75%;}
#respond p {font-size: 12px;}
p.comment-form-comment {margin: 0;}
.form-allowed-tags {display: none;}
.says{display:none}
/* =================================================
 Navigation page
================================================= */
.navigation{overflow:hidden;width:100%;margin-bottom:-2px;margin:0;padding:0;}
.navigation a{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;color:#777;display:inline-block;text-decoration:none;}
.navigation a:hover{color:#f00;}
#nav-below{margin-top:0;}
.nav-previous{font-size:1.1em;float:left;margin-right:20px;border-right:2px solid #ddd;}
.nav-next{font-size:1.1em;float:right;}
.meta-prev{font-size:.80em;float:left;margin-right:20px;}
.meta-next{font-size:.80em;float:right;}
/* ========================================================
 Simple grid responsive css 12 coloumn by Hendro Prayitno
============================================================ */
.row {width: 100%;margin: 0 auto;overflow: hidden;}
.one{width:6.25%}
.two{width:14.583333333333334%}
.thre{width:22.916666666666664%}
.four{width:31.25%}
.five{width:39.58333333333333%}
.six{width:47.91666666666667%}
.seven{width:56.25%}
.eight{width:64.58333333333334%}
.nine{width:72.91666666666666%}
.ten{width:81.25%}
.eleven{width:89.58333333333334%}
.tweleve{width:97.91666666666666%}
.one, 
.two, 
.thre, 
.four, 
.five, 
.six, 
.seven, 
.eight, 
.nine, 
.ten, 
.eleven, 
.twelve
{display:inline; float:left; margin:0 1.0416666666666665%}
@media screen and (max-width: 767px) {
.one, 
.two, 
.thre, 
.four, 
.five, 
.six, 
.seven, 
.eight, 
.nine, 
.ten, 
.eleven, 
.twelve
{width:97.91666666666666%;}}
.clear{clear:both;display:block;overflow:hidden;margin-bottom:20px;}
.clearfix{clear:both;display:block;overflow:hidden;}
/* =================================================
 Footer and sidebar settings
================================================= */
.side-footer{display:inline;float:left;margin:0 1.0416666666666665%;width:31.25%}
.footer{text-align:right;font-size:16px;color:#222;padding:18px 20px 15px 8px;margin:0;}
.footer a{color:#111}
.sidebar ul{margin-bottom:10px;}
.sidebar ul li{padding-left:10px;padding-bottom:5px;padding-top:5px;list-style:none;font-size:1em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#999;}
.sidebar ul li:hover{color:#666}
.sidebar ul li p{font-size:1.1em;}
.sidebar ul li a{font-size:1em;color:#000}
.sidebar ul li a:hover{color:#555;text-decoration:none;}
.sidebar ul:last-child{border-style:none}
.sidebar h3{margin-top:15px;color:#777;font-size:130%;text-transform:uppercase;padding:8px 0 8px 10px;}
.below{padding-top:15px;padding-bottom:15px;}
.below{*background-color:#f1f1f1;}
.social{*background-color:#f1f1f1;}
.breadcrumb{*background-color:#f9f9f9;}
.below, 
.social,
.breadcrumb,
.commentlist > li.bypostauthor{background-color:#f1f1f1;background-image: -moz-linear-gradient(#f9f9f9, #e5e5e5);background-image: -o-linear-gradient(#f9f9f9, #e5e5e5);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));background-image: -webkit-linear-gradient(#f9f9f9, #e5e5e5);}
.social{padding-top:10px;border-top:1px solid #eee;}
.icons {list-style:none;line-height:normal;margin:0;text-align:left;}
.twitter,
.youtube,  
.facebook, 
.linkedin,
.rss,
.google,
.stumble,
.blogger,
.deviantart,
.delicious {display: inline;float:left;margin: 2px;padding-left: 3px;}
.scoloumn{width:100%;margin-top:40px;padding:0;word-wrap:break-word;}
.space{padding:15px;border-top:10px solid #d00;background:#f1f1f1;margin-bottom:15px;}
.space li, .space-2 li{list-style:circle;}
.space h3, .space-2 h3{font-size:1.5em;margin:0;line-height:1.3em;}
.space-2{padding:15px;border-top:10px solid #888;background: #f9f9f9;margin-bottom:15px;}
/* =================================================
 CSS media query on 767px
================================================= */
@media screen and (max-width:767px){
body{background:white;color:black}
.commentlist > li.comment, 
.commentlist > li.pingback {margin-left: 0 !important;}
.commentlist .avatar {background: transparent;display: block;padding: 0;position: static;}
.commentlist .children .avatar {background: none;left: 2.2em;padding: 0;position: absolute;top: 2.2em;}
.commentlist {width: 100%;}
#respond {width: auto;}
#authorarea,
.side-footer,
.title-blog,
.home-content,
.side-depan
{display:inline;float:left;width:97.91666666666666%; margin:0 auto;}
.commentlist>li ul.children {clear: both; margin-left: 0px; padding: 0;}
.commentlist>li ul.children li {overflow: hidden; margin: 0 0 -1px;padding: 0px 0px 0px;border: 1px solid #e5e5e5;}
.commentlist>li {overflow: hidden; margin: 0;padding: 0px 0px 0px; border-bottom: 1px solid #e5e5e5; }
.commentlist>li img.avatar{display:none;}
.ekserp{padding-left:1em;padding-right:1em;padding-top:8px;}
.title-blog h1{padding-left:0;text-align:center;font-size:2em;word-wrap:break-word;}
.description{padding-left:5px;text-align:center;}
.title a, 
.header h1 a{font-size:1.1em;margin-bottom:5px;text-align:center}
.header{position:relative;border-bottom:none;box-shadow:none;}}