/*
Theme Name: Soeharto V.1.0
Theme URI: http://unburro.com/themes/griyone/
Author: \|°▿▿▿▿°|/ 
Author URI: http://unburro.com/
Description: ᕕ( ᐛ )ᕗ
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, putih, clean
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,br,hr,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,input,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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

/* COLOR & LINKS --------------------------------------*/
body,input,select,text-area{color:#555;}
a,h1,h2,h3,#s li {color:#785A6A;text-decoration:none;}
a:hover,a:focus,.t a:hover,#s a:hover,.mt a:hover,.bc a:hover {color:#785A6A;}
.t a,.t,#s a,.st strong,#rf,.bc a {color:#777;}
#f a,#f p {color:#999;}
.gr {color:#390;}
.rd {color:#900;}
.gry {color:#eee;}
/* CSS3 --------------------------------------*/
a,.srt:hover {transition: all .300ms ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
#m,.a7,.hmi img,.th img,.tha img,.mc,#s,.mt a,.srt,.at {
  border-radius: 2px;
}
/* ALIGNMENTS --------------------------------------*/
body,#w,.w1 {margin: 0 auto;}
.ac {text-align:center;}
.pr {position:relative;}
.pa,.ep  {position:absolute;}
.mb18,#h,#w,h1,h2,h3,h4,p,o,ul,.th,img,.tha,.bc {
  margin-bottom:18px;
}
.mb1,.hmi {
  margin-bottom:1px;
}
.mb9,.mc {
  margin-bottom:9px;
}
.mt9 {
  margin-top:9px;
}
.mb0,.t {
  margin-bottom: 0 !important;
}
#w {
  margin-top:40px;
  border:1px solid #ddd;
}
.m9,#m {
  margin:9px;
}
#s {
  margin:9px 9px 9px 0;
}
.mt a {
  margin: 0 1px 1px 0;
}
.mt a:hover, .mt a:focus {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e2e2e2;
}
.oh,.hmi {
  overflow:hidden;
}
ul,ol,.st strong,.ml18 {
  margin-left:18px;
}
.mr9,#rf input {
  margin-right:9px;
}
.bc a,.bc i {margin-right:3px;}
.h9,.w13,.w13 a {
  height:90px;
}
.w7,.hmi img,.mi img {
  width:728px;
}
.mi img {
  height:auto;
}
.h8,.rt {
  height:80px;
}
.w1,#w {
  width:1077px;
}
.m,.mc {
  width:764px;
}
.w16,.at {
  width:1060px;
}
.i10,.ai img {
  min-width:1024px;
}
/* WHITE SPACES --------------------------------------*/
img {line-height:0;}
.l,#m,.th img,.tha img,.t a,#cf label,#l,#l a,.w13 a {
  float:left;
}
.r,#sm,#sf,#s {
  float:right;
}
.p18,.mt,.jn {
  padding:18px;
}
.p6 {
  padding:6px;
}
.pt18 {
  padding-top:18px;
}
.pb18 {
  padding-bottom:18px;
}
.c {
  clear:both;
}
.mt a {
  padding:0 9px;
  border: 1px solid #E0DADF;
}
.mt {
  border-top:1px solid #e2e2e2;
}
.st {
  padding:9px;
}
.mc,#s,.a7,.bp,.bs,.jn,.st {
  box-shadow: 0 0 2px #BBBBBB;
}
.bp,.mc {
  background: #FFF;
}
.a7,#s {
  background:#FCFCFB; 
}
/* FONTS --------------------------------------*/
body,input,select,text-area {font: 14px/1.6 Roboto, sans-serif;text-shadow: 0 1px 0 #FFFFFF;}
h1,h2,h3,h4 {font-family:'Myriad Pro', serif;font-weight: normal;text-transform:capitalize;}
h1,h2 {font-size:24px;line-height: 24px;text-shadow: 0 1px 0 #BBBBBB;}
h3 {font-size:20px;line-height: 20px;}
.t,.st,#s,#f p,#rf,.bc {font-size:11px;}
#f p {text-shadow: 0 1px 0 #000000;}
#w i {font-style: normal;}
blockquote{font-family:Courier New;}
.jn {font-size:15px;}

/* BLOCKQUOTE --------------------------------------*/
blockquote {background: #F9F9F9;border-left: 10px solid #bbb;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}

blockquote:before {color: #dfdfdf;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}

/* CONTACT FORM --------------------------------------*/
#cf input[type="text"],#cf textarea,#cf select {
  border:1px solid #ddd;
  width:300px;
  padding:5px;
}

#cf input[type="submit"] {
  border:1px solid #ddd;
  width:60px;
  padding:5px;
}
#cf textarea{
  height:200px;
}

#cf label {
  width:150px;
}

