/*
Theme Name: Harry Mahardhika
Author: Harry Mahardhika
Author URI: http://harrymahardhika.com/
Description: Based on 960 css framework
*/

/*show grid background
.container_16{ background:url(images/16_col.gif) repeat-y}*/

/* Force Vertical Scrollbar */ 
html{/* IE */overflow-y:scroll; /* Moz */height:100%}
/* cleardiv */
.clear{clear:both; height:0}

/*fontface======================*/
@font-face {
font-family: "Helvetica Neue";
src: url("HelveticaNeueLTPro-LtEx.otf")
}

/*main grids*/
body{ font-size: .8em ; color:#444; line-height:1.7;}
#page-margin{height:10px;}
body,#page-margin{ background-color:#fff}
#header{ background-color:#fff; }
.site-logo{height:65px; background:url(images/hmc4.png) no-repeat 0 20px; cursor:pointer;}
div#main-navigation{background-color:#14568a;margin:0;}
div#sub-navigation{background-color:#eee;margin:0;}
#page-wrapper{background-color:#fff;padding:10px 0}
.place-holder{padding:10px 0;}
div#comment{padding:10px 0; border-top:5px solid #eee}
div#respond{padding:20px 0}

/*general fonts*/
body,input[type=text],textarea,input[type=button],input[type=submit] {font-family:"Lucida Grande",Tahoma, serif;}

/*general links*/
a:link, a:visited{color:#14568a; text-decoration:none; outline:none}
a:hover, a:active{color:#14568a; text-decoration:none; outline:none;background-color:#eee}

/*headings*/
h1{font-size:1.9em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.1em}
h1, h2, h3, h4{color:#333; line-height:1.2em;clear:both;font-family:"Lucida Grande",Verdana, serif; font-weight:normal; letter-spacing:-1px;}
h2.pagetitle{margin-bottom:10px; text-transform: capitalize}
h2 a:hover, h2 a:active{color:#14568a; text-decoration:none; outline:none; background-color:#eee}
div#sidebar h2,div#sidebar h3,div#sidebar h4{ clear:none}


/*main navigation*/
#main-navigation{overflow:hidden;}
#main-navigation ul li{margin-right:5px;float:left; font-weight:bold }
#main-navigation ul li a{padding:5px 10px;font-size:1.1em;text-transform: uppercase;color:#fff;display:block;}
#main-navigation ul li a:hover,#main-navigation li a:active{ color:#14568a; background-color:#eee; text-decoration: none;}
#main-navigation ul li.current_page_item a,
#main-navigation ul li.current_page_item a:hover{color:#14568a;background-color:#eee; text-decoration:none}

/*sub navigation*/
#sub-navigation{ padding: 2px 0}
#sub-navigation ul li{margin-right:5px;float:left; font-weight:bold }
#sub-navigation ul li a{padding:5px 10px;text-transform:capitalize;}
#sub-navigation ul li a:hover,#sub-navigation li a:active{ color:#14568a; background:none; text-decoration: underline;}


/*post*/
.post{margin:0 0 35px;}
.post-single{}
.post-meta{ color:#888;}
.post-meta a:link,.post-meta a:visited{color:#999; text-decoration:none;}
.post-meta a:hover,.post-meta a:active{color:#fff; text-decoration:none; background-color:#14568a }
.post-after{background-color:#f8f8f8;margin:10px 0;padding:10px;}
.post-after h3{color:#222;}
.post-after a:link,.post-after a:visited{color:#14568a; text-decoration:none; }
.post-after a:hover,.post-after a:active{color:#14568a; text-decoration:underline; background:none}
.post-after ul li{padding-left:12px;background:url(images/li.png) 0 9px no-repeat}

entry{}
.entry p, .entry blockquote{margin-bottom:12px}
.entry h3{border-bottom:2px solid #ddd; margin-bottom:8px;color:#222; }
.entry ul,.entry ol{margin-bottom:10px;}
.entry ul li{padding-left:12px;background:url(images/li.png) 0 9px no-repeat}
.entry ol li{margin-left:20px; list-style-type: decimal;}

/*navigation*/
.navigation{margin:10px 0;padding:5px 0}
.navigation .prev{float:left;}
.navigation .next{float:right;}


/*comment link*/
.commentlink{color:#999}
.commentlink a:link, .commentlink a:visited, .commentlink a:active{color:#999}
.commentlink a:hover{color:#666}

/*comment */
#comment h3{margin-bottom:10px;}
.comment,.pingback,.tracback{ padding:20px 10px; border-bottom:1px solid #ddd; background-color:#fff}
.comment li{ }
.comment-author-name{ font-size:1.4em}
.bypostauthor {border-bottom:1px solid #14568a;}
.children li{padding:5px 0 0 5px;border-bottom:none;margin-top:10px;}
.children li #div-comment{border-left:1px solid #ddd; padding-left:10px}
form p{margin:0 0 5px; }
input#author{width:200px; padding:5px}
input#email{width:200px;padding:5px}
input#url{width:200px;padding:5px}
textarea#comment{width:100%;padding:5px 0}
label{font-size:.9em}


/*sidebar*/
#sidebar .place-holder{ padding: 10px; border-left:1px solid #ddd; }
#sidebar .place-holder ul li{ list-style-type: none; }

/*footer*/
#footer{font-size:.9em; text-align: center; border-top:1px solid #ddd}

/* input */
input[type=text],textarea,input[type=button],input[type=submit]{outline:none;}
input[type=text], textarea{border:1px solid #ddd}
input[type=text],input[type=button], input[type=submit]{ font-size:.92em}
.s{margin-top:7px;width:255px;}
.search-holder{padding-left:10px;}

/*others*/
.wp-caption{font-size:.9em;padding-top:5px; text-align:center;background-color:#eee}
.wp-caption-text{clear:both; }
blockquote{margin-left:10px;padding-left:10px; color:#999; border-left:10px solid #ddd}
cite{ font-style: normal;}
pre, code{font:1em "Consolas", "Courier New", Courier, mono, serif;}
.avatar{ float:right; margin-left:10px;}

/*intense-debate*/
#idc-container .idc-cover h3,#idc-container .idc-new h3 {font-size: 1.4em;line-height: 1.3em;}

disqus{ font-size:.9em;}/* .
#disqus_thread h3{ margin-bottom: 15px;} */