/* Theme Name:HMC Author:Harry Mahardhika 
 * Author URI:http://harrymahardhika.com/ 
 * Description:Based on 960 css framework Version:1.1
 */
@import url(reset-text-960.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
@import url(http://fonts.googleapis.com/css?family=Inconsolata);
.floatclear{clear:both;height:0}
p,dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset{margin-bottom:15px}
body{background-color:#f9f9f9;color:#444;line-height:1.6em}
body,input[ type = text],textarea,input[ type = button],input[ type = submit],select{font-family: "Droid Sans", Arial,sans-serif ;font-size:13px}
li{list-style-type:disc;margin-left:20px}
blockquote{color:#666;font-style:italic;margin:1.5em}
em,dfn{font-style:italic}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
address{font-style:italic;margin:0 0 1.5em}
del{color:#666}
pre{margin:1.5em 0;white-space:pre}
pre,code,tt{font:.8em 'inconsolata','andale mono', 'lucida console', monaco,consolas,monospace;line-height:1.5}
label{display:block;font-size:.9em;font-weight:700}
label.span{display:inline;font-weight:400;padding:0 2px}
fieldset{-khtml-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border:1px solid #ccc;border-radius:8px;margin:0 0 1.5em;padding:.3em .5em}
legend{-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#eee;border:1px solid #bbb;border-radius:4px;font-size:.9em;font-weight:700;padding:1px 4px;text-shadow:#fff 0 1px 0}
input[ type = text],input[ type = password],input[ type = file] input.text,input.title,textarea,select{-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;border:1px solid #bbb;border-radius:5px;font-size:.95em}
input[ type = text]:focus,input[type = password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666}
input[ type = text],input[ type = password],input.text,input.title,textarea,select{margin:.5em 0}
input.text,input.title{padding:5px;width:95%}
input.text.small{width:10%}
input.text.w20{width:40px}
input.text.w150{width:150px}
input.title{font-size:1.5em}
input.s{margin-top:7px;width:255px}
select{font-size:.9em;padding:2px 5px}
textarea{height:150px;line-height:1.5em;padding:5px;width:95%}
textarea.h50{height:50px}
textarea.h80{height:80px}
textarea.h100{height:100px}
textarea.h120{height:120px}
input[ type = checkbox],input[ type = radio],input.checkbox,input.radio{position:relative;top:.25em}
input[ type = button],input[ type = reset],input[ type = submit],button{-khtml-border-radius:8px;-khtml-box-sizing:content-box;-moz-border-radius:8px;-moz-box-sizing:content-box;-webkit-border-radius:8px;-webkit-box-sizing:content-box;border:1px solid #bbb;border-radius:8px;box-sizing:content-box;color:#464646;cursor:pointer;font-size:.95em;padding:2px 8px!important;text-decoration:none;text-shadow:rgba(255,255,255,1) 0 1px 0}
input[ type = button].big,input[ type = reset].big,input[ type = submit].big,button.big{font-size:1.2em;outline:none;padding:5px}
input[ type = button].small,input[ type = reset].small,input[ type = submit].small,button.small{font-size:.85em;outline:none;padding:2px}
form.inline{line-height:3}
form ul li{border-bottom:2px solid #fff;list-style-type:none;margin:0;padding:.4em}
.error,.notice,.success{-khtml-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:2px solid #ddd;border-radius:8px;font-size:.9em;margin-bottom:1em;padding:.5em}
.error{background:#FBE3E4;border-color:#FBC2C4;color:#8a1f11}
.notice{background:#FFF6BF;border-color:#FFD324;color:#514721}
.success{background:#E6EFC2;border-color:#C6D880;color:#264409}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}
table{background-color:#fff;border:1px solid #ccc;margin-bottom:1.4em;width:100%}
th{background-color:#eee;font-size:.9em;font-weight:700;padding:5px;text-shadow:rgba(255,255,255,0.8) 0 1px 0}
thead{border-bottom:1px solid #ccc}
th,td,caption{padding:4px 10px 4px 5px}
tr.even td{background:#f8f8f8}
td{border-bottom:1px solid #ccc;vertical-align:top}
tfoot{border-top:1px solid #ccc}
a:link,a:visited{color:#14568a;outline:none;text-decoration:none}
h1{font-size:2.1em}
h2{font-size:1.7em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1.1em}
h6{font-size:1em}
h1,h2,h3,h4,h5,h6{clear:both;color:#333;font-family:"Droid Sans",georgia, Arial;font-weight:400;line-height:1.3em;}
h2.pagetitle{margin-bottom:10px;text-transform:capitalize}
div#sidebar h2,div#sidebar h3,div#sidebar h4{clear:none}
div#hd{border-bottom:1px solid #ddd;font-size:.85em;overflow:hidden;padding:10px}
div#bd{background-color:#f9f9f9;overflow:hidden;padding:10px 0}
div#ft{border-top:1px solid #ddd;font-size:.85em;padding:20px 0;text-align:center}
.wrapper{padding:10px}
#main-navigation{overflow:hidden}
#main-navigation ul li{float:left;font-weight:700;list-style-type:none;margin-left:0;margin-right:5px;text-shadow:#fff 0 1px 0}
#main-navigation ul li a{-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#666;display:block;font-size:1.1em;padding:2px 10px;text-transform:uppercase}
.post{margin:0 0 35px}
.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{background-color:#14568a;color:#fff;text-decoration:none}
.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{background:none;color:#14568a;text-decoration:underline}
.post-after ul li{background:url(images/li.png) 0 9px no-repeat;padding-left:12px}
.entry p,.entry blockquote{margin-bottom:12px}
.entry h3{border-bottom:2px solid #ddd;color:#222;margin-bottom:8px}
.entry ul,.entry ol{margin-bottom:10px}
.entry ul li{background:url(images/li.png) 0 9px no-repeat;list-style-type:none;margin-left:0;padding-left:12px}
.entry ol li{list-style-type:decimal;margin-left:20px}
.wp-caption{background-color:#eee;font-size:.9em;padding-top:5px;text-align:center}
.wp-caption-text{clear:both}
div.comments_template_wrapper{border-top:3px solid #ddd;padding:10px 0}
ul.commentlist{list-style-type:none;margin-left:0;padding:0}
ul.commentlist li{border-bottom:1px solid #ccc;list-style-type:none;margin-bottom:15px;margin-left:0}
.comment-author img.avatar{float:right}
cite.fn{font-size:1.2em;font-style:normal;font-weight:700}
form p,#commentform p{margin-bottom:5px}
.hidden{display:none}
.invisible{visibility:hidden}
strong,dfn{font-weight:700}
form.inline p,.post h2{margin-bottom:0}
a:hover,a:active,h2 a:hover,h2 a:active{background-color:#eee;color:#14568a;outline:none;text-decoration:none}
#main-navigation ul li a:hover,#main-navigation li a:active,#main-navigation ul li.current_page_item a,#main-navigation ul li.current_page_item a:hover{background-color:#eee;color:#14568a;text-decoration:none}