#cf p{
  margin-bottom:3px;
}

/* HEADER --------------------------------------*/
#h {
  width:100%;
  height:38px;
  background:#922553;
  position:fixed;
  top:0px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
  border-bottom: 2px solid #666666;
  z-index:10;
}
#l,#l a{
  width:350px;
  height:38px; 
}

#l { 
  background:url(i/rtb.png) 4px 0 no-repeat; 
  text-indent:-9000px;
}

/*#l a{
  background:url(i/rtb.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
  opacity:0;
}

#l a:hover{opacity:1.0;}

/* SEARCH --------------------------------------*/
body {
  background:#FBF7F9;
}
#st {
  box-shadow: 0 0 1px #ffffff;
  color: #ffffff;
  text-shadow:none;
  height: 20px;
  width: 100%;
  background: #A1456C;
  border-radius: 9px;
  margin-left: 60px;
  margin-top: 7px;
}
#sb {
  background:url(i/s.png) -460px 0 no-repeat;
  border: medium none #AE2941;
  height: 19px;
  position: absolute;
  right: -60px;
  top: 2px;
  width: 22px;
  border-radius: 6px;
  margin-left: 60px;
  margin-top: 7px;
  opacity:0.6;
}
#sf {
  margin-right: 60px;
  position: relative;
  width: 180px;
}
/* CONTENT --------------------------------------*/
.hb,.ct,.srt,.st {
  background:#E3C8D3;
}
.bc {
  background:#922553;
}
.bc {
  margin-left:-18px;
  margin-right:-18px;
  padding:3px 0 3px 18px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.hb {
  margin:-18px -18px 18px -18px;
  padding:18px 18px 18px 18px; 
  border-bottom:1px solid #ddd; 
}
.bs,.mt,.jn {
  background:url(i/bd.png) repeat scroll 0 0 #f7f5f5;
}
.ct {
  box-shadow: 0 1px 2px #C2C2C2;
  height:40px;
}

#w {
  background:#F3EAEC;
}
.mt a {
  background:#f7f7f5;
}
.hmi {
  height:300px;
}
.hmi img {
  margin-top:-50px;
}
.th {
	width:730px;
}
.tha {
	width:1040px;
}
.th img {
	margin:0 1px 1px 0;
  width:80px;
	height:80px;
}
.tha img {
	margin:0 1px 1px 0;
  width:84px;
	height:84px;
}
.mt {
  margin-top: -18px;
}
.ep {top:0;right:0;font-size:30px;}
.ak {width:706px;}
.don {width:300px;}
.w13,.w13 a {width:130px;}
/* RATINGS --------------------------------------*/
.rg {
  width:100px;
  top:-23px;
  background:url(i/s.png) 0 -20px no-repeat;
}

.rg, .ry {height:20px;}

.ry{background:url(i/s.png) 0 0 no-repeat;}

.rt,.rtxt{
	width:125px;
	font-size: 10px;
	color:#999;
}
.rtxt{
  top: 22px;
}

.br {
  background:#F9F9F9;
  min-height:75px;
  border-radius:8px;
}

.rb {
  bottom:12px;
  left:16px;  
}

.srt {
  cursor:pointer;  
}

.srt:hover {
  background:#fff;  
}
.srt {
  border: 1px solid #DCDDDD;
  color: #7f6c8a;
  width:115px;
}
.bt {
  border-bottom: 5px solid #ECE2E2;
}
.jn {
  border-top: 1px solid #E6E2E2;
  line-height: 15px;
}
/* JQZOOM --------------------------------------*/
.jqfancyzoombox img{border:3px solid #fff; box-shadow:0 5px 5px #000;}
.jqfancyzoomclosebox {left:50%; bottom:50% !important;}
.ftalx {position:absolute; top:0; left:-9999px; }

/* SIDEBAR --------------------------------------*/
#s {
  width:286px;
}

