/* HTML5 Reset */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article,aside,figure,footer,header,hgroup,nav,section {display:block;} object,embed {max-width:100%;} html {overflow-y:scroll;} ul {list-style:none;} blockquote,q {quotes:none;} blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} del {text-decoration:line-through;} abbr[title],dfn[title] {border-bottom:1px dotted #000; cursor:help;} table {border-collapse:collapse; border-spacing:0;} th {font-weight:bold; vertical-align:bottom;} td {font-weight:normal; vertical-align:top;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input,select {vertical-align:middle;} pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;} input[type="radio"] {vertical-align:text-bottom;} input[type="checkbox"] {vertical-align:bottom; *vertical-align:baseline;} .ie6 input {vertical-align:text-bottom;} select,input,textarea {font:99% sans-serif;} table {font-size:inherit; font:100%;} a:hover,a:active {outline:none;} small {font-size:85%;} strong,th {font-weight:bold;} td,td img {vertical-align:top;} sub,sup {font-size:75%; line-height:0; position:relative;} sup {top:-0.5em;} sub {bottom:-0.25em;} pre,code,kbd,samp {font-family:monospace,sans-serif;} .clickable,label,input[type=button],input[type=submit],button {cursor:pointer;} button,input,select,textarea {margin:0;} button {width:auto; overflow:visible;} .ie7 img {-ms-interpolation-mode:bicubic;} .ie6 html {filter:expression(document.execCommand("BackgroundImageCache",false,true));}

/* GLOBAL */
body {font-family:arial; font-size:16px; line-height:24px;background: #333 url(i/bgs.png) fixed;} /* Background color Area paling belakang */
.c,.ca,.ca2,.yc{clear:both;}
h1,h2,h3,h4,h5,h6,#cse .gs-title, #cse .gs-title  b,.st {font-family: 'Noticia Text', serif; font-weight: normal;}
#c h1 {font: 600 22px/1 "Open Sans Condensed",sans-serif;}
h2,#comments {font-size:24px; line-height:24px}
.ar {font-size:20px; line-height:20px}
.st {font-size:18px;}
.fs11,.tak,.sp{font-size:10px;}
.commentmetadata {border-left:5px solid #e4edde;}
.cou,.commentlist  {font-family:courier new;}
.linon,.commentlist {list-style:none;}
#respond h3 {font-size: 22px;line-height:22px;}
.bs3,#w {box-shadow: 0 0 3px #BBBBBB;}
.brd i { background: none repeat scroll 0 0 #000; color:#ff4000; display: inline;margin:0 2px 2px 0;padding:0 1px;}
.brd i {text-decoration:none;font-style:normal;font-size:10px;}
strong,b,em,i,u{font-weight:normal;font-style:normal;text-decoration:none} /*membuat strong, italic, underline menjadi normal text */
/* ALIGNMENT */
.l,.k,#c,#lg,#lg a,.gs img,.gs a,.ga img,.ga a,.tc a,.tak a,.trt,.previous_article,.prev,.mr15 a,.di,.ri  {float:left;}
.r,#s,.t,#sr,.next_article,.next {float:right;}
#h,#w,#f,.w9,.ss,.cum,#watt{margin:0 auto;}
.h90,.k,.t {height:90px;}
.a {height:95px;padding-top:5px;}
.a{margin:15px auto;}
#h,#lg {height:45px;}
#lg {margin:5px;}
body {margin:65px 0 0 0;}
h1,h2,h3,p {margin-bottom:10px;}
h1,h2,.ht{font-size:22px; line-height:26px;}
.p15,#s ul {padding:15px;}
.p5 {padding:5px;}
.p115{padding-left:5px;}
#h,.oh,#c,.w9,.ppt,.di {overflow:hidden;}
.di,.ht,.pps,.next,.prev,.previous_article,.next_article,h1,#lg,.mi,#al{position:relative;}
.pps {width:265px;}
.di a,.ht a,.ppt,.pntt,.prtt,.fa-arrow-circle-left,.fa-arrow-circle-right,.ep,#lg a,.mi i,#al i{position:absolute;}
.im {margin:0 1px 1px 0}
.m5{margin:5px 0 0 0;}
.mb15,.trt,.ht,.di,ol,ul,.ca,.ca2,.yc{margin-bottom:15px;}
.mb2,.tc a {margin-bottom:2px;}
.mr1,.tc a {margin-right:1px;}
.p150 {padding:15px 0;}
.p015,.st {padding:5px 15px;}
.mt10,#sr {margin-top:10px;}
.sp {margin:0 5px 0 5px;}
#c h1 {margin:0;}
/*.brd i {margin-top:0px;margin-bottom:0px;display:inline;}*/
.ca,.brd i,.ca2,.yc {display:block;}
.tct{text-align:center;}
.w7289,.next,.prev,.previous_article,.next_article {width:113px;height:90px;}
.ml4 {margin-left:8px;}

/* LINK COLORs */
body {color:#999;}
a,h2,h1,.ht{color:#ff4000; text-decoration: none;}
a:hover,a:focus,h2:hover{color:#e30000;}
.tak a:hover,a:focus{color:#e30000;}
.mr15 a:hover,a:focus{color:#e30000;}
#f a:hover,a:focus{color:#878787;}
.gry {color:#666;}
.cijo {color:#207AC7;}
.previous_article a:hover,.next_article a:hover ,.previous_article a,.next_article a{text-decoration:none;color:#fff;}

/* HEADER */
#h {
  background:#000; /* Background Area paling atas */
  position:absolute;
  top:0;
  z-index:1;
}
.k{margin : 0 0 0 15px;}
/*#lg{font-family: 'arial', serif;font-size:25px}*/
/*#lg,#lg a{color:#fff;}*/
/*.a {background:#fff url(i/bgs.png) fixed;}*/
#lg{width:600px;opacity:0.8;color:#fff;line-height:35px;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
#lg:hover{opacity:1.0;}
#lg a{width:100%;height:100%;top:0;left:0;z-index:2;}
#lg i{opacity:0.6;z-index:1;}
.a {background:#fff;}

/* SEARCH*/
#sr input[type="text"] {
background: url(i/sw.png) no-repeat 10px 6px #333;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #fff;
width:150px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

#sr input[type="text"]:focus {
background: url(i/sd.png) no-repeat 10px 6px #333;
color: #fff;
width: 200px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

/* TRANSITION */
a,h2,img:hover,.di,.hd,i {
transition: all .3s linear; 
-moz-transition: all .3s linear; 
-webkit-transition: all .3s linear; 
-o-transition: all .3s linear;
}
img ,.tc a,.st,.a,#c,.next,.prev,.previous_article,.next_article{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
.mi i,#al i {opacity:0.6;}
img:hover,.mi a:hover i,#al a:hover i{opacity:0.9;}
.ga img:hover {border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px;}
.brs2,.tak,.pps img  {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}

/* CONTENT */
#w{background: #000000;}
#c {
  background:#000000;
  margin:15px 0 15px 15px;
  padding:15px 15px 0 15px;
}

.gs,.gs img,.gs a {margin:0 5px 5px 0;}
.cum {
  background:#fff;
  margin:0 15px 15px 15px;
  padding:15px 15px 0 15px; 
}
.vjn {font-size:45px; margin:15px 0;}
.fops {color: #666666; font: 15px/1.3 "Open Sans Condensed",sans-serif;width: 100%;}
.prtg {width:687px;height:auto;}
.attrt{width:970;height:auto;}
.trt {width:600px;}
.d3 {width:336px;height:280px;}
#c .trt h3{text-align:left;}
.previous_article,.next_article {background:#E47911;color:#fff; margin:0 0 30px 0;}
.prtt {bottom:10px;left:10px;font: 15px/1.3 "Open Sans Condensedb",sans-serif;width: 100%;}
.pntt {bottom:10px;left:20px;;font: 15px/1.3 "Open Sans Condensedb",sans-serif;width: 100%;}
.fa-arrow-circle-left,.fa-arrow-circle-right {top:10px;left:35px;}
.ra,.rk {height:21px;}
.ra {background:url(i/crot.png) -458px 0 no-repeat;}
.rk {background:url(i/crot.png) -458px -21px no-repeat;}
.tak a,.mr15 a { background: none repeat scroll 0 0 #000; color:#ff4000; display: block;margin:0 2px 2px 0;padding:0 1px;}
.cc {text-align:center;}
/* CSE */
#cse .gs-title, #cse .gs-title  b{color:#000;}
#cse .gsc-search-box,.gsc-result-info-container {position:absolute;top:-90000px;}
.ep{top:0;right:0;}

/* SIDEBAR */
#s {
  background: #000; /*fff;*/
  margin:15px 15px 0 15px;
}
#s .st {margin-bottom:0;}
.st {background: #333; /* Old browsers */
color:#fff;
}
#s .children {padding:0;} 
#s li {list-style:circle;font: 18px/1.3 "Open Sans Condensed",sans-serif;}
#s li,li{margin-left:15px;}
#s .children li {list-style:disc;}
.tc a {background:#fff;}
.ppt {width:235px;background: -moz-linear-gradient(left,  rgba(7,7,7,1) 1%, rgba(7,7,7,1) 2%, rgba(107,108,107,1) 57%, rgba(125,126,125,0.6) 67%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(7,7,7,1)), color-stop(2%,rgba(7,7,7,1)), color-stop(57%,rgba(107,108,107,1)), color-stop(67%,rgba(125,126,125,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(7,7,7,1) 1%,rgba(7,7,7,1) 2%,rgba(107,108,107,1) 57%,rgba(125,126,125,0.6) 67%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(7,7,7,1) 1%,rgba(7,7,7,1) 2%,rgba(107,108,107,1) 57%,rgba(125,126,125,0.6) 67%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(7,7,7,1) 1%,rgba(7,7,7,1) 2%,rgba(107,108,107,1) 57%,rgba(125,126,125,0.6) 67%); /* IE10+ */
background: linear-gradient(to right,  rgba(7,7,7,1) 1%,rgba(7,7,7,1) 2%,rgba(107,108,107,1) 57%,rgba(125,126,125,0.6) 67%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070707', endColorstr='#997d7e7d',GradientType=1 ); /* IE6-9 */
bottom:15px;font-size:10px;color:#fff;padding-left:5px;opacity:0.7;height:auto;}
.ppt:hover{opacity:1;}
/*Related*/
.di{width:328px;background:#000000;/*background:rgba(238, 238, 238, 0.45);*/}
.di a{z-index:2;}
.di {margin-right:15px;}
#rp .hd,#rpi .hd {font-size:15px;line-height:18px;z-index:1;}
#rpi .di {width:285px}


/* FOOTER */

#f{
  background:#5c101d;color:#BA5063;
}
#f a {color:#BA5063;}
.w9 a,.w9att {margin-left:3px;}
/*.grsc {width:470px;}*/
.grsc,.grsd { border-top: 1px solid #ff4000;}
.grsc,.grsd { border-bottom: 1px solid #ff4000;}
/* WIDTH */
#lg {width:auto;}
#lg a {width:600px;}
#h,#f {width:100%;}
/* #s {width:265px;} */
/* #c,.mdi {width:687px;} */
#s {width:265px;}
#c,.mdi {width:687px;}
.mdi,.mdf {height:auto;}
.gs{width:690px;height:66px;overflow:hidden;}
.gs img ,.gs a {width:66px; height:66px; margin:0 3px 3px 0; }
.ra {width:108px;}
.nt img{width:900px;}
.cum {width:900px;}
#al img {width:970px; height:auto;}
.ga {width:975px;height:145px;overflow:hidden;}
.ga img ,.ga a {width:70px; height:70px; margin:0 5px 5px 0; }
#w,.w9,.a {width:1030px;}
#w .att {width:970px;}
#watt,.w9att {width:930px;}
.ht a,.di a,#lg a,.mi i,#al i { width:100%; height:100%;top:0;left:0;}
.k {width:187px;}
.l{float:left; display:inline;}
@font-face {
  font-family: 'Noticia Text';
  font-style: normal;
  font-weight: 400;
  src: local('Noticia Text'), local('NoticiaText-Regular'), url(http://themes.googleusercontent.com/static/fonts/noticiatext/v3/wdyV6x3eKpdeUPQ7BJ5uUHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face{
 font-family:"Open Sans Condensed";
 font-style:normal;
 font-weight:300;
 src:url(f/OpenSans-CondLight.eot);
 src:local("Open Sans Cond Light"),
 local("OpenSans-CondLight"),
 url(f/OpenSans-CondLight.woff) format("woff"),
 url(f/OpenSans-CondLight.ttf) format("truetype");
}
@font-face{
 font-family:"Open Sans Condensedb";
 font-style:normal;
 font-weight:700;
 src:url(f/OpenSans-CondBold.eot);
 src:local("Open Sans Cond Bold"),
 local("OpenSans-CondBold"),
 url(f/OpenSans-CondBold.woff) format("woff"),
 url(f/OpenSans-CondBold.ttf) format("truetype");
}
hr.grs {border: 0;
height: 1px;
background: -moz-linear-gradient(left center, transparent, white, transparent);
background: -webkit-gradient(linear, left center, right center,
color-stop(0, transparent),
color-stop(0.5, white),
color-stop(1, transparent));
}
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 900;
  src: local('Playfair Display SC Black'), local('PlayfairDisplaySC-Black'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/5ggqGkvWJU_TtW2W8cEubMpSltSreZsCU8CF58UodNg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* RESPONSIVE */
.mdi,.gs img,.ga img,#al img{width:100%;height:auto;min-height:100%;}
.gs a {margin:0 3px 3px 0;}
.ga a {margin:0 5px 5px 0;}
@media screen and (min-width:320px){
  #sr {display:none}
  #w,.w9,.a,.gs a,.ga a{overflow:hidden}
  #w,.w9,.a,.gs,.ga{width:320px;}
  #f .w9,#s{width:290px;}
  #c,.trt,#cw #comment,#w .att,.d3,.ca,.ca2,.yc{width:280px;}
  #c{margin-left:5px;}
  .gs a {width:67.8px;height:67.8px;}
  .ga a {width:66.2px;height:66.2px;}
  .mi i,#al i {background:url(i/cta_280.png) center 0 no-repeat;}
  .ca {height:75px;background:url(i/cta_att_280.png) center 0 no-repeat;}
  .ca2 {height:75px;background:url(i/cta_att2_280.png) center 0 no-repeat;}
  .yc {height:75px;background:url(i/cta_att_280.png) center 0 no-repeat;}
}
@media screen and (min-width:360px){
  #w,.w9,.a,.gs,.ga{width:360px;}
  #f .w9,#s{width:330px;}
  #c,.trt,#cw #comment,#w .att,.d3,.ca,.ca2,.yc{width:320px;}
  .gs a {width:77.8px;height:77.8px;}
  .ga a {width:76.2px;height:76.2px;}
  .mi i,#al i {background:url(i/cta_320.png) center 0 no-repeat;}
  .ca {height:75px;background:url(i/cta_att_320.png) center 0 no-repeat;}
  .ca2 {height:75px;background:url(i/cta_att2_320.png) center 0 no-repeat;}
  .yc {height:75px;background:url(i/cta_att_320.png) center 0 no-repeat;}
}
@media screen and (min-width:1024px){
  #sr {display:inline}
  #w,.w9,.a,#f .w9{width:1030px;}
  #w .att,.ca,.ca2{width:970px;}
  .ga {width:975px;}
  #c,.yc{width:687px;}
  .trt{width:635px;}
  #c{margin:15px 0 15px 15px;}
  #s {width:265px;}
  .gs{width:690px;}
  .gs a {width:66px; height:66px;}
  .ga a {width:70px; height:70px;}
/*.ga a{width:7.7%;}*/
  .mi i {background:url(i/cta_687.png) center 0 no-repeat;}
  #al i {background:url(i/cta_970.png) center 0 no-repeat;}
  .ca {height:75px;background:url(i/cta_att.png) center 0 no-repeat;}
  .ca2 {height:75px;background:url(i/cta_att2.png) center 0 no-repeat;}
  .yc {height:75px;background:url(i/cta_arc.png) center 0 no-repeat;}
}
/* END OF RESPONSIVE */