<head>
<data:blog.pageTitle/>
<data:blog.pageName/> - <data:blog.title/>
Page Not Found - <data:blog.title/>
<style type="text/css">
<!-- /*
/* Body Layout */
body#layout div.section {background-color: #958686 !important;}
body#layout {width:1080px}
body#layout #header{width:250px;float:left;}
body#layout #myslide{width:60%;float:left;height:350px;}
body#layout #labelatas{width: 250px;float: left;margin-top: -163px;margin-left: 475px;}
body#layout #linkbar-wrapper{float:left;}
body#layout #Categori{width: 400px;}
body#layout #sidebar-wrapper {overflow: visible;width: 300px;float: left;}
body#layout .header-right{width:250px;float:right;}
body#layout #header-tengah{float:left;width:450px;}
body#layout #main {width:400px;float:left;height:300px;background:#131313 !important;}
body#layout ul {display:none}
body#layout #hotitems {height: 180px;}
body#layout #FeaturedPost1, body#layout #Image1{width: 46%;float: left;margin-right: 10px;}
body#layout #artikel-wrapper{width:515px;}
body#layout #full-left div.layout-title{font-size:11px;}
body#layout #full-left,body#layout #full-right{width: 35%;float:left;height:180px}
body#layout .footer-wrapper{margin-top:-230px}
body#layout .footer1,body#layout .footer2,body#layout .footer4{width:260px;float:left}
body#layout .Blog .widget-content {height: 160px !important;}
body#layout .bannerbawahkanan {
float: right;
clear: both;
margin-top: -164px !important;
margin-right: 300px;
overflow: hidden;
position: relative;
width: 300px;
}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar {
padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {
padding:0 0 0 0;}
body#layout .tably {float:left;width:79px;}
body#layout .header-wrapper {margin-top:40px;}
body#layout #navigation {float:right;width:50%;}
body#layout .tably {float:left;width:100%;}
/* CSS Reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* CSS HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#333;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#888;text-decoration:none;}
a:link:hover{color:#444;text-decoration:none;}
a:visited:hover{color:#eac965;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
mark{background-color:#ffce00;color:#fff;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#46515e;}
/* CSS Blog Heading */
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{line-height:normal;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}
/* CSS Form */
input,button,select,textarea{font-family:'Open Sans';font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Open Sans';color:#46515e;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{margin-left:2em;margin-right:2em;padding:1em 1em;font-size:100%;background:#fff9e7;color:#444;border:1px solid #f0ebda;}
blockquote:before{display:none;content:"\f10d";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-right:4px;color:#444;}
/* blockquote:after{content:"\f10e";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-left:4px;} */
.awal{float:left;color:#11b7b5;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:times;font-size:50px;}
/* CSS List */
ul,dl{margin:.5em 0em .5em .5em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
/* CSS List Custom */
.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#eee;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#fafafa;}
ol {counter-reset:li;list-style:none;font-size:13px;font-family:'Open Sans','lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2.5em;background:#fcfcfc;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li:hover{background:#fafafa;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#fdfdfd;color:#666;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;border:1px solid #ddd;font-family:'Open Sans';transition:all .1s ease-in-out}
.post ol li:hover:before{background:#718397;color:#fff;border:1px solid #697a8e;}
.post ol li:after{position:absolute;content:'';border: .5em solid transparent;
left:-.5em;top:52%;margin-top:-.5em;transition:all .1s ease-in-out}
.post ol li:hover:after{left:-.5em;border-left-color:#718397;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}
/* CSS Post Table */
.post-body table th, .post-body table td, .post-body table caption{padding:.2em .5em;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #d8dde1;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
.post-body th{background:#ecf0f1;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
#atas-artikel{width:600px;overflow:hidden;float:right}
.kiri-atas-artikel{width:275px;overflow:hidden;float:left;max-height: 260px;text-align:center}
.kiri-atas-artikel img{width:270px;height:255px;}
#artikel-wrapper{float:left;width:782px;overflow:hidden;background:#fff}
img {border:none;}
table {}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
/* CSS Post Layout */
body {max-width: 1200px;margin: auto;margin-top: 5px;padding:0 0 0 0;color:#444;font-family:'Roboto';font-size:15px;font-weight:400;text-align:left;top:40px;}
img {border:none;}
#wrapper{padding: 5px}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none!important;}
header,nav,section,aside,article,footer {display:block;}
/* CSS Global Wrapper */
/* Top Menu */
#top-menu{background:#F94D2F;text-align:left;border-bottom:1px solid #ddd;height:44px;position: fixed;left:0;right:0;top: 0px;z-index: 100000;}
@media screen and (max-width:1000px){
#top-menu{height:80px;}
#header-wrapper{margin-top:35px !important;}
}
@media screen and (max-width:800px){
#header-tengah{margin-top:40px !important;}
#labelatas{width:100% !important;}
#header{margin:auto;width:100% !important;}
}
#top-menu #top{width: 100%;margin: 0px 0px auto;padding: 10px;color: #f1f1f1;font-size: 13px;}
#top-menu #top ul{list-style:none;margin:0;padding:5px 0;font-size:12px}
#top-menu #top ul li{display:inline;margin:0 0 0 2px}
#top-menu #top ul li a{font-weight:normal;color:#111;border-right:1px solid rgba(255,255,255,0.2);padding-right:5px;font-size:11px}
#top-menu #top ul li:last-child a{border:none}
#top-menu #top ul li.tanggal{float:left;margin:0;color:#111;font-size:11px}
#top-menu #top ul li.tanggal strong{font-size:12px;margin-right:5px;font-weight:normal}
#nav,.shareink-mainmenu,#search-form,.btn-purple{background:$maincolor}
.shareink-mainmenu > li > a.active,#search-form input#search-button[type="submit"],.vitabs-menu .active-tab span{background:$navactive}
.relpro h4 {border-bottom: 2px solid $maincolor;text-align: left;font-family: Arial;font-size: 18px;padding: 1px;width:160px;}
.footer4{background:#F94D2F}
.linebutton{border:2px solid $maincolor;}
.sidebar .widget h2,#produkterbaru,{color:$maincolor;}
.bawahmenu{border:1px solid $maincolor;}
#outer-wrapper {max-width:980px;margin:20px auto;padding:20px;overflow:hidden;}
#post-wrapper {float:left;width:70%;margin:0 0 10px;}
.post-inner {padding:15px 15px 0 0;}
#header-wrapper {max-width:1200px;margin:0 auto;margin-bottom:5px;overflow:hidden;padding-top:5px}
#header {float:left;width:300px;margin-left:10px}
#header-tengah {float:right;width: 600px;text-align: center;color: #121111;margin-top:-15px;}
#header-tengah img{width:100%;max-height:100px;}
#header-tengah h2{display:none}
.header-right {float:right;overflow:hidden;width:60px;color: #fc7909;font-weight: bold;text-align:right;margin:auto 10px;background: #000;padding: 5px;border-radius: 10px 0px 0 10px;margin-top: -6px;}
.header-right .widget{float:right;margin-right:5px;margin-bottom:5px}
.header-right .fa{float:right;border: 1px solid #5B53AD;padding: 2px;margin-right: 6px !important;transition:all 0.5s;}
.header-right .fa:hover{border:1px solid #685ED1}
.header-right img {width:728px;height:100px}
.header-right a:link{color:#000}
.header-wrapper2 {position:relative;z-index:999;}
.Header .description{color:#726E6E;font-size:11px;font-family:oswald;}
ul.service{padding:0;list-style:none;margin:0;display:table;float:right;border-spacing: 5px;border-collapse: separate;color: #333;background: #fff;}
#header-tengah ul li{display: table-cell;;padding:5px 25px 5px 45px;border:1px dashed #ddd;margin:0 0 0 10px;font-size:13px;font-weight:normal}
#header-tengah ul li span{display:block;font-size:12px;font-weight:bold;padding-top:2px}
#header-tengah ul li.phone{background:url(http://4.bp.blogspot.com/-Qqm90gGRCi8/VRPZcGzGg-I/AAAAAAAAAJc/4h9fn73ytq4/s35/phone.png) no-repeat left center;background-position:5px center}
#header-tengah ul li.wa{background:url(http://cdn-img.easyicon.net/png/11290/1129093.gif) no-repeat left center;background-position:5px center}
#header-tengah ul li.bbm{background:url(http://2.bp.blogspot.com/-rvHYM7Wmo-M/VRP7FTkhR4I/AAAAAAAAAJw/PdR6M9Qbyu0/s35/bbm.png) no-repeat left center;background-position:5px center}
#sidebar-wrapper {float:right;width:285px;margin:0 auto;border-radius: 5px;}
#sidebar-kanan {float:right;width:180px;margin:0 auto;border-radius: 5px;margin-left: 5px;max-height: 256px;overflow: hidden;}
.sidebar-inner {padding:15px 0;}
.sidebar .widget {margin-top:7px;;background: #FBF7F7}
.sidebar .widget h2{font-family:'oswald';font-size: 140%;background: #fff;padding-top: 5px;padding-bottom: 5px;overflow:hidden;}
.sidebarkanan .widget h2 {font-family: 'oswald';font-size: 120%;background: #fff;color: #000;padding-top: 5px;padding-bottom: 5px;margin-bottom:5px}
.sidebar .widget h2:after{
content: '';
display: inline-block;
position: absolute;
height: 14px;
top: 2px;
margin: 16px 0 12px 10px;
width: 100%;
background: url(http://2.bp.blogspot.com/-jvkSsDIOLek/VTqhwzaT7VI/AAAAAAAAHp8/aI9NkkfXEYE/s1600/dot.png)repeat;
}
.sidebar a:link{color:#A72314;text-transform: capitalize;}
.footer-wrapper {width:100%;text-align:left;overflow:hidden;margin:20px 0px 0px 0px}
.footer-wrapper .widget ul{padding:0 !important;}
@media (max-width:679px){.footer-wrapper {margin:20px 0px 25px 0px}}}
.footer-wrapper a:link{color:#eee}
#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
.footer-wrapper .widget-content {text-align:left;margin:0 0 15px;color: #fff;font-size: 14px;}
.footer-wrapper .widget-content li {margin-left:-14px;}
.footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 5px;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {padding-bottom:.2em;}
#social_networks{width:100%;display:block;margin:0 auto;text-align:center;}
#social_networks ul {list-style:none;}
.lyco-search {position:relative;padding:0;height:0;margin:0 auto;}
.footer{max-width:980px;text-align:center;border-top:2px solid #CCC2C2;font-size:11px; margin:auto auto 10px auto;font-family: open sans;color: #726B6B;}
.footer1,.footer2{width:31%;text-align:left;font-size:12px; margin:8px 8px 10px 5px;font-family: open sans;float:left;padding:5px;background: none;}
.footer1 a:link,.footer2 a:link{color:#7d7c7c !important}
.footer1 h2,.footer2 h2{color: #333;font-size: 16px;font-weight: 600;text-transform: none;margin-bottom: 20px;}
.footer1 h2:after,.footer2 h2:after{content: " ";width:90px;height: 0px;position: absolute;left: 0;bottom: -2px;border-bottom:2px solid#91C133;}
.footer4{width:29%;text-align:left;font-size:12px; margin:6px auto 6px 10px;font-family: open sans;color: #726B6B;float:right;padding:5px;}
.footer4 h2{color:#eee;text-align:left}
.footer4 a:link{color:#A72314}
.credit{width:100%;text-align:center;border-top:2px solid #CCC2C2;font-size:11px; margin:auto auto 0px auto;font-family: open sans;color: #767677;padding:8px 0;margin-bottom: 65px;}
.credit a:link,.credit a:visited {color:#767677}
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}
.breadcrumbs a:link{color:#D55040;font-weight:bold}
#item_price{height:20px;position:absolute;color:#ECE3E3;font:bold 16px Arial;border:0 none;padding:5px 10px 5px 0px;background: #E75A3A;max-width:160px;text-align:center;left: 0px;top: 58px;border-left:none !important;}
.post-body img{margin-right:7px;text-align:left}
/* Shopping Cart
----------------------------------------------- */
#shoppingCart{background:#2c2c2c url(http://4.bp.blogspot.com/-auJzkeat_xI/UN7MALEcF0I/AAAAAAAAB7k/hI_NP-aYqW8/s1600/simplecart.png) repeat-x top;border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;float:left;color:#ddd;width:243px;margin:10px;padding:0 10px 10px}
#shoppingCart h2{background:url(http://2.bp.blogspot.com/-N9GvSMaH38A/T7qCGHb4ElI/AAAAAAAAGLo/sNUlCs3e8mo/s1600/icon_cart.png) no-repeat left top;display:block;font-size:16px;color:#F6A905;text-decoration:none;margin-bottom:10px;padding:0 0 10px 25px}
.itemname{float:left;clear:both}
.item_thumb{padding:10px}
.simpleCart_items{background:#E7E6E6;-webkit-box-shadow:inset #000 0 2px 8px;-moz-box-shadow:inset #000 0 2px 7px;font-size:80%;min-height:90px;display:block;margin-left:0 auto 5px;overflow:hidden;padding:5px}
.simpleCart_items img{text-align:left;width:40px!important;height:40px!important;padding:2px}
.itemContainer{float:left;width:200px;text-align:center;display:block;position:relative;bottom:0}
.itemthumb{float:left;width:58px;margin:0}
.itemQuantity{float:left;width:10px;margin:6px 0}
.itemQuantity input{border:none;color:#ddd;background:none;float:left;font:bold 11px Arial,sans-serif;height:22px;text-align:center;width:10px;padding:5px}
.itemQuantity input:focus{outline:none}
.itemremove a{color:#ffc23d;float:left;font-weight:700;margin:15px 0 0 5px}
.itemTotal{color:#fff;float:left;font:bold 11px Arial,sans-serif;text-align:right;width:80px;margin:15px 0 0 10px;padding:0}
.simpleCart_finalTotal{color:#fff;font:bold 14px Arial}
#shoppingCart table td{color:#b5b5b5;border:none;padding:2px 0}
#shoppingCart table{border:none;margin-top:5px}
#shoppingCart table td.odd{width:110px;}
#shoppingCart table td.even{width:110px;}
.cartbuttons{margin:10px 0 0}
input.item_add:hover{background:#eee;background-size:40px}
input.item_add{font-size:16px;font-weight:800;text-align:center;border:none;border-radius:2px 2px 2px 2px;-moz-border-radius:2px;-webkit-border-radius:2px 2px 2px 2px;background:#E75A3A;width:180px;height: 40px;margin-right:5px;padding:5px;background-size:40px;font-size: 11px;font-family: 'Arial';color:#131313}
#checkout{background:#D9D9D9;color:#000;text-decoration:none;font-size:80%;display:block;text-align:center;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;padding:10px}
#checkout:hover{background:#333;color:#FFF}
.item_name,.hidden_value,.cartHeaders{display:block}
/*-- Cart
------------------------------------*/
.cart {
float:right;
padding:10px 0px;
}
a.view-cart {
display:block;
width:50px;
height:50px;
float:left;
background:url(http://4.bp.blogspot.com/-E8HXqbwpy44/UaUtChB-eUI/AAAAAAAAG5k/SgzbdhT7n9s/s50/view-cart-Bg.png) no-repeat top center;
margin-right:10px;
text-indent:-99999px;
}
a.simpleCart_checkout,a.simpleCart_empty {
margin-left:.3em;
margin-bottom:5px;
padding:.4em 1.90em .4em 1.90em;
background: #F93005;
color: #fafafa;
text-decoration:none;
border-top:1px solid rgba(255, 255, 255, 0.4);
border-bottom:1px solid rgba(0, 0, 0, 0.4);
border-radius:3px 3px 3px 3px;
}
a.simpleCart_checkout:hover, a.simpleCart_empty:hover {
background:#ff7100;
color:#fafafa;
}
/*------------------------*/
.post h1{text-align:left;font-family: Open sans;font-weight:400;top: -20px;}
.post h1 a:link{color:#333;}
.header img {text-align:center;max-width:300px;max-height:100px;margin-bottom:5px}
#sidebar-wrapper .widget li,.sidebarkanan .widget li,.sidebar .widget li{border-bottom: 1px dashed #CCC8C8;}
#sidebar-wrapper .Label li,.sidebarkanan .Label li,.sidebar .Label li{background: transparent url("https://lh3.googleusercontent.com/-y05d464IVgU/VhHcy5viRII/AAAAAAAABWo/bmdfDH6jQn8/s14-Ic42/panah%252520oranye.jpg") no-repeat scroll left;padding-left: 16px;}
#sidebar-wrapper .Label li,.sidebarkanan .Label li{overflow:hidden;margin-left: -21px;}
.sidebarkanan{position: relative;width:177px;padding:1px;background: #F80909 ;color: #fff;font-size: 26px;font-weight: bold;text-align: center;}
.sidebarkanan .widget-content{text-shadow: 3px 3px #000;}
#BounceToTop {background:#5e5e5e;text-align:center;position:fixed;bottom:53px;right:2px;cursor:pointer;width:40px;height:40px;border-radius:1000px;padding:5px;display:none;transition:all .3s ease-out;opacity: 0.7;}
#BounceToTop:hover {background:#222;}
#BounceToTop:before {content:""; position:absolute; bottom:18px; right:14px; width:0; height:0; border-style:solid; border-width:0 11px 16px 12px; border-color:transparent transparent #fff transparent; line-height:0;}
#BounceToTop:after {content:""; position:absolute; bottom:18px; right:15px; width:0; height:0; border-style:solid; border-width:0 10px 14px 11px; border-color:transparent transparent #5e5e5e transparent; line-height:0;transition:all .3s ease-out;}
#BounceToTop:hover:after {border-color:transparent transparent #222 transparent;}
/*--comment hack--*/
#comments {}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-left:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {padding-left: 7%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(http://4.bp.blogspot.com/-lABM2Z7_HVs/Ui_XAxhHY6I/AAAAAAAAFXc/wbQNB2SkcIQ/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}
/*--end comment hack--*/
.jump-link{display:none}
/* Label */
.widget-content.list-label-widget-content {padding:0;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:10px;}
.label-count {background:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;color:#111;}
.label-count:hover {background:#29abe2;color:#fff;}
.footer-wrapper .Label li {background:transparent;color:#666;padding:5px;text-align:left;width:94%;border-bottom:1px solid #eee;transition:all .3s ease-out;list-style: none;}
.footer-wrapper .Label li:hover {color:#29abe2;}
.footer-wrapper .Label li:before {content:"\f105";font-style:normal;font-weight:900;text-decoration:inherit;padding-right:4px;color:#666;transition:all .3s ease-out;font-family: 'Font Awesome 5 Free';}
.footer-wrapper .Label li:hover:before {margin:0 0 0 5px;padding-right:4px;color:#29abe2;}
.footer-wrapper .Label li a {color:#666;transition:all .3s ease-out;}
.footer-wrapper .Label li a:hover {color:#29abe2;}
.footer-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-size:12px;transition:initial;border-radius:2px;}
.footer-wrapper .Label li span:hover{background-color:#29abe2;color:#fff}
.footer-wrapper .label-size{background:#c8d2d7;display:block;float:left;margin:0 4px 4px 0;font-size:13px;border:1px solid #e6e6e6;transition:all 0.3s;}
.footer-wrapper .label-size:hover{background:#29abe2;border-color:#b69c6c;}
.footer-wrapper .label-size a {display:inline-block;color:#444;padding:8px 10px;
font-weight:400;}
.footer-wrapper .label-size a:hover {color:#fff;}
.footer-wrapper .label-size a:before {content:"\f02b";font-family: 'Font Awesome 5 Free';
font-style:normal;font-weight:900;text-decoration:none;padding-right:4px;
color:#444;transition:initial;}
.footer-wrapper .label-size a:hover:before {content:"\f02b";font-family: 'Font Awesome 5 Free';color:#eee}
#footeratas,.footeratas {
background: #fff url();
border-top: 0px solid #ccc;
width: 100%;
padding: 0;
}
#footeratas-wrapper,.footeratas-wrapper {
color: #737373;
font: 13px open sans;
max-width: 980px;
margin: 0 auto;
line-height: 16px;
overflow: hidden;
padding: 0;
}
.sidebar #Feed1 ul{list-style: disc outside !important;}
/* CSS Form Kontak popup*/
#buttonpop {
margin: 0 auto;
width: 100%;
text-align: center;
}
#buttonpop a {
background-image: linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -o-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -ms-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -moz-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -webkit-linear-gradient(to bottom,#2a95c5,#21759b);
background-color: #2e9fd2;
width: 86px;
height: 30px;
vertical-align: middle;
padding: 10px;
color: #fff;
text-decoration: none;
border: 1px solid transparent;
border-radius: 5px;
}
#popuppop {
width: 100%;
height: 100%;
position: fixed;
background: transparent;
top: 0;
left: 0;
z-index: 19999;
visibility: hidden;
}
.windowpop {
max-width: 300px;
height: auto;
background: #fff;
border-radius: 10px;
position: relative;
padding: 10px;
box-shadow: 0 0 5px rgba(0,0,0,.4);
text-align: center;
margin: 15% auto;
}
@media screen and (max-width:679px){
.windowpop{margin: 27% auto !important;}
}
.close-buttonpop {
width: 30px;
height: 30px;
background: #000;
border-radius: 50%;
border: 3px solid #fff;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
position: absolute;
top: -10px;
right: -10px;
color: #fff !important;
}
#popuppop:target {
visibility: visible;
}
/*end CSS Form Kontak popup*/
.widget.ContactForm,.widget #ContactForm1{display: none !important;}
/* Drop down label*/
.Label select{width: 100%;border: 1px solid #ddd;background: #eee;color: #8e8e8e;padding: 5px;line-height: 12px;display: inline-block;font-size: 12px;}
#labelatas {
width: 125px;
float: right;
margin-top: 12px;
}
#labelatas h2{display:none;}
/* end */
/* kategori*/
.kategori{float:left;width:80px;height:80px;margin:5px auto auto 5px;text-align:center;border: 1px solid #fff;padding: 5px;}
.kategori .fa,.kategori .fas, .kategori .fab,.kategori .far{font-size:35px;color:#FA5555;line-height: 43px;}
.widget .kategori{line-height:.6}
.kategori:hover{border: 1px solid #ddd;}
.kategori img{width:65px;height:60px;}
.textkategori{font-size:11px;line-height:10px;color:#222;font-family:arial;}
@media (max-width:400px){
.kategori {
float: left;
width: 65px;
height: 70px;
flex: 0 0 auto;}
.kategori img {
width: 45px;height:40px}
.textkategori {
font-size: 11px;}
.widget .kategori {
line-height: 10px;text-align:center;}
}
.scrollkategori,.scrolling {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
min-height:100px !important;
}
.scrolling img{max-width:150px;width:auto;height:150px;}
.scrolling-wrapper {
-webkit-overflow-scrolling: touch;
}
/*end*/
.bannerkotak h2,#bannerkotak h2 {display:none}
@media screen and (max-width:800px){
option *{font-size: 11px !important;}
}
.CSS_LIGHTBOX_SCALED_IMAGE_IMG{margin-top:20px;}
.full-left .caption,.full-right .caption{display:none}
#myslide {float:left;width:70% !important;}
.bannerkotak, #bannerkotak {float:left;width:29% !important;}
@media screen and (max-width:740px){
.bannerkotak, #bannerkotak{display:none;}
#myslide{width:100% !important;}
}
/*menu linklist bar*/
#linkbar-wrapper {
float: left;
max-width: 600px;
width: 100%;
height: auto;
margin-top: 20px;
}
#linkbar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
position: relative;
background: $warnaBackgroundLinkbar;
border: 1px solid $warnaBorderUtamaLinkbar;
}
#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 5px 5px 7px 5px;
text-align: left;
list-style-type:none;
}
#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:80px !important;
float:right;
border-bottom: 1px solid #cec7c7;
text-align:center;
}
@media screen and (max-width:740px){
#linkbar-wrapper{max-width:100% !important;}
#linkbar li {float:left;border-bottom:none !important;margin: 0px 0px 0px 8px !important;}
#linkbar ul {margin:auto !important;width:90%;}
}
#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}
#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 2px;
padding-right:5px;
width:100%;
text-decoration:none;
font-family: arial;
color: #737070;
border-right: 1px solid #eee;
font-size: 12px;
font-weight:700;
}
#linkbar a:hover {
color: $warnaTextLinkbarHover;
background: $backgroundHoverLinkbar;
}
.bannerpanjang1 img {width: 100%;height:auto;}
@media screen and (max-width:740px){
.bannerpanjang1 img{height:60px !important;}
}
.bannerpanjang1 h2,.bannerpanjang1 caption {display: none;}
#bp_recent {
background:
#F94D2F;
border-radius: 10px;
}
#hotitems {
float: right;
width: 55%;
max-height: 390px;
}
#hotitems .caption{display:none;}
#hotitems h2 {
font-family: Open sans;
width: 98%;
color:#333;
padding: 2px;
border-bottom: 2px solid #CCC;
font-size: 139%;
font-weight: normal;
}
#hotitems h2:after{
content: " ";
width: 140px;
height: 0px;
position: absolute;
left: 0px;
bottom: -2px;
border-bottom: 2px solid #F94D2F;
}
#hotitems img{width:100%;max-height:335px;height:100%;}
.promoitems {width: 43%;float: left;}
#Image1 {width: 50%;float: right;}
#FeaturedPost1 {width: 40%;float: left;}
#FeaturedPost1 h3 {
margin-top: 0px;
font-size: 122% !important;
border: none !important;
font-family: Oswald;
letter-spacing: 1px;
}
#FeaturedPost1 h3 a:link{
color:red !important;
}
#FeaturedPost1 img {margin-top: 0px;}
#FeaturedPost1 p {
color: red;
font-weight: 700;
font-size: 130%;
position: absolute;
}
@media screen and (max-width:740px){
#hotitems,.promoitems,#FeaturedPost1,#Image1 {width:100% !important;float:none !important;}
#hotitems {margin-top:10px;}
#hotitems img{max-height:100% !important;height:auto !important;}
}
]]>
</head><!---->