/*
Theme Name: Intra 5
Theme URI: http://localhost/wp342/
Author: Toto Heriyanto
Author URI: http://localhost/
Description: Theme Kelas Theming Intra.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:simple, white, grey, blue
Text Domain: twentyeleven
*/
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, 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; }
body {background:#333;font-family:Tahoma;font-size:12px;line-height:18px;color:#999;}
/*
#w {width:975px;background:#000;}
*/
/*GLOBALS*/
#hw{width:975px;margin:0 auto}
.c{clear:both;}
.l, .lg, .lg a, .gs img, .gs a, .gh a, .ih a, .st a, .ga a, .is a, .ih, .is, .rs, .rs i, .df a, .ft a, .ff a, .fg a, .fp a, .fbox,.fbrl{float:left;}
.r, #sf, #ss, .ft, .ff, .fg, .fp, .fbr, .fbrr{float:right;}
.p15, .m,.s, .f{padding:15px;}
.mb15, .m p, .s p, .m h2,#ht, #ti, .f p , h3, .gs, .ga, .post-categories li, .fimg, .srib, .s p, .s ul, #fw p, .is img, .bc, .hf{margin-bottom:15px;}
.mb12, .gh{margin-bottom:12px}
.mb5{margin-bottom:5px}
.mt15{margin-top:15px}
a, .m h2{color:#f80;text-decoration:none;}
a:hover,a:focus, .m h2:hover, .s a:hover{color:#FF4000;}
.m h2,.ir,.rg{position:relative;}
.m h2 a,.ia,.rs i {position:absolute;}
.lh0, #ti, .ih, .ga a, .gs a, .gh a, .is a, .is a{line-height:0}
.br3, img, .st a ,.fbox, .fbr, .ih, .is, .ft, .ff, .fg, .fp, .ft a, .ff a, .fg a, .fp a, .df, .df a{border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
.ml15, .cl, .m ul, .m p ul{ margin-left:15px;}
.mr15{ margin-right:15px;}
.ml20 , .m ol{ margin-left:20px;}
.ml115{margin-left:115px}
.bb5{border-bottom:5px solid #E8DCCB;}
.bt5{border-top:5px solid #E8DCCB;}
.bgc, #hw, .ih, .gh a img, .is, .is a img{background:#111}
.tac, .go, .lost{text-align:center}
.bbd3{border-bottom:3px dotted #E8DCCB}

.fliph {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}
.flipv {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv; /*IE*/
    filter: flipv; /*IE*/
}

/*HEADER*/
#hw{	
	height:40px;
  z-index:1;
}
.lg, .lg a{width:194px;height:40px;}
.lg {background:url(images/sprite2.png)0 -62px no-repeat;}
.lg:hover {background:url(images/sprite2.png) 0 -26px no-repeat;}
.lg{text-indent:-9000px;}

.w9, #w{
	width:975px;
	margin:0 auto;
}

#w{
  padding-top:0px;
}

#w{	
	background:#000;
  min-height:550px;
  }
.adh{
	height:105px;
	border-bottom:3px solid #E8DCCB;
	width:100%;
	display:none;
}
.ft, .ft a{
	background: url(images/sprite2.png)0 -192px no-repeat;
}
.ff, .ff a{
	/*background: url(images/fb.png);*/
	background: url(images/sprite2.png)0 -102px no-repeat;
}
.fp, .fp a{
	background: url(images/sprite2.png)-232px -102px no-repeat;
}
.fg, .fg a{
	background: url(images/sprite2.png)-232px -192px no-repeat;
}
.ft, .ff, .fg, .fp, .ft a, .ff a, .fg a, .fp a{
	height:90px;
	width:232px;
	}
.adsb{
	height:265px;
	background:url("images/advh-s.png") no-repeat 0 0 #FFFFFF
}
.adi{
	width:300px;
	padding:0 0 0 15px;
	float:right;
	height:300px;
}
.a7a{top:55px;left:0}
.a3a{top:15px;left:15px}
	
/*search form*/
#sf{
	/*background:url(images/sf.png) no-repeat scroll right top transparent;*/
	background:url(images/sprite2.png) 0px 0 no-repeat;
	height:26px;
	width:315px;
	margin:7px 0 0 0;
}
#sf input{background:transparent;border: 0 none;	}
#st{
	width:250px;
	padding:4px 5px;
	color:#777;
}
#ss{
	width:55px;	
	height:30px;		
}
#ss,.rs{cursor: pointer;
	cursor:hand;}
/*search form*/

/* jika menggunakan background di inputnya
.ss, .st{
	margin:5px 0 0 0;
	border: 0 none;	
}

.st{
	width:250px;
	background:url(images/searchbox.png) no-repeat scroll left top transparent;
	height:20px;	
	padding:5px
}

.ss{
	width:70px;
	background:url(images/searchbtn.png) no-repeat scroll left top transparent;
	height:30px;	
	text-indent:-9000px;
	float:right;	
}
*/

/*CONTENT*/
.m{	
	background:#000;
	width:728px;
}
.am{width:630px;}
.am, .as{padding:0}
.bc, .bc a{
	background:#111;	
	color:#666;
	}
.bc{
	padding:5px 10px;
}
.bc a:hover{
	color:#f40;
}
.f{
  width:945px;
  background:#000;
}

.fimg img.fim{
  min-width:945px;
}

h2,h3,h4, #ht{font-family: 'Lustria', serif;color:#f80}
h2, #ht{
	font-size:24px;
	font-weight:normal;
	line-height:28px;
}
h3, .hf{
  font-size:18px;
}
.m h2 a{width:100%;height:100%;}

