/*  
Theme Name: Irfan Setiaputra
Theme URI: http://irfansetiaputra.com/
Description: WordPress theme for Irfan Setiaputra.
Version: 2.0
Author: Thomas A.
*/

* {
margin: 0;
padding: 0;
}

body {
font: 13px Arial, Verdana, serif;
color: #444;
background: #fff;
line-height: 20px;
text-align: center;
}

img {
border: none;
}
a, a:visited, a:link, a:hover {
color: #29566D;
}
a:hover {
color: #af3600;
}

.clearer {
clear:both;
display:block;
height:1px;
font-size:1px;
line-height:1px;
}

h1, div.description {
display: none;
}
.irfan-wrap {
width: 770px;
margin: 30px auto;
text-align: left;
background: #fff;
border: 1px solid #fff;
}

.irfan-head {
background: #fff;
border-bottom: 3px solid #eee;
height: 235px;
}

#navcontainer {
margin: 10px 0 5px 0;
border: 1px solid #ebebeb;
}



#navcontainer ul {
padding-left: 0;
margin-left: 0;
background-color: #fff;
color: White;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }


#navcontainer ul li a {
padding: 0.5em 1em;
background-color: #fff;
color: #333;
text-decoration: none;
float: left;
border-right: 1px solid #ebebeb;
font-weight: bold;
}

#navcontainer ul li a:hover, #navcontainer ul li.current_page_item a {
background-color: #ebebeb;
color: #444;
}

	.irfan-mainblog {
	padding: 8px 0;
	}


.irfan-content {
width: 540px;
float: left;
border: 1px solid #d6d6d6;
border-bottom: 6px solid #d6d6d6;
}

	h2.irfan-thepage {
	font: bold 16px Arial, Verdana, sans-serif;
	background: #666;
	color: #fff;
	padding: 5px 8px;
	margin-bottom: 15px;
	}
	.irfan-content-c {
	padding: 15px 10px 30px 10px;
	}
	.post {
	padding: 5px 0px 15px 0px;
	background: transparent url(images/post-separator.gif) bottom right no-repeat;
	margin-bottom: 5px;
	}
		.post h3 {
		font-size: 14px;
		}
		.post h3 a {
		text-decoration: none;
		color: #930000;
		}
		p.post-meta, p.post-comm {
		font-size: 12px;
		padding: 8px 0;
		}
		p.post-comm {
		text-align: right;
		}
		
		.the-text p {
		padding: 4px 0;
		}
		.the-text ul, .the-text ol, .the-text blockquote {
		margin: 5px 0 5px 30px;
		}
		.the-text blockquote {
		font-style: italic;
		}
		.post h4, .post h5 {
		font-size: 15px;
		padding: 15px 0 10px 0;
		}


.irfan-sidebar {
width: 210px;
float: right;
font-size: 12px;
}

	.irfan-side {
	border: 1px solid #ebebeb;
	margin-bottom: 15px;
	}
	div.side-head {
	padding: 10px 15px 0px 15px;
	display: block;
	}
	.irfan-side h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666;
	}
		.irfan-side h2 span {
		}
	.side-text {
	padding: 6px 10px;
	}
	.irfan-side ul {
	padding: 4px 10px;
	list-style-type: none;
	color:#669999;
	}
	.irfan-side p, .textwidget {
	padding: 3px 10px;
	}

	.irfan-side a {
		color: #4582a2;
		}
		.irfan-side a:hover, .post h3 a:hover {
		color: #86022d;
		}

	.irfan-side ul li {
	padding: 2px 0 2px 15px;
	color: #333;
	background: transparent url(images/r-arrow.gif) 0 5px no-repeat;
	}	
	

.irfan-footer {
background: #f4f4f4;
font-size: 12px;
}
	.irfan-footer-c {
	padding: 10px;
	}






.commentlist-container h3#comments {
padding: 10px 0;
font: bold 15px Arial, Helvetica, sans-serif;
}
	ol.commentlist {
	list-style-type: none;
	margin-bottom: 20px;
	}
	ol.commentlist li {
	padding: 10px;
	margin: 5px 0;
	}
	ol.commentlist li p {
	padding: 3px 0;
	}
	ol.commentlist li.alt {
	background: #f4f4f4;
	}
	p.comment-author {
	font-weight: bold;
	}
	p.comment-foot {
	font-size: 10px;
	clear: both;
	}
	p.comment-foot a {
	color: #666;
	text-decoration: none;
	border: none;
	}
	p.comment-foot span {
	float: right;
	}
	p.comm-grav img {
	float: right;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	border: 1px solid #333;
	}
.comment-form {
padding: 10px;
}
	.comment-form h3#respond {
	font: bold 15px Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	}
	.comment-form input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0;
	}
	.comment-form textarea {
	width: 420px;
	padding: 0;
	font-size: normal;
	}
	
	.comment-form p {
	padding: 4px 0;
	}



.navigation {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.disclaimer {
margin: 15px 0;
font: 10px Verdana, Arial, sans-serif;
}
	.disclaimer p {
	padding: 4px 0;
	}

h2.pagetitle {
padding: 4px;
background: #666;
color: #fff;
font: bold 14px Arial, Verdana, sans-serif;
margin-bottom: 15px;
}


.highlighted {
border: 1px solid #5A6F6D;
}