/*
Theme Name: Khairul-Syahir.com v2.
Theme URI: http://www.khairul-syahir.com
Description: My first fully self-designed and self-developed WP theme ;)
Version: 1.0
Author: Syahir Hakim
Author URI: http://www.khairul-syahir.com
*/
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,textarea{border:0 none;margin:0;padding:0;}
.clearfix:after, .comment:after, .pingback:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{
background:url(images/bg_top-bar.png) repeat-x #4a4949;
font:12px tahoma;
}
#container{
margin:0 auto;
background:url(images/bg_container.png) 0px 54px repeat-y #ffffff;
width:932px;
}
#top-bar{
height:54px;
background:url(images/bg_top-bar.png) repeat-x #000000;
}
#rss{
margin:13px 0 0 23px;
float:left;
}
#search{
float:right;
}
#search input{
width:148px;
height:17px;
background:url(images/bg_btn-search.png) #ffffff;
padding:3px 7px 2px 5px;
vertical-align:text-bottom;
margin-bottom:4px;
color:gray;
}
#search button{
background:none;
border:0;
margin:14px 10px 0 0;
cursor:pointer;
}
#header{
background:url(images/banner.jpg) #ffffff;
height:198px;
margin-left:16px;
width:900px;
}
#header h1{
position:relative;
top:80px;
left:38px;
display:none;
}
#nav{
height:58px;
background:url(images/bg_nav.png) repeat-x gray;
width:900px;
margin-left:16px;
border-bottom:3px solid #fff;
}
#menu{
list-style-type:none;
list-style-position:outside;
position:relative;
padding-top:6px;
line-height:1.5em;
}
#menu li a, #menu li a:visited{
font:bold 13px tahoma;
color:#dfedff;
text-decoration:none;
line-height:28px;
display:block;
margin-left:5px;
padding:0 18px;
}
#menu li a:hover, #menu .current_page_item a, #menu .current_page_item a:visited, .current_page_parent a, .current_page_parent a:visited, .current_page_ancestor a, .current_page_ancestor a:visited{
background:url(images/bg_nav-hover.png) repeat-x;
border:1px solid #fff;
padding:0 17px !important;
color:#000 !important;
}
#menu li, #submenu li{
float:left;
display:block;
}
#submenu{
list-style-type:none;
list-style-position:outside;
clear:both;
}
#submenu li{
line-height:20px;
}
#submenu li a, #submenu li a:visited{
color:#5a5a58;
font:normal 11px tahoma;
margin:0 10px;
text-decoration:none;
}
#submenu li a:hover{
color:#000;
}
#submenu li.current_page_item a, #submenu li.current_page_item a:visited{
	color:#000;
} 
#content{
background:url(images/bg_content.png) repeat-y #fff;
width:900px;
padding-bottom:20px;
margin-left:16px;
border-top:21px solid #e3e3e3;
}
#content-main{
width:600px;
float:left;
}
.post{
	width:558px;
	padding:25px 18px 12px 24px;
	background:url(images/bg_content-main.gif) top right no-repeat #fff;
	margin-bottom:10px;
}
.date{
	clear:both;
	background:url(images/bg_date.jpg) #3bc5ef;
	height:49px;
	width:46px;
	text-align:center;
	float:left;
}
.date p{
	font:normal 12px tahoma;
	color:#e3e3e3;
	line-height:22px;
}
.date p span{
	font-size:18px;
	color:#2c2b2b;
}
.entry{
float:right;
width:502px;
}
h2, h2 a, h2 a:visited{
font:18px arial;
color:#1772af;
border-bottom:1px solid #e3e3e3;
padding-bottom:5px;
text-decoration:none;
}
h2 a, h2 a:visited{
	border:none;
}
h2 a:hover{
	color:#074d7c;
}
.post-meta{
margin-top:2px;
}
.post-meta p img{
margin-top:3px;
}
.post-meta p, .post-meta ul, .post-meta li{
	float:left;
	color:#074d7c;
}
.post-meta li{
	font:normal 11px tahoma;
	list-style-type:none;
	list-style-position:outside;
	line-height:18px;
	margin-left:5px;
}
.post-meta a, .post-meta a:visited{
	color:#1772af;
	text-decoration:none;
}
.post-meta a:hover{
	text-decoration:underline;
}
.post-meta p.post-author{
	font:normal 11px tahoma;
	float:right;
	display:block;
	line-height:18px;
	color:#074d7c;
}
.entry-content{
	margin-top:10px;
	clear:both;
}
.entry-content p, .entry-content ul, .entry-content ol, .comment-entry ol{
	font:normal 12px tahoma;
	color:#2c2b2b;
	line-height:18px;
}
.comment-entry ol, .comment-entry ul{
	display:block !important;
	width:auto !important;
	margin:0 0 10px 40px !important;
}
.comment-entry ol li, .comment-entry ul li{
	display:list-item !important;
	margin:0 !important;
	padding:0 !important;
	line-height:18px !important;
	background:none !important;
	list-style-type:decimal !important;
	width:auto !important;
	float:none !important;
}
.comment-entry ul li{
	list-style-type:circle !important;
}
.entry-content h3, .entry-content h4{
	font:bold 16px arial;
	color:#2c2b2b;
	margin:20px 0 5px 0;
}
.entry-content h4{
	font-size:14px;
}
.entry-content p{
	margin-bottom:10px;
}
.entry-content a, .entry-content a:visited{
	color:#1772af;
	text-decoration:none;
}
.entry-content a:hover{
	text-decoration:underline;
}
.entry-content ul{
	list-style-position:outside;
	list-style-image:url(images/bullet-ul.gif);
	margin:10px 0 10px 50px;
}
.entry-content ul ul{
	margin-left:30px;
}
.entry-content ol{
	margin:5px 0 5px 50px;
}
.entry-content ol ol{
	list-style-type:lower-alpha;
	margin-left:30px;
}
.entry-content ol ol ol{
	list-style-type:lower-roman;
}
.entry-content img{
	border:4px solid #e3e3e3;
	margin:5px;
}
.entry-content img.alignright {float:right; margin:0 0 1em 1em}
.entry-content img.alignleft {float:left; margin:0 1em 1em 0}
.entry-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.entry-content a img.alignright {float:right; margin:0 0 1em 1em}
.entry-content a img.alignleft {float:left; margin:0 1em 1em 0}
.entry-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.wp-smiley, .entry-content p img.wp-smiley, .comment-entry p img.wp-smiley{
	border:none !important;
	display:inline !important;
	margin:0;
	float:none !important;
}
blockquote{
	background:url(images/bg_blockquote.gif) top left no-repeat #f3f3f3;
	border:1px dotted #e3e3e3;
	margin:10px 46px 10px 40px;
	padding:12px 18px 0 32px;
}
blockquote p{
	color:#474747;
}
blockquote cite{
	font-style:italic;
	text-align:right;
	display:block;
	margin-top:10px;
}
p code{
	background-color:#EDEDFF;
}
code.normal, pre.normal{
	font:normal 11px "Courier New";
	color:#000;
	border:1px dotted #e3e3e3;
	display:block;
	background:url(images/bg_code.gif) top left no-repeat #f3f3f3;
	padding:15px 2px 2px 20px;
	margin:10px 0;
}
.entry-footer{
	border-top:1px solid #e3e3e3;
	margin:20px 0;
}
.add-this, .add-this-right{
	float:left;
	width:100px;
	padding-top:10px;
}
.add-this-right{
	float:right;
	margin-right:25px;
}
.post-tags{
	width:350px;
	float:left;
	font:normal 11px tahoma;
	line-height:16px;
	margin-top:5px;
	color:#929292;
}
.comment-nav{
	text-align:center;
	font:normal 12px tahoma;
	color:#929292;
}
.comment-nav a, .comment-nav a:visited, .post-tags a, .post-tags a:visited{
	color:#1772af;
	text-decoration:none;
}
.comment-nav a:hover, .post-tags a:hover{
	text-decoration:underline;
}
.comment-link{
	float:right;
	padding-top:5px;
}
.comment-link a, .comment-link a:visited{
	font:normal 18px arial;
	color:#1772af;
	text-decoration:none;
}
.comment-link a:hover{
	text-decoration:underline;
}
.post-nav{
	margin-bottom:20px;
}
#previous, #previous a, #previous a:visited, #next-post, #next-post a, #next-post a:visited{
	font:12px tahoma;
	color:#929292;
	text-decoration:none;
}
#previous a:hover, #next-post a:hover{
	text-decoration:underline;
}
#previous{
	float:left;
	margin-left:8px;
}
#next-post{
	float:right;
	margin-right:8px;
}
#comments h4{
	clear:both;
	margin:0 0 5px 24px;
	font:normal 22px arial;
	color:#929292;
}
#comments h4 img{
margin-top:30px;
}
#comments ol{
	list-style-type:none;
	list-style-position:outside;
}
#comments ol li{
	background:url(images/bg_comment.gif) top right no-repeat #eee;
	width:520px;
	padding:18px 0 5px 80px;
	margin-bottom:10px;
}
#comments ol li.odd{
	background:url(images/bg_comment-alt.jpg) top right no-repeat #e9ecf5;
}
#comments ol li img{
	float:left;
	display:inline;
}
#comments ol li h5{
	float:left;
	font:normal 14px arial;
	color:#2c2b2b;
	margin-left:5px;
	border-bottom:1px solid #d5d3d3;
	width:455px;
	line-height:24px;
	display:inline;
}
#comments ol li.pingback h5{
	width:495px;
}
#comments ol li h5 cite{
	font-style:normal;
}
#comments ol li a, #comments ol li a:visited{
	color:#1772af;
	text-decoration:none;
}
#comments ol li a:hover{
	text-decoration:underline;
}
#comments ol li p.commentmetadata{
	font:normal 11px arial;
	color:#6b6b6b;
	float:left;
	margin:3px 10px 0 5px;
	display:inline;
}
#comments ol li p.comment-reply-link{
	float:right;
	font:normal 12px arial;
	text-align:right;
	margin:2px 20px 0 0;
	display:inline;
}
.comment-entry{
	clear:both;
	width:455px;
	float:left;
	margin:10px 20px 0 45px;
	display:inline;
}
.comment-entry p{
	font:normal 12px tahoma;
	color:#2c2b2b;
	line-height:18px;
	margin-bottom:10px;
}
#comments ol ol{
	display:inline;
	clear:both;
}
#comments ol ol li.depth-2 h5{
	margin-right:10px;
	width:390px;
}
#comments ol ol p.comment-reply-link{
	margin-right:20px;
	display:inline;
}
#comments ol ol .comment-entry{
	width:400px;
	margin-right:10px;
	display:inline;
}
#comments ol ol li{
	background-image:none !important;
	width:455px;
	float:right;
	display:inline;
	padding:10px 0 0 10px;
}
#comments ol ol ol li.comment{
	padding-right:10px;
	width:390px;
}
#comments ol ol ol li.depth-3 h5{
	width:335px !important;
}
#comments ol ol ol li .comment-entry{
	width:335px;
}
#sidebar select{
	border:1px solid #e3e3e3;
	font:normal 12px arial;
	color:#2c2b2b;
}
#comment-form-wrap{
	background:url(images/bg_comment.gif) top right no-repeat #eee;
	width:600px;
	padding:18px 0 15px 0 !important;
	margin-bottom:10px;
}
#comment-form-wrap p, .wpcf7-form p{
	clear:both;
	font:normal 12px arial;
	color:#606060;
	padding-bottom:5px;
	vertical-align:middle;
}
.wpcf7-form p{
	padding-bottom:0;
	line-height:15px !important;
}
#comment-form-wrap a, #comment-form-wrap a:visited, #respond a, #respond a:visited{
	text-decoration:none;
	color:#1772af;
}
#comment-form-wrap a:hover, #respond a:hover{
	text-decoration:underline;
}
#comment-form-wrap label, .wpcf7-form label{
	float:left;
	width:71px;
	padding-top:4px;
	height:28px;
	display:inline-block;
}
#comment-form-wrap input, #comment-form-wrap textarea, .wpcf7-form input, .wpcf7-form textarea{
	float:left;
	padding:4px 3px;
	height:16px;
	width:240px;
	border:1px solid #e3e3e3;
	font:normal 12px arial;
	color:#2c2b2b;
}
.wpcf7-form input.wpcf7-input-file{
	height:24px;
	padding:0;
	width:150px;
	border:none;
}
#comment-form-wrap textarea, .wpcf7-form textarea{
	width:418px;
	height:150px;
	margin-bottom:5px;
	border:1px solid #e3e3e3;
}
#comment-form-wrap .input-text:focus, #comment-form-wrap textarea:focus, .wpcf7-form .wpcf7-input-text:focus, .wpcf7-form textarea:focus{
	border-color:#bfdff5;
}
p.wpcf7-form-captcha{
	margin-left:71px;
	line-height:30px;
}
p.wpcf7-form-captcha img{
	vertical-align:middle;
}
p.wpcf7-form-captcha label{
	float:none !important;
	width:160px;
	display:inline !important;
	line-height:30px;
}
input.wpcf7-captcha {
	vertical-align:middle !important;
}
p.wpcf7-form-captcha .wpcf7-input-text{
	float:none;
	width:100px;
	display:inline;
}
#respond p{
	margin:0 0 0 46px;
	font:normal 12px arial;
	color:#606060;
}
#respond p#cancel-comment-reply{
	margin-bottom:10px;
}
#comment-form-wrap #submit, .wpcf7-form input.wpcf7-form-submit{
	padding:0;
	margin:0 0 0 116px !important;
	font:normal 12px arial;
	color:#414040;
	border:none;
	width:116px;
	height:26px;
	background:url(images/bg_submit.png) top left no-repeat !important;
	cursor:pointer;
}
.wpcf7-form input.wpcf7-form-submit{
	margin:0 0 0 70px !important;
}
#comment-form-wrap button::-moz-focus-inner, .wpcf7-form input.wpcf7-form-submit::-moz-focus-inner{border:none;padding:0;}
#comment-form-wrap button:focus, .wpcf7-form input.wpcf7-form-submit:focus{outline:1px dotted;}
#comment-form-wrap button#submit:hover, .wpcf7-form input.wpcf7-form-submit:hover{
	background-position:bottom left !important;
}
.mceIframeContainer{
	cursor:text;
}
p.subscribe-to-comments{
	padding-left:72px;
	width:300px;
	height:20px !important;
}
p.subscribe-to-comments label{
	float:none !important;
	width:250px !important;
	height:18px !important;
}
#recaptcha_widget_div{
	clear:both;
	margin-left:116px;
}
#sidebar{
	float:right;
	margin-right:15px;
	width:255px;
	display:inline;
}
#sidebar h3{
	clear:both;
	background:url(images/bg_h3.png);
	width:243px;
	height:33px;
	font:bold 15px "Trebuchet MS";
	line-height:33px;
	padding-left:12px;
	margin:16px 0 5px 0;
	color:#333232;
	letter-spacing:0.03em;
}
#sidebar div.sidebar-wrap{
	width:231px;
	padding:5px 12px;
}
#calendar_wrap{
	text-align:center;
}
#wp-calendar{
	margin:0 auto;
	border-collapse:collapse;
}
#wp-calendar #today{
	font-weight:bold;
}
#wp-calendar td, #wp-calendar th{
	padding:3px 4px;
}
#wp-calendar #prev{
	text-align:left;
}
#wp-calendar #next{
	text-align:right;
}
#sidebar ul, #sidebar ol, #sidebar p{
	margin:0;
	font:normal 11px tahoma;
	color:#000;
}
#sidebar ol{
	list-style-position:outside;
	margin-left:29px;
}
#sidebar ol ol{
	list-style-type:lower-alpha;
	margin-left:20px;
}
#sidebar ul ul{
	margin-left:20px;
}
#sidebar ol ol ol{
	list-style-type:lower-roman;
}
#sidebar ol li{
	line-height:15px;
	padding:2px 0;
}
#sidebar ul ul li{
	border:none;
}
#sidebar ul ul li{
	line-height:15px;
}
#sidebar a, #sidebar a:visited{
	text-decoration:none;
	color:#11598a;
}
#sidebar a:hover{
	text-decoration:underline;
}
#sidebar p{
	line-height:18px;
}
#sidebar p img{
	border:4px solid #dedede;
}
#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
}
#sidebar ul li{
	padding:6px 0;
	line-height:15px;
	border-bottom:1px solid #e3e3e3;
}
#sidebar ul li img, #sidebar ol li img{
	display:inline;
	vertical-align:middle;
	margin:0 2px;
}
#sidebar ul li span.meta-rss{
	display:inline-block;
	height:16px;
	width:0px;
}
#footer{
background:url(images/bg_footer.png) repeat-x #000;
margin-left:16px;
height:66px;
width:900px;
}
#copyright{
	float:left;
	background:url(images/btn-copyright.jpg) bottom left no-repeat;
	width:358px;
	height:42px;
	padding-left:22px;
	color:#abb1aa;
	font:normal 11px tahoma;
	padding-top:24px;
}
#copyright span{
	display:block;
	width:88px;
	height:28px;
	float:left;
	margin-right:10px;
}
#footer a, #footer a:visited{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#w3c{
	width:69px;
	height:40px;
	float:right;
	line-height:14px;
	padding:26px 0 0 0;
	margin-right:25px;
}
#developer{
	height:24px;
	float:right;
	margin-right:5px;
	color:#abb1aa;
	font:normal 11px tahoma;
	padding-top:42px;
}

/* TabContent JS style */

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}