.gs img, .gh img, .ga img{margin:0 3px 3px 0;}
.gh, .ga{padding:3px 0 2px 0;}

.gs a:hover, .is a:hover, .ih a:hover, .gh a:hover{opacity:0.7;}
.gs a, .is a, .ih a, .gh a{
  transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  -webkit-transition: all .3s linear; 
  -o-transition: all .3s ease;
}

.ih img, .is img{
min-width:728px;
height:auto;
}

blockquote{
  color:#777;
  font-family:courier new;
  border-left:5px solid #333;
  padding-left:15px;
}
.st a{
  background:#111;
  margin:0 3px 3px 0;
  padding:2px 6px;
  color:#999;
}
.st a:hover{
  background:#f40;
  color: #FFF;
}

.post-categories li{
  list-style:none;
}

.adc{
	
}

.test{font-weight:bold;background:#f00;color:#000;width:50px;right:0;top:55px}

/*RATING*/
.rs{width:150px;display:none}
.rg,.ry,.rs i{height:24px}
.rg{width:128px;background:url(images/sprite2.png) -195px -52px no-repeat}
.ry, .rs i{background:url(images/sprite2.png) -195px -28px no-repeat}
.rs i{top:0;left:0}
.s1 {
    width: 24px;
    z-index: 6;
}
.s2 {
    width: 50px;
    z-index: 5;
}
.s3 {
    width: 76px;
    z-index: 4;
}
.s4 {
    width: 104px;
    z-index: 3;
}
.s5 {
    width: 126px;
    z-index: 2;
}
.rs i:hover {
    opacity: 1;
}
.rg:hover .ry, .rs i {
    opacity: 0.001;
}

/*SIDEBAR*/
.s,.as{	
	/*background:#d9c9b5;*/
	background:#000;
  width:187px;
}
.s a{
	color:#777;
}
.lc {
    border-color: transparent #777;
    border-width: 0 0 8px 7px;
    left: 0;
}

.rc {
    border-color: transparent #777;
    border-width: 0 0 8px 7px;
    right:0;
}
.lc, .rc {
    border-style: solid;
    bottom: -9px;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
}

.srib{
    background: none repeat scroll 0 0 #222;
    height: 18px;
    padding: 9px;
    width: 191px;
    position:relative;
    color:#999;
font-weight:bold;
    border-radius:3px 3px 1px 3px;
}

.ads{
	margin:0 0 15px 0;
}

.df, .df a{
	background: url(images/sprite2.png)0 -282px no-repeat;
	height:128px;
	width:300px;
	}

/*FOOTER*/
#fw {
    background: none repeat scroll 0 0 #000;
    border-top: 3px solid #333;
    color: #aaa;
    padding: 18px 10px;
width:955px;
margin:0px auto 10px;
border-radius:0px 0px 5px 5px;
}

#fw p.sm, #fw a{color:#888;text-shadow: 1px 1px 0 #000}
#fw a:hover{color:#f40}
.fbr{
   margin:0 0 15px 0;
}
.fbox{
  margin:0 30px 15px 0;
}
.fbox{
  width:480px;  
}
.fbrl, .fbrr{
	width:145px;
}
.fbrl{
	margin-right:15px;
}
.fbr{
	width:465px;
}
.alx{top:-100px;left:-100px;}
.lost{
	background:url(images/chair.jpg) no-repeat center;
}
.lost,.go{
	margin:0 auto;
	height:420px;
}
.go{
	background:url(images/road.png) no-repeat center 40px;	
	height:420px;
}
.btn,.top{border:2px dotted #52423B;padding:10px;font-size:12px;}
.top{
	background: url(images/sprite2.png)-327px 0 no-repeat;
	padding-left:40px;
display:none;
}
/*JSNAVI*/
.jsnavi{border-top: 3px solid #333;
    font-size: 24px;
    padding: 5px 15px;}
.ntf{background:#E8DCCB;padding:5px;border:1px dotted #21B6A8;width:115px}
b,strong{font-weight:normal}
.slt {
    background: none repeat scroll 0 0 #222;
    border: medium none;
    border-radius: 5px 0 0 5px;
    color: #777;
    padding: 5px 10px;
    width: 250px;
}
#ifd{
width:400px;
float:right;
padding:6px 5px;
text-align:right;
}
.sltb {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    border-radius: 0 5px 5px 0;
    color: #777;
    padding: 4px;
cursor:pointer;
}
.rltd {
    margin: 20px 0;
}
.ritem img {
    float: left;
    height: 120px;
    margin-right: 10px;
    width: 150px;
}
.ritem {
    border-bottom: 1px solid #333;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
}
.ritem > a {
    font-size: 16px;
    font-weight: normal;
}
.ritem > p {
    line-height: 22px;
}
.glt img {
    height: 120px;
    margin: 0 0 10px;
    width: 100%;
}

.postnavigation {
    clear: both;
    margin: 10px 0 10px;
}

.prevpost {
    float: left;
    text-align: left;
    width: 50%;
}
.nextpost {
    float: right;
    text-align: right;
    width: 50%;
}
.postnavigation {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    clear: both;
    margin: 10px 0;
    overflow: hidden;
    padding: 10px 0;
}
.postnavigation a{
font-size:15px;
}
.lmcuy {
    color: #f80;
    float: left;
    font-family: "Lustria",​serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 0;
    width: 500px;
}
.lmcuy a {
    color: #f80;
}

p{text-align:justify;}
.fbox,.fbr{display:none;}

/*---- Oprek by ithoib ads.id -----*/

.is img {
    height: auto !important;
    width: 100% !important;
}

.gs img {
    height: 80px;
    width: 100px;
}
