/*  
Theme Name: Adi Arifin
Theme URI: http://www.adiarifin.web.id
Description: Theme spesial untuk blog AdiArifin
Version: 3.0
Author: Adi Arifin
Author URI: http://www.adiarifin.net/
*/

/************************************************
*	Top Navbar      							*
************************************************/

#topnavbar {
	background: #FFFFFF url(images/topnav.gif);
	width: 990px;
	height: 50px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
#topnavbar a, #topnavbar a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#topnavbar a:hover {
	text-decoration: none;
	}
	
#topnavbar p {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
.topnavbarleft {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 28px 0px 0px 30px;
	}
	
.topnavbarright {
	width: 600px;
	float: right;
	margin: 0px;
	padding: 27px 30px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	}
	
.topnavbarright a img {
	border: none;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	}

body{
	background: #8FACDD;
	width: 990px;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: url(images/bg.gif) repeat-y;
	width: 990px;
	margin: 0px auto 0px;
	padding: 0px;
	}
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.clear{
	clear:both;
	}		
img {margin: 0px; padding:0px;border:0px;}
#bg {width:990px;margin:0 auto;}
#mainpage {float:left;width:960px;padding-left:15px;padding-right:15px;background:url('images/bg.gif') repeat-y;}
h2 {font: 24px Georgia, Sans-seriff,Tahoma;color:#0066FF;margin:0;padding:0;padding-left:10px;}
h3 {font: 24px Tahoma;color:#000000;margin:0;padding:0;padding-left:10px;}
h4 {font: 24px Tahoma;color:#000000;margin:0;padding:0;padding-left:10px;}
.h2{font-family:Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;color:#312E2E;font-weight:700;}
a:link, a:visited, a:active{color:#0066FF;text-decoration:none;}
a:hover{text-decoration:underline;}
input {border:1px solid #303030;vertical-align: middle;}
#header{	
	background: #FFFFFF;
	width: 960px;
	height: 100px;
	color: #000000;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}/*#00A400*/
#header .title {float:left;width:400px;}
#header .title h1 {margin:0px;font:24px Georgia,Verdana;color:#000000;font-weight:normal;padding-top:25px;padding-left:22px;}
#header .title h1 a {font-weight:normal;color:#000000;}
#header .title h1 a:hover {text-decoration:none;}
#header .title h2 {margin:0px;padding:0px;font:12px Verdana;color:#0066FF;font-weight:bold;padding-top:7px;padding-left:22px;}
#header .banner {float:right; width:468px; margin:20px;}
#searchform {float:left;}
#search {float:left;width:304px;padding-top:27px;}
#search .input {border:0px;background:none;height:14px;width:252px;font:12px Verdana;color:#FFFFFF;font-weight:normal;}
#main {float:left;width:940px;padding-left:10px;padding-right:10px;padding-top:10px;}
#menu {	
	width: 960px;
	height: 27px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #00A400;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	border-bottom: 1px solid #00A400;
	background:#CEFF9D url(images/menubg.gif) repeat-x;
	}
#submenu {	
	width: 960px;
	height: 21px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #000000;
	margin: 0px auto 0px;
	padding: 0px;
	background: #009900;
	}	
.menuiklan{
	text-align: left;
	vertical-align: top;
	overflow:hidden;
}
.menuiklan ul{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 3px;
	padding-left: 19px;
}
.menuiklan ul li{
	float: left;
	margin: 0 30px 0 0;
	text-align: center;
}
.menuiklan ul li a{
	text-decoration:underline;
	color:#FFFFFF;
}
.menuiklan ul li a:hover{
	text-decoration: underline;
	position:relative; 
	top:1px;
}	
	
	
	
	
	
	
ul.menu{height:30px;line-height:30px;list-style:none;margin:0px;padding:0;}
ul.menu li{float:left;list-style-type:none;margin:0;}
ul.menu li a {float:left;font:11px Arial,Verdana; font-weight:bold;color:#009900;text-transform:uppercase;padding-left:20px;padding-right:20px;line-height:27px; border-right:#CEFF9D solid 1px;background-position:100% 0%;}
ul.menu li a:hover {text-decoration:none; background: #CEFF9D; color:#FFFFFF;}

#content{font: 12px Arial,Verdana;color:#333333;float:left; line-height:18px;width:610px; margin:0px 10px 10px 0px;padding:10px;overflow:hidden;padding-bottom:14px; background:#fff;}

.entry2{float:left;width:295px;margin:0px;padding:0px;padding-right:25px;}
.post2 {float:left;width:295px;max-height:290px;overflow:hidden;}
.postinfo2 {float:left;width:295px;}
.postinfo2 h4 {float:left;margin:0px;padding:0px;font: 11px Verdana;color:#CC0000;font-weight:normal;text-transform:uppercase;padding-right:3px;}
.postinfo2 h4 a {text-decoration:none;color:#CC0000;font-weight:normal;margin:0;}
.postinfo2 h5 {margin:0px;padding:0px;font: 11px Verdana;color:#808080;font-weight:normal;}
.postinfo2 h5 a {text-decoration:none;color:#808080;font-weight:normal;margin:0;}

.postinfo ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.postinfo ul li{
	float: left;
	margin: 10px 0 0;
}

.postinfo ul li.tags{
	padding: 0 0 0 21px;
	background: url(images/tag_green.gif) no-repeat;
}

.postinfo ul li.comments-link{
	margin-right: 10px;
	padding: 0 0 0 19px;
	background: url(images/comment.gif) no-repeat 0 2px;
}

.postinfo ul li.postdate{
	margin-right: 10px;
	padding: 0 0 0 21px;
	background: url(images/calendar.gif) no-repeat;
}

.postinfo ul li.edit{
	margin-left: 10px;
}

.entry {float:left;width:616px;margin:0px;padding:0px;padding-right:25px;padding-bottom:30px;}
.postinfo {
	float:left;
	width:616px; 
	border: 1px solid #f0f0f0;
	border-left: 0;
	border-right: 0;
	margin: 15px 0 10px;
	padding: 0 0 10px;
	clear: both;
	background:#F9FFFF;
	}
.postinfo h4 {float:left;margin:0px;padding:0px;font: 11px Verdana;color:#CC0000;font-weight:normal;text-transform:uppercase;padding-right:3px;}
.postinfo h4 a {text-decoration:none;color:#CC0000;font-weight:normal;margin:0;}
.postinfo h5 {margin:0px;padding:0px;font: 11px Verdana;color:#808080;font-weight:normal;}
.postinfo h5 a {text-decoration:none;color:#808080;font-weight:normal;margin:0;}
.entry h2 {font: 24px Georgia,Verdana;color:#000000;margin:0px;padding:0px;font-weight:normal;}
.entry h2 a {text-decoration:none;color:#000000;margin:0;font-weight:normal;}
.entry h2 a:hover{text-decoration:none;}
.entry h2 a:visited {color:#000000;font-weight:normal;}
.entry h3 {font: 18px Verdana;color:#000000;margin:0px;padding:0px;font-weight:bold;}

.rss {float:left;width:288px;height:37px;background:url('images/rssbg.gif') no-repeat;border:1px solid #E6E6E6;padding-top:8px;margin-bottom:14px;}
.rss h1 {float:left;width:73px;margin:0px;font:11px Verdana;color:#000000;font-weight:bold;padding-left:50px;padding-right:15px;}
.rss h1 a {color:#000000;font-weight:bold;}
.rss a {color:#CC0000;font-weight:normal;}
.ads {float:left;width:288px;border:1px solid #E6E6E6; background:#fff;padding-top:8px;margin-bottom:14px;}
.ads img {float:left;margin-left:8px;margin-right:8px;margin-bottom:8px;border:1px solid #000000;}

#sidebar{float:left;width:300px;margin:0px;padding:0px;font: 11px Arial,Verdana; }

.domtab h2{
	display: none;
}
#sidebar .domtab{
	float: left;
	width: 288px;
	margin: 10px 0 5px;
	background: #fff;
	border:#E6E6E6 solid 1px;
}
#sidebar .abc ul{
	list-style-type: none;
	padding: 4px 11px 11px;
}
/*#sidebar .abc ul li{
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 24px;
	
}*/
#sidebar ul.domtabs{
	float: left;
	width: 288px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, Georgia, sans-serif;
	font-size: 11px;
	background: #fff url(images/bg_dot_tab.gif) repeat-x left bottom;
}

#sidebar ul.domtabs li{
	float: left;
}

#sidebar ul.domtabs li a{
	display: block;
	padding: 7px 10px;
	border: 1px solid #E6E6E6;
	border-top:0;
	border-left: 0;
	text-decoration: none;
	color:#00A400;
	font-weight: bold;
	text-transform: uppercase;
	background:#CEFF9D url(images/menubg.gif) repeat-x;
}

#sidebar ul.domtabs a:hover{
	background: #F3F3F3;
}

#sidebar ul.domtabs li.active a{
	border-bottom: 1px solid #fff;/*url(images/menubg.gif) repeat-x*/
	background: #fff;
}

#sidebar .domtab .abc ul.dt-items{
	list-style-type: none;
	margin: 0;
	padding: 10px;
	line-height: 24px;
}

#sidebar .domtab .abc ul.dt-items li{
	padding: 0 0 0 18px;
	background: url(images/list.gif) no-repeat 0px 9px;
	border-bottom: #f0f0f0 dotted 1px;
}


.sidebar_left {
	float: left;
	width: 120px;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	clear: both;
}

.sidebar_right {
	float: left;
	width: 160px;
	margin: 10px 0 10px 0;
	overflow: hidden;

}
.sidebar_left ul, .sidebar_right ul{
	list-style-type: none;
	margin: 0;
	padding: 0;

}
.sidebar_left a, .sidebar_right a{
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial, Sans-Seriff,Georgia ;

}
.sidebar_left ul li, .sidebar_right ul li{
	margin: 0 0 10px;	
}

.sidebar_left  ul li h2, .sidebar_right ul li h2{
	padding: 10px 11px 9px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial, Sans-Seriff,Georgia ;
	text-decoration:none;
	font-size: 11px;
	background:#005900 ;/*#e6f1f7*/
	color: #fff;
	text-transform: capitalize;
}

.sidebar_left ul ul, .sidebar_right ul ul{
	padding: 4px 5px 11px;
	border:1px solid #DADADA;
/*#f6f9fc*/
}

.sidebar_left ul ul li, .sidebar_right ul ul li{
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 24px;
	background: url(images/list.gif) no-repeat 0px 9px;
}
.sidebar_left ul ul ul, .sidebar_right ul ul ul{
	border: 0;
	padding: 0;
	background-image: none;
}

.sidebar_left ul ul ul li, .sidebar_right ul ul ul li{
	padding: 0 0 0 10px;;
	background-image: none;
	
}
.sidebar_left li li,
.sidebar_right li li {
	margin: 0;
	padding: 8px 5px;
	border-bottom: 1px solid #d1d1d1;
}
ul.right {float:left; margin-left:5px; width:120px;}
ul.left {float:left; width:120px;}

.iklan {float:left;width:272px;border:1px solid #E6E6E6;margin-bottom:10px;padding:8px;padding-top:0px;margin-bottom:14px;}
.iklan h2{margin:0px;font:11px Verdana;font-weight:bold;color:#000000;text-transform:uppercase;padding-top:12px;padding-bottom:4px;border-bottom:1px dotted #B6B6B6;margin-bottom:10px;}
.iklan p {margin:0px;padding:0px;text-align:center;}
.navigation{float:left;color:#303030;width:636px;margin:0px;padding:0px;margin-left:13px;margin-right:19px;padding-top:6px;}
.navigation p {color:#303030;margin:0px;}
.navigation a:hover {text-decoration:underline;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.postmetadata{text-align:right;font: 12px  Verdana;color:#600320;margin:0;padding:0px;}
.postmetadata a {color:#600320}
.boxcomments{width:616px;}
#commentform label{display:block;margin:0;padding-top:10px;}
#commentform input{width:140px;margin:0 5px 0px 0;padding:1px;}
#commentform textarea{width:300px;margin:0 0 0px;padding:0;}
#commentform #submit{margin:0 0 0px;}
#commentform p{margin:0px 0;}
ol.commentlist{margin:0px;padding:0px;}
ol.commentlist li{display:block;list-style:none;margin:0px;padding:0px;border:1px dotted #CCCCCC;background:#F7F7F7;margin-bottom:10px;padding-top:5px;padding-left:10px;padding-right:10px;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:0px;background:#FFFFFF;border:0px;padding-bottom:10px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;padding-left:15px;list-style-type:none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px;}


.komenkiri{
	float: left;
	display: inline;
}

.komenkanan{
	margin-left: 5px;
	float: left;
}

#footer{color:#FFFFFF;clear:both;height:0px;margin:0;padding:0;}
#footerbox{color:#FFFFFF;margin:0;padding:0;width:960px;margin: 0 auto;background:#00A400;}
#footerbox p {margin:0px;font-size:12px;margin-top:0px;}
.footer{	
	background: #FFFFFF url(images/footer.gif);
	width: 990px;
	height: 50px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
.footer a:hover{text-decoration:underline;border:none;}
.footer a:link, .footer a:active, .footer a:visited {color:#FFFFFF;border:none;font-weight:normal;}
.footer p {	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 9px 0px 0px 0px;}
blockquote {
	background: #FEEBC2;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 0px 15px;
	border-top: 1px solid #FCED81;
	border-right: 1px solid  #FF9900;
	border-left: 1px solid #FCED81;
	border-bottom: 1px solid #FF9900;
	}
	
#content blockquote p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
input{
	background-color: #f0f0f0;
	padding: 1px 2px;
	border:#CCCCCC;
}

input:hover{
	background-color: #CEFF9D;
}

input:focus{
	background-color: #fff;
}

textarea#comment {
    background-color: #CEFF9D;
	font-family: Arial, Helvetica, sans-serif;
	font-size:inherit;
	padding: 3px;
	border-bottom:#FFCC00 solid 1px;
	border-right:#FFCC00 solid 1px;
	border-top: #CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	margin:30px 0 10px 0;
	height:120px;
	}
textarea#comment:hover {
    background-color: #fff;
}

textarea#comment:focus{
	background-color: #fff;
}