/*
Theme Name : hisman.org theme
Author URI : http://www.hisman.org/
Version : 2.0
Author : Hisman Nata Saputra
Description: hisman.org theme is designed by <a href="http://www.hisman.org/">Hisman</a> .
*/

body{
	background:url(images/bg.gif) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:13px;
}

a{
	color:#008ebf;
	text-decoration:none;
}

a:hover{
	color:#424242;
}

#wrapper1{
	width:752px;
	margin:auto;
}

#wrapper2{
	width:750px;
	margin:auto;
}

#nav{
	background:url(images/bg2.gif) repeat-x;
	height:30px;
}

#nav ul{
	padding-left:10px;
	padding-top:7px;
	float:left;
}

#nav li{
	display:inline;
}

.page_item a{
	color:#b3e3fa;
	padding:5px 10px 5px 10px;
}

.page_item a:hover{
	color:#ABABAB;
	background:url(images/hover_bg.gif) repeat-x;
	border:#000000 1px solid;
}

.current_page_item a{
	color:#ABABAB;
	background:url(images/hover_bg.gif) repeat-x;
	border:#000000 1px solid;
	padding:5px 10px 5px 10px;
}

#searchform{
	background:url(images/search_bg.jpg) no-repeat;
	width:133px;
	height:24px;
	float:right;
	margin-right:20px;
	margin-top:3px;
}

#searchtext{
	border:0px;
	width:100px;
	margin-left:7px;
	margin-top:4px;
	height:20px;
	background:none;
	color:#6C6C6C;
	font-size:11px;
}

#searchsubmit{
	border:0px;
	background:none;
	width:20px;
}

#header{
	background:#FFFFFF;
	clear:both;
	overflow:auto;
}

#me{
	background:url(images/me.gif);
	width:119px;
	height:134px;
	float:left;
	margin-left:10px;
	margin-top:3px;
}

#judul{
	margin-top:50px;
	margin-left:-20px;
}

#head_text{
	float:left;
}

#judul h1{
	font-size:36px;
}

#judul a{
	color:#424242;
}

#judul a:hover{
	color:#0088BB;
}

#deskripsi{
	margin-left:-18px;
	margin-top:-5px;
}

#feed{
	float:left;
	margin-top:100px;
	margin-left:40px;
}

#container{
	background:#ededee;  /*#F9F9F9*/
	clear:both;
	border-top:#030303 1px solid;
	overflow:auto;
	padding-bottom:50px;
}

#content{
	width:450px;
	float:left;
}

#newsletter{
	background:#333133;
	width:403px;
	margin:auto;
	color:#FFFFFF;
	font-size:12px;
	overflow:auto;
}

#newsletter h2{
	font-size:13px;
	display:block;
	background:#4b4b4d;
	padding:5px 0px 5px 10px;
	width:160px;
	margin-left:10px;
	border:#414142 1px solid;
	font-weight:normal;
}

#nl_text{
	float:left;
	width:200px;
	margin-left:12px;
	margin-top:10px;
}

#nl_form{
	float:right;
	margin-right:15px;
	margin-top:10px;
}

.inputan{
	width:100px;
	background:#FFFFFF;
	border:#414142 1px solid;
	margin-bottom:5px;
}

.form_label{
	float:left;
	width:50px;
}

#formsubmit{
	float:right;
	background:#4b4b4d;
	border:#414142 1px solid;
	color:#FFFFFF;
	width:60px;
	height:22px;
	margin-top:5px;
}

#newsletter p{
	margin:0px;
	padding:0px;
}

#newsletter_bwh{
	background:url(images/bawah.png) no-repeat;
	width:407px;
	height:26px;
	margin:auto;
	padding-top:5px;
}

#hide_show{
	display:block;
	background:#4b4b4d;
	border:#414142 1px solid;
	color:#FFFFFF;
	width:62px;
	margin-left:20px;
	padding:1px 0px 2px 3px;
	font-size:11px;
}

#hide_show:hover{
	color:#ABABAB;
}

.post{
	width:420px;
	margin:40px auto;
}

.page_post{
	width:420px;
	margin:40px auto;
}

.post_date{
	background:url(images/kalender.png) no-repeat;
	width:63px;
	height:71px;
	float:left;
	margin-top:5px;
}

.month{
	color:#FFFFFF;
	text-align:center;
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	padding-top:2px;
}

.date{
	text-align:center;
	font-size:30px;
	padding-top:3px;
	color:#666666;
}

.komen{
	background:url(images/komentar.jpg) no-repeat;
	width:61px;
	height:46px;
	float:right;
	text-align:center;
	padding-top:7px;
}

