/*  

Theme Name: Jeruk
Theme URI: www.okezine.com
Description: Jeruk is a 3 columns Wordpress theme. Orange. Simple
Version: 1.0
Author : Okezine.com

*/

body { font-family:'Verdana', arial, roman; font-size:12px; }
#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0 auto; }
#header { height:56px; width:301px; position:relative; color:#000; margin-bottom:3px; float:left; padding:0; }
#header h1 { margin:0; padding:0; }
#header h1 a { display:block; height:56px;}
#header h1 a img {border : none;}
#search { margin-top:30px; float:right; padding:0; }
input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }



/* Navigation */

#nav-bar ul {

	float : right;



position : relative;







	list-style : none;







	margin : 0 auto;







	padding : 0;







}







#nav-bar ul li {







	display : inline;







}







#nav-bar ul li a {







	display: inline;







	padding : 0 10px;







	color : #006699;







	text-decoration : none;







      text-transform : uppercase;







}







#nav-bar ul li a:hover {







	color : #56BDEA;







	padding-top: 0px;







}







#nav-bar ul li#selected a {







	color : #333;







	padding-top: 0px;







}







* html #nav-bar ul li a { /*IE bug fix */







  float: right;







  text-decoration: none;







}







#nav-bar {







	width : auto;







	height : 30px;







	margin : 0px 0 -20px 0;







	padding: 0 0 0 5px;







	font : bold 12px/25px Verdana, Arial, Tahoma, Sans-serif;







}















.left { float:left; width:200px; border:3px solid #f3f3f3; margin:10px 0; padding:10px; }







.right { float:right; width:170px; border:3px solid #f3f3f3; margin:-100px 0 10px 0; padding:10px; } 







.right img { border:0; display:block; margin-left:auto; margin-right:auto; }







.searchright { width:170px; border:3px solid #f3f3f3; margin:10px 0; padding:10px;}















.middletop { margin-top:10px; line-height:18px; margin-left:10px; float : left; width:530px; border:3px solid #f3f3f3; overflow:hidden; padding:3px 0;  }



.middletop h2 a{ font-size:16px; color :#006699; border : none; padding-top : 5px;}



.middletop h2 a:hover{color :#56BDEA; border : none;}



.middletop a img {border : none;}







.middle { margin-top:10px; line-height:18px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:12px; }



.middle ul li, .middle ol li{

margin-left : 10px;

} 



.middle h2 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }
.middle h1 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }






.middle h2 a:hover{color :#56BDEA; border : none;}







.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:12px; }







.ads img { border:0; text-align:center; }







img.wp-smiley { border:0; padding:0; }







#footer { width:980px; margin-top:0px; text-align:center; clear:both; padding:10px; }







div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }







div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }







.alignright { float:right; } 







.alignleft { float:left; } 







.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:5px 10px 5px 10px; }







.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:5px 10px 5px 10px;  } 







input#submit { background:#fc6; border:2px solid #f93; color:#000; font-size:13px; }















ol.commentlist { margin:0 0 1px; padding:0; }







ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }







ol.commentlist li.commenthead { list-style:none; margin:0; } 







ol.commentlist li.commenthead h2 { margin:0; }







span {}







.addthis { float:right; clear:both; }







.middle a:hover, #footer a:hover { text-decoration:none; color : #56BDEA; border-bottom:1px solid #56BDEA;}







a:link,a:active,a:visited { text-decoration:none; color:#006699; border:none; }







.left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }







.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }







.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }







.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }







.left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }







.left ul li ul li :hover { border-bottom:#ccc 1px solid; color : #56BDEA;}







.right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }







.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }







.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }







.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }







.right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }







.right ul li ul li :hover { border-bottom:#ccc 1px solid; color : #56BDEA;}







div.hr hr,div.br br { display:none; }







.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }







.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; } 







.middle2 :hover,.middle3 :hover { background:#fafafa; }







.ucomment img,.addthis img { border:0; }







.entry p {























}







p img.wp-smiley {















	float: none;







	border: 1px solid #000fff;







	padding: 0px;







	margin: 0 -2px 0 -2px;







	line-height: 100%;







	border:medium none; vertical-align:top;















	}















img.centered {







	display: block;







	margin-left: auto;







	margin-right: auto;







	border:0px #eee solid;







	}















img.alignright {







	padding: 4px;







	margin: 0 0 2px 7px;







	display: inline;







	border:0px #eee solid;







	}















img.alignleft {







	padding: 4px;







	margin: 0 7px 2px 0;







	display: inline;







	border:0px #eee solid;







	}



#panduan

{

text-align : center;

background-color : #FFFBCC; 

border : 1px solid #E6DB55; 

font-size : 16px;

padding : 5px 0;

font-weight : bold;


}



#panduan a:hover {

text-decoration : none;

border-bottom : 0px solid #333;

}





td a{

text-decoration : none;

}

td a:hover{

text-decoration : none;

border :none;

}



td img{

border : none;

}



.breadcrumb

{
	font-size: 1.0em;
		margin: 10px 0 0 0px;
width : 100%;

}

.post blockquote {
    background-color: #EDF3DE;
    border-left: 5px solid #86C0D1;
    margin: 0 5px;
    padding: 10px;
}