/*  

Theme Name: blog.iwansusanto

Theme URI: http://www.blogohblog.com/

Description: This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>. I love to hear of my work being used :). Just leave my Bob link under your footer.

Version: 2.0

Author: Bob &amp; Blog.Iwan

Author URI: http://www.blogohblog.com/
This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. 
*/

/*****************************************/

/* SEXY BODY */

/*****************************************/

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background:#000066;}



/*****************************************/

/* BEGIN TOP *                            /

/*****************************************/

#box{width:760px;background:#fff;margin:20px auto;padding:10px;}

#top{width:760px;background:#0000ff url(i/header.jpg) no-repeat left;height:145px;margin:0;padding:0;}

#header{float:left;width:660px;margin:20px 0 0 0px;padding:0;}

#header h1 {

	color: #FFFFFF;

	font-size: 36px;

	font-family: Arial;

	font-weight: bold;

	font-style: italic;

	text-align: left;

	margin-top: 20px;

	margin-left: 150px;

	padding: 0px 0px 0px 0px;

	}

	

#header h3 {

	color: #ccccff;

	font-size: 20px;

	font-family: Arial;

	font-weight: bold;

	font-style: italic;

	text-align: left;

	margin-top: -27px;

	margin-left: 150px;

	}

	

#header a {

	color: #FFFFFF;

	font-weight: bold;

	}



#header a:hover {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration:none;

}


/*****************************************/

/* SEARCH *                               /

/*****************************************/

#bsearch{width:200px;font-size:11px;margin:5px 0 5px 0;padding:10px; border:#C0BBF2 1px solid; float:left;}

#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}

#searchform #s{font-size:8pt;width:110px;}

#searchform #submit{font-size:9pt;}

input#s{color:#333333;border:1px solid #AAAAFF;background:#CACAFF;}





/*****************************************/

/* NAVIGATION TOP *                       /

/*****************************************/

#nav{width:760px;height:25px;line-height:25px;float:left;padding:0; margin:2px 0 2px 0;background:#5959FF;}

ul.nav{height:25px;line-height:25px;float:left;list-style:none;font-size:12px;font-weight: bold;text-transform:uppercase;margin:0;padding:0;}

ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#5959FF;color:#222222;float:left;display:block;font-weight: bold;text-decoration:none;padding:0 10px;}

ul.nav li a:hover,ul.nav li a:active{background:#8484FF;color:#333333;font-weight:bold;text-decoration:none;}

ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}

ul.nav li.current_page_item a{text-decoration:none;font-weight:bold;color:#333333;background:#AAAAFF;}

ul.nav li ul{float:left;margin:0;padding:0;}

/*****************************************/

/* MAIN ENTRY *                           /

/*****************************************/

.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}

