padding:0 10px;
width:1%;
}
#search-form input#search-box[type="text"] {
margin:0 0 0 0;
}
#search-form input#search-button[type="submit"] {
margin:0 0 0 0;
}
.img-thumbnail {
margin:3px 10px 3px 0;
}
.recent-post-one-thumb .widget {
padding:0 0 10px 0;
}
#recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget {
padding:0 5px 10px 0;
}
#recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget {
padding:0 0 10px 5px;
}
.sidebar-container, .post-container {
padding:15px 0 0px;
}
}
@media only screen and (max-width:640px){
#wrapper {
padding:10px;
}
#post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
float:none;
width:100%;
max-width:100%
}
.header, .header-right {
margin:10px 0;
}
.sidebar-container, .post-container{
padding:10px 0 0px;
}
.largebanner .widget, #bottombar, .berlangganan-box, .author-profile {
padding:10px;
}
.post, .breadcrumbs {
margin:0 0 10px;
padding:10px;
}
.berlangganan-box {
margin:0 -10px 15px;
}
.author-profile {
margin: 15px -10px 0px;
}
.pagenavi {
margin: 6px 0 10px;
}
.recent-post-one-thumb .widget-content {
padding:10px;
}
#bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
margin:0 0 10px 0;
}
.nav-social, .nav-menu {
display: none;
}
.tinynav1 {
display: block;
}
}
@media only screen and (max-width:480px){
#wrapper {
padding:8px;
}
.header, .header-right, .recent-post-one-thumb {
float:none;
width:100%;
max-width:100%
}
.header img {
max-width:160px;
}
.largebanner .widget, #bottombar, .berlangganan-box, .author-profile {
padding:8px;
}
.berlangganan-box {
margin:0 -8px 15px;
}
.author-profile {
margin: 15px -8px 0px;
}
.post, .breadcrumbs {
margin:0 0 8px;
padding:8px;
}
.post-body a > img {
width: 100%;
}
.recent-post-one-thumb .widget-content {
padding:8px;
}
h1{font-size:170%
}
h2{font-size:150%
}
h3{font-size:130%
}
h4{font-size:120%
}
h5{font-size:110%
}
h6{font-size:100%
}
h2.post-title {
font-size:18px;
}
h1.post-title {
font-size:20px;
}
.img-thumbnail, .img-thumbnail img {
width:120px;
height:90px;
}
.img-thumbnail {
margin:3px 8px 3px 0;
}
#recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-5 .widget, #recent-post-one-thumb-6 .widget {
padding:0 0 8px 0;
}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
.footer-left, .footer-right {
float:none;
text-align:center;
}
}
@media screen and (max-width:320px){
#wrapper {
padding:6px;
}
.post, .breadcrumbs, .berlangganan-box, .author-profile {
padding:6px;
}
.berlangganan-box {
margin:0 -6px 15px;
}
.author-profile {
margin: 15px -6px 0px;
}
.recent-post-one-thumb .widget-content {
padding:6px;
}
.img-thumbnail, .img-thumbnail img {
width:100px;
height:80px;
}
}


]]></b:skin>

<b:template-skin>
<![CDATA[
/* CSS FOR LAYOUT */
body#layout .post-container {
padding: 0 15px 0 0;
}
body#layout .sidebar-container {
padding: 0 0 0 0;
}
body#layout .recent-post-one-thumb .widget {
padding: 0 15px 0 0 !important;
}
body#layout div.section {
background: transparent;
margin: 0px 0px 15px 0px;
padding: 0px;
border: none;
box-sizing: border-box;
}
body#layout .add_widget, body#layout .widget-content {
padding: 12px;
}
body#layout .add_widget a {
margin-left: 0px;
font-size: 14px;
}
body#layout div.layout-title {
font-size: 14px;
}
body#layout div.layout-widget-description {
font-size: 12px;
}
body#layout .editlink {
color: #FFFFFF !important;
background: #BBB;
border-radius: 15px;
padding: 4px 6px;
}
body#layout .section h4 {
display: none;
}
body#layout #wrapper {
margin: 0 0;
padding: 20px;
}
body#layout .panel {
float: left;
width: 33.3%;
}
body#layout #header-wrapper {
overflow: visible;
}
body#layout #bottombar {
padding: 0 0;
overflow: visible;
}
body#layout #bottombar .widget {
margin-top: 8px;
}
body#layout #bottombar .left .add_widget, body#layout #bottombar .center .add_widget {
margin-right: 15px;
}
body#layout .dropdowns, body#layout .menu, body#layout #footer-wrapper {
background: #fff;
height: 48px;
border: 1px solid #ddd;
}
body#layout .dropdowns:after, body#layout .menu:after {
content: "Edit menu navigasi manual melalui menu Edit HTML";
padding: 16px;
display: inline-block;
font-size: 14px;
color: #666;
font-family: arial,sans-serif;
}
body#layout .largebanner .widget {
overflow: visible;
}
]]></b:template-skin>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
/* ERROR PAGE */
.status-msg-body:after, .status-msg-hidden:after {
content:&quot;404&quot;;
font-size:120px;
display:block;
margin:20px 0;
font-weight:bold;
color:#FF4F4F;
text-shadow:6px 6px #ddd;
}
.recent-post-one-thumb, #blog-pager {
display:none;
}
</style>
</b:if>

<b:if cond='data:blog.isMobile'>
<style type='text/css'>
/* CSS FOR MOBILE VERSION*/
.mobile #wrapper {
float:none;
width:auto;
max-width:728px;
padding:0 8px;
}
.mobile .widget {
margin:0 0 0 0;
}
.mobile .navigation-menu, .mobile .header, .mobile #content-wrapper, .mobile #post-wrapper, .mobile #sidebar-wrapper, .mobile #footer-wrapper, .mobile .header-right {
float:none;
width:auto;
max-width:728px;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
}
.mobile #content-wrapper {
padding-top:5px !important;
}
.mobile .post-container, .mobile .sidebar-container, .mobile .header {
padding:8px 0 !important;
}
.mobile .header-right {
padding:0 0 8px !important;
}
.mobile .post-body, .mobile #blog-pager, .mobile .header .description, .mobile-index-contents .post-body {
font-size:13px;
}
.mobile .post-body {
line-height:1.5;
}
.mobile .post-info {
margin:0 0 0;
text-align:left;
}
.post, .breadcrumbs {
margin:0 0 8px;
padding:8px;
}
.recent-post-one-thumb .widget-content {
padding:8px;
}
.mobile .mobile-date-outer {
background:#fff;
border:1px solid #f0f0f0;
margin:0 0 8px;
padding:8px;
}
.mobile-index-title {
margin-top:0px;
margin-bottom:8px;
}
.mobile h3.