.komen a{
	color:#999999;
	font-size:24px;
	display:block;
}

.komen a:hover{
	color:#666666;
}

.post h1{
	font-size:26px;
	font-weight:normal;
	padding-left:80px;
	padding-top:10px;
}

.page_post h1{
	font-size:26px;
	font-weight:normal;
}

.author{
	font-size:10px;
	padding-top:10px;
	margin-top:5px;
	clear:both;
}

.post_cat{
	font-size:10px;
}

.post_cat p{
	margin:0px;
	padding:0px;
}

.post_text{
	margin-top:30px;
}

.post_text li{
        margin-top:10px;
}

.post_text ul{
       margin-left:20px;
}

.post-navigator{
	width:420px;
}

.new_entri{
	float:right;
	margin-right:20px;
}

.old_entri{
	float:left;
	margin-left:20px;
}

#sidebar{
	width:260px;
	float:right;
	margin-right:10px;
}

#aboutme{
	background:#333133;
	color:#FFFFFF;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
}

#aboutme h2{
	background:#4b4b4d;
	font-size:13px;
	width:75px;
	padding-left:10px;
	height:20px;
	border:#414142 1px solid;
	font-weight:normal;
}

#aboutme p{
	margin-left:80px;
	margin-top:20px;
}

#fotoku{
	float:left;
	margin-top:20px;
	border:#000000 1px solid;
}

#more{
	clear:both;
	float:right;
	background:#4b4b4d;
	border:#414142 1px solid;
	width:43px;
	padding-left:7px;
	margin-right:10px;
}

#more a{
	color:#FFFFFF;
}

#more a:hover{
	color:#999999;
}

#tabs{
	background:#333133;
	margin-top:20px;
	padding:20px 10px 10px 10px;
}

#tab_nav{
	margin-bottom:5px;
}

#tab_nav li{
	display:inline;
}

.passive_nav{
	color:#FFFFFF;
	background:#4b4b4d;
	padding:5px;
}

.passive_nav:hover{
	background:#FFFFFF;
}

.active_nav a{
	background:#FFFFFF;
	color:#424242;
}

.isi{
	background:#FFFFFF;
	padding:20px;
}

.isi li{
	list-style:none;
	padding:5px;
	border-bottom:#666666 1px dotted;
}

#widget{
	margin-top:20px;
}

#widget li{
	list-style:none;
}

.widget_isi{
	margin-top:20px;
}

#widget h2{
	font-size:16px;
	font-weight:bold;
	padding:5px;
	border:#CCCCCC solid 1px;
	background:#FFFFFF;
}

.widget_isi ul{
	margin-top:10px;
	margin-left:10px;
}

.widget_isi li{
	padding-top:5px;
}

#comment-tpl{
	width:420px;
	margin:40px auto;
}

#comments{
	font-size:18px;
	font-weight:normal;
}

.commentlist li{
	padding:10px;
	margin-top:10px;
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
  list-style: none;
}

.auth{
 background: #FFFFEC !important;
}

#comments_form{
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
	padding:10px 20px 10px 20px;
	margin-top:20px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	border:1px solid #0000CC;
}

#commentform textarea:hover, #commentform input[type="text"]:hover {
	border:1px solid #0000CC;
}

#commentform textarea, #commentform input[type="text"] {
	border:1px solid #2D2D2D;
}

#submit{
	border:#CCCCCC solid 1px;
	background:#FFFFFF;
	width:150px;
	height:30px;
}

pre code{
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
	width:335px;   
	display:block;   
	padding:10px;      
	overflow:auto;
	margin-left:33px; 
}

blockquote{
	background:#FFFFF9;
	border:#666666 dashed 1px;
	padding:2px 15px 2px 15px;
	margin:10px 30px 10px 30px;
	font-size:11px;
	color:#666666;
}

#footer1{
	clear:both;
	background:#181818;
	overflow:auto;
	color:#FFFFFF;
	padding-bottom:20px;
}

.isi_footer{
	float:left;
	width:230px;
	padding:10px
}

.isi_footer li{
	list-style:none;
	padding-top:5px;
}

.isi_footer ul{
	margin-left:5px;
}

.isi_footer h2{
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
	border:#CCCCCC solid 1px;
}

#footer2{
	background:url(images/bg2.gif) repeat-x;
	height:25px;
	padding-left:10px;
	padding-top:5px;
	color:#FFFFFF;
}

#footer1 a,#footer2 a{
	color:#b3e3fa;
}

#footer1 a:hover,#footer2 a:hover{
	color:#F1F1F1;
}

.avatar {
 border: 1px solid #ccc;
 float: right;
}

.clear {
  clear: both;
}