.entry{width:500px;float:left;color:#333;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}

.entry p{text-align:justify;}

.entry img{border:1px #eee solid; max-width:98%;}

.entry2{width:500px;float:left;color:#333;text-align:justify;margin:5px auto;padding:5px 6px 10px;}

.pastentry{width:200px;float:left;color:#333;margin:0;padding:0;}

#content{width:510px;float:left;line-height:140%;margin:0 auto;padding:0;}

.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}

.right {float:right;padding-right:20px;width:240px; color:#333;}

.clear {clear:both}



/*****************************************/

/* MISC HUH! *                            /

/*****************************************/

.navigation{width:500px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}

.alignright{float:right;margin-top:10px;}

.alignleft{float:left;margin-top:10px;}

.similiar{width:500px;float:left;color:#666;text-align:justify;border:#999999 1px solid;margin:5px auto;padding:5px 6px 10px;}

#misc{width:250px;margin:0 0 10px 0;padding:0; background:#fff; float:left;}

#info{width:250px;font-size:11px;margin:5px 0 5px 0;padding:0; border:#eee 1px solid; float:left;}

#info img{border:0;}

.sIFR-flash {visibility: visible !important;margin: 0;}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

.postmeta{color:#666;border-bottom:#699 1px solid;}

.postinfo img{border:none;}

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

.center{text-align:center;}

acronym,abbr,span.caps{cursor:help;}

acronym,abbr{border-bottom:1px dashed #999;}

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

img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}

img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}

blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}

blockquote cite{display:block;margin:5px 0 0;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:block;}

* html .clearfix{height:1%;}

#past { padding:0; margin:0;}

.googleads1{width:480px;float:left;color:#333;margin:0 0 5px 0;padding:0 0 5px 2px;}

.ads_singlepage{width:340px;float:left;color:#333;margin:0 0 0 50px;padding:0 0 0 0;}

.center_sbm{width:500px;float:center;margin:0 0 0 0;padding:0 0 0px 2px;}

.center_sbm a:link{color:#333;}

.center_sbm link:visited{color:#333;}

.center_sbm a:hover{color:#333;}





/*****************************************/

/* SIDEBAR *                              /

/*****************************************/

#sidebar{width:250px;float:right;font-size:11px;margin:10px 0 5px 0;padding:0; display: inline;}

.rsidebar{width:250px;float:right;color:#333;margin:0 auto;padding:0 0 0 0;}

.rsidebar ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}

.rsidebar ul li ul li{display:block;background:transparent url(i/b2.gif) no-repeat 0 2px;border:0;margin:0 0 2px;padding:0 0 5px 13px; border-bottom:1px solid #ccc;}

#sidebar img,.lsidebar img{border:0;}

.rsidebar ul,.lsidebar ul{list-style-type:none;margin:0;padding:0;}

.rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 15px;padding:0;}

.rsidebar p,.lsidebar p{padding:0 5px;}

/*****************************************/

/* FOOTER *                               /

/*****************************************/

#footer{width:750px;background: #0000FF url(i/footer.gif) repeat-x;height:52px;clear:both;color:#dadada;font-size:11px;border-top:5px solid #0000ff;margin:0;padding:10px 0 0 10px;}

.footer a:hover{text-decoration:none;color:#fff;border:none;}

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



/*****************************************/

/* COMMENTS*                              /

/*****************************************/

.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}

#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}

#commentform label{display:block;margin:0;}

#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}

#commentform textarea{width:400px;margin:0 0 10px;padding:0;}

#commentform #submit{margin:0 0 20px;}

#commentform p{margin:5px 0;}

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

ol.commentlist :hover{background:url(i/latestbck.gif) repeat-x;}

ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}

ol.commentlist li :hover{background:none;}

ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}

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

ol.tblist{list-style:none;margin:0 0 1px;padding:0;}

ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}

input#url,input#author,input#email,textarea{color:#333;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}





/*****************************************/

/* WP-PAGENAVI*                           /

/*****************************************/

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}

.wp-pagenavi a:hover{border:1px dashed #000;color:#147;background-color:#FFF;}

.wp-pagenavi span.pages{color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}

.wp-pagenavi span.current{font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}

.wp-pagenavi span.extend{border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}





/*****************************************/

/* LINKS H1 H2 H3 H4 H5*                  /

/*****************************************/

#info h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666633; }

.rsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666666; }

.lsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#669900; border-bottom:#ccc solid 1px; }

#content h2 { margin:0 0 10px 0; padding:0; font-size:18px; font-family:"Lucida Grande",tahoma,arial,helvetica,sans-serif; color:#666633; }

#content .entry h2 { margin:10px 0 10px 0; padding:0; font-size:18px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666; }

#content h2,.postinfo a:link, #content h2,.postinfo a:visited { font-weight:normal; text-decoration:none;}

#content h2,.postinfo a:visited {color:#666600}

#content h2,.postinfo a:hover,

#content h2,.postinfo a:focus,

#content h2,.postinfo a:active {color:#666600}

.entry a:link{ color:#0000ff; font-weight:normal; text-decoration:none; }

a:link, a:visited { color:#333; font-weight:normal; text-decoration:none; }

a:visited {color:#000099; text-decoration:none;}

a:hover,a:active { color:#0000ff; text-decoration:underline; }

a:active {background:#ffc; text-decoration:none;}

.post h2 a  {

	color: #0000ff;

	text-decoration: none;

	}

.post h2 a:hover {

	color: #333333;

	text-decoration: none;

	}