/* FOOTER --------------------------------------*/
#f {
  width:100%;
  background:#904566;
}
#f a {
  padding: 0 3px 0 0;
}
h2 {position:relative;}
h2 a {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.iabs, h2 a {
    position: absolute;
}
/* NRELATE POST --------------------------------------*/
.nrelate_default .nr_panel{
	float:left;
	background:none;
	font-size:11px;
	border:1px solid transparent !important;
	margin:6px;
	padding:1px 1px 0px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
.nrelate_default .nr_panel:hover{
	background:#F2F2F5;
	border:1px solid #CCC !important;
	color:black;
	margin:1px;
	padding:1px 1px 0px;
	text-decoration:none;
}
.nrelate_default .nr_title {
	font-size:16px;
	margin-top:0;
	margin-bottom:5px;
}
.nrelate_default .nr_img_div {
	display:block;
	line-height:0;
	position:relative;
	background:none repeat scroll 0 0 #000000;
	background-color:transparent;
	border:1px solid #cccccc;
}
.nrelate_default .nr_img  {
	border: none;
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
	padding: 2px !important;
	background:none repeat scroll 0 0 #F0F0F0;
	border-top:1px solid #FFFFFF;
	outline:1px solid #DDDDDD;
	width:auto !important;
}
.nrelate_default .nr_panel:hover .nr_img  {
	background:none repeat scroll 0 0 #333333;
	border:1px solid #555555 !important;
	outline:1px solid #111111;
}
.nrelate_default .nr_img_div img  {
	border:1px solid #FFFFFF !important;
	margin:0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-khtml-box-shadow: none !important;
	box-shadow: none !important;
}
.nrelate_default .nr_text  {
	overflow: hidden;
	word-wrap:break-word;
	clear:left;
	float:left;
	font-family:sans-serif;
	font-weight:bold;
	line-height:140%;
	padding:2px;
	margin-top:4px;
	text-align:left;
	display:block;
	width:100%;
}
.nrelate_default .nr_source  {
	font-size: 9px;
	font-style: italic;
	font-weight:normal;
}
.nrelate_default .nr_panel .nr_post_title,
.nrelate_default .nr_panel .nr_source,
.nrelate_default .nr_panel .nr_excerpt{
	display:block;
}
.nrelate_default .nr_panel .nr_excerpt{
	font-weight:normal;
}
.nrelate_default ul li .nr_link,
.nrelate_default ul li .nr_link:hover,
.nrelate_default ul li .nr_link:active,
.nrelate_default ul li .nr_link:link{
	border:none;
}
.nrelate_default ul li .nr_excerpt,
.nrelate_default ul li .nr_source{
	padding-left:5px;
}
/* Sponsored area on thumbnails */
.nrelate_default .nr_sponsored_wrap{
	display:block;
	height:18px;
	position:absolute;
	left:3px;
	overflow:hidden;
}
.nrelate_default  a.nr_panel:hover .nr_sponsored_wrap{
	left:3px;
}

/* settings for each thumbnail size supported in plugin */
.nrelate_default.nr_80  .nr_panel{ width : 88px; }
.nrelate_default.nr_80  .nr_panel .nr_sponsored_wrap{ width : 80px; top : 65px; }
.nrelate_default.nr_80  .nr_panel .nr_sponsored{ left : 62px; }

.nrelate_default.nr_90  .nr_panel{ width : 98px; }
.nrelate_default.nr_90  .nr_panel .nr_sponsored_wrap{ width : 90px; top : 75px; }
.nrelate_default.nr_90  .nr_panel .nr_sponsored{ left : 72px; }

.nrelate_default.nr_100 .nr_panel{ width : 108px; }
.nrelate_default.nr_100 .nr_panel .nr_sponsored_wrap{ width : 100px; top : 85px; }
.nrelate_default.nr_100 .nr_panel .nr_sponsored{ left : 82px; }

.nrelate_default.nr_110 .nr_panel{ width: 118px; }
.nrelate_default.nr_110 .nr_panel .nr_sponsored_wrap{ width : 110px; top : 95px; }
.nrelate_default.nr_110 .nr_panel .nr_sponsored{ left : 92px; }

.nrelate_default.nr_120 .nr_panel{ width : 128px; }
.nrelate_default.nr_120 .nr_panel .nr_sponsored_wrap{ width : 120px; top : 105px; }
.nrelate_default.nr_120 .nr_panel .nr_sponsored{ left : 102px; }

.nrelate_default.nr_130 .nr_panel{ width : 138px; }
.nrelate_default.nr_130 .nr_panel .nr_sponsored_wrap{ width : 130px; top : 115px; }
.nrelate_default.nr_130 .nr_panel .nr_sponsored{ left : 112px; }

.nrelate_default.nr_140 .nr_panel{ width : 148px; }
.nrelate_default.nr_140 .nr_panel .nr_sponsored_wrap{ width : 140px; top : 125px; }
.nrelate_default.nr_140 .nr_panel .nr_sponsored{ left : 122px; }

.nrelate_default.nr_150 .nr_panel{ width : 158px; }
.nrelate_default.nr_150 .nr_panel .nr_sponsored_wrap{ width : 150px; top:135px; }
.nrelate_default.nr_150 .nr_panel .nr_sponsored{ left : 132px; }