/*
Theme Name: HardianThematic V2
Theme URI: http://hardiannazief.com
Description: Thematic Child themes revisited, the effort to clean the code, lots of inspiration comes form jason santa maria and coudal
Author: Hardian Nazief
Author URI: http://hardiannazief.com
Template: thematic
Version: 2.1
.
These design is license to me, the css simplified by http://www.codebeautifier.com
.
*/

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* --- Reset CSS by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html --- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{background:#fff;line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:none;}

/* Apply basic typography styles  http://code.google.com/p/blueprintcss/ */
body,input,textarea{color:#333;font:15px Georgia,serif;line-height:18px;}
h1,h2,h3,h4,h5,h6{font-weight:400;clear:both;}
ul{list-style:disc;margin:0 0 18px 2.5em;}
ol{list-style-type:decimal;margin:0 0 18px 2.5em;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0;}
dl{margin:0 1.5em;}
cite,em,i{font-style:italic;}
blockquote{margin:0 3em;}
blockquote em,blockquote i,blockquote cite{font-style:normal;}
pre{font:11px Monaco, monospace;line-height:18px;margin-bottom:18px;}
code{font:11px Monaco, monospace;}
abbr,acronym{border-bottom:1px dotted #333;cursor:help;}
ins{text-decoration:none;}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative;}
sup{bottom:1ex;}
sub{top:.5ex;}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%;}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%;}
p,dd{margin-bottom:18px;}
dt,strong{font-weight:700;}

/* LAYOUT: One-Column (Right) Fixed, DESCRIPTION: Two-column 950px fixed layout with one sidebar right of content */
body{min-width:960px;background:#fff url(images/bg.jpg) repeat;}
#wrapper{border:1px solid #f4f4f4;width:982px;background:#fff;border-width:0 1px;margin:0 auto;}
#header{border-bottom:1px solid #333;height:48px;padding-top:1px;width:960px;margin:0 auto;}
#branding{float:left;width:320px;padding:0;}
#access{padding-top:15px;text-align:right;}
#blog-description{display:none;}
#main{width:960px;overflow:hidden;position:relative;margin:0 auto;}
#container{width:620px;float:left;}
#content{overflow:hidden;margin:0 0 0 10px;}
.main-aside{width:300px;float:right;position:relative;right:10px;}
#secondary{clear:right;}
#footer{clear:both;}
#subsidiary{width:940px;overflow:hidden;margin:0 auto;}
#subsidiary .aside{width:300px;float:left;margin:0 20px 0 0;}
#subsidiary #third{margin:0;}
#siteinfo{clear:both;width:940px;margin:0 auto;}

/* Apply basic image styles */
.entry-content img{margin:0 0 18px;}
.alignleft,img.alignleft{float:left;margin-right:20px;}
.alignright,img.alignright{display:block;float:right;margin-left:20px;}
.aligncenter,img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both;}
.wp-caption{text-align:center;margin-bottom:18px;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:5px;}
.gallery img{margin:0;}

/* -------- convention on hover ----------*/
a:link, a:visited { color: #c30; text-decoration: none;}
.skip-link { display: none;}

/* --- nav and everything ---*/
.menu{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:18px;line-height:28px;}
.menu ul{display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;}
.menu ul li{display:inline;padding-right:15px;}
.menu a,.menu a:visited{color:#333;text-decoration:none;}
.menu a:hover{color:#ee2723;border-bottom:1px dotted #ee2723;}
#container{width:720px;}
#content{width:700px;}
.page-title,.archive-meta,.entry-meta, .subscribes,.tag-links,.entry-utility,#nav-below,#primary h3,#primary ul ul li,#subsidiary ul ul,#siteinfo,#second .textwidget,#second a{font-family:Arial,sans-serif;font-size:14px;}
.page-title{margin-top:12px;}
.archive-meta{width:300px;padding-left:80px;text-indent:12px;font-style:italic;line-height:21px;}
.entry-title{border-bottom:1px dotted #ccc;font-size:36px;font-weight:400;letter-spacing:-1px;line-height:42px;text-decoration:none;text-transform:none;padding:27px 0 6px;}
.entry-title a:link,.entry-title a:visited{color:#333;}
.entry-title a:hover{color:#786f6f;}
.entry-meta{padding-bottom:21px;}
.entry-date{border-right:1px solid #ccc;padding-right:7px;width:60px;}
.meta-category{line-height:21px;}
.meta-thumbnail{float:left;width:140px;}
.entry-content h1{font-size:54px;line-height:63px;letter-spacing:-1px;padding:8px 0 34px;}
.entry-content h2{font-size:36px;line-height:42px;padding:4px 0 17px;}
.entry-content h3{font-size:24px;line-height:27px;font-style:italic;margin:15px 0 0;padding:0;}
.entry-content h4{font-weight:700;}
.entry-content a:link,.entry-content a:visited{border-bottom:1px dotted red;}
blockquote{background:transparent url(images/quote.png) no-repeat;color:#141310;font-size:18px;font-style:italic;margin:0;padding:21px 40px 21px 60px;}
.entry-content ul{list-style-image:url(images/cross.png);margin:0 0 21px 2.5em;}
.entry-content img{border:1px solid #ccc;background:#fafafa;margin:0;padding:10px;}
img.alignleft{margin:10px 10px 10px 0;}
img.alignright{margin:21px 0 21px 21px;}
.entry-utility{width:140px;color:#444;text-align:right;}
.entry-utility a{color:#786F6F;font-style:italic;font-family:georgia, serif;}
#nav-below{padding-top:22px;width:140px;margin-bottom:63px;text-align:right;}
#nav-above,.cat-links{display:none;}

/* --- Comments --- */
#comments,#comments input,#comments textarea{font-size:16px;}
#comments code{font-size:12px;}
#comments h3{font-weight:700;line-height:21px;padding:0 0 18px;}
#comments-list{padding:0 0 18px;}
#comments-list ol,#comments-list ul{list-style:none;margin:0;}
#comments-list ol{border:1px solid #F4F4F4;border-bottom:none;margin:0 0 18px;}
#comments-list li{background:#fafafa;border-bottom:1px solid #F4F4F4;position:relative;padding:18px 1.5em 0;}
#comments-list li.alt{background:transparent;}
#comments-list li.bypostauthor{background:#FFC;}
#comments-list ul li{border:1px solid #ccc;margin:0 0 18px;}
#comments-list li .avatar{position:absolute;top:22px;left:1.5em;width:36px;height:36px;}
#comments-list .comment-author{font-weight:700;padding:9px 0 0 46px;}
#comments-list .comment-meta{color:#666;font-size:11px;padding:0 0 9px 46px;}
.comment-reply-link{font-size:11px;text-align:right;padding:0 0 18px;}
.comment-navigation{font-weight:700;margin-right:.5em;padding:0 0 18px;}
.comment-navigation a{border:1px solid #ccc;color:#666;font-weight:400;text-decoration:none;padding:.5em .75em;}
.comment-navigation a,.comment-navigation span{margin-right:.5em;}
#trackbacks-list .comment-content{position:absolute;left:-9000px;}
#respond{background:#fff;margin-bottom:22px;padding:18px 0 0;}
#comments-list #respond{border-bottom:1px solid #ccc;margin:0 0 18px;padding:18px 1.5em;}
#comments-list ul #respond{border:1px solid #ccc;margin:0;}
#cancel-comment-reply{font-size:11px;position:absolute;top:18px;right:1.5em;}
#cancel-comment-reply a{color:#666;}
#respond .required{color:#FF4B33;font-weight:700;}
.form-section label{font-size:11px;}
.form-section input{width:98%;margin:0 0 18px;}
.form-section textarea{width:99%;}
#form-allowed-tags p{color:#666;font-size:11px;margin:0;}
#form-allowed-tags span{font-style:italic;}
.form-submit{text-align:right;padding:18px 0 0;}
.subscribe-to-comments{color:#666;float:left;font-size:11px;margin:0;padding:18px 0 0;}
.solo-subscribe-to-comments{color:#666;font-size:11px;padding:18px 0 0;}
.comment_license{color:#666;clear:both;font-size:11px;margin:0;padding:18px 0 0;}
#comments{display:inline;float:right;width:520px;padding-right:20px;}
#comments-list .comment-meta a,.comment-reply-link a{color:#666;font-style:italic;text-decoration:none;}
#comments-list .comment-meta a:active,#comments-list .comment-meta a:hover,.comment-reply-link a:active,.comment-reply-link a:hover,.comment-navigation a:active,.comment-navigation a:hover{color:#FF4B33;}

#primary{background-color:#fafafa;border:1px solid #f4f4f4;display:inline;margin:60px 0 21px;overflow:hidden;padding:19px 20px 0 0;width:210px;}
#primary a:link,#primary a:visited{color:#786f6f;}
.entry-meta a:hover,.entry-utility a:hover,#nav-below a:hover,#primary a:hover{border-bottom:1px dotted #ee2723;color:#ee2723;}
#primary h3{border-bottom:1px dotted #ccc;color:#444;font-family:georgia, serif;font-size:17px;font-style:italic;font-weight:700;}
.widgetcontainer{margin-bottom:20px;}
#primary ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0;}
#primary ul li{padding-left:20px;}
#primary ul ul li{padding-left:0;}
#secondary,.f{display:none;}

/* --- Footer Section --- */
#footer{background:#333;clear:both;color:#fdc30a;padding:21px;}
#subsidiary #first{width:120px;}
#subsidiary #second{width:540px;}
#subsidiary #third{width:200px;}
#subsidiary h3{border-bottom:1px dotted #ccc;color:#F4F4F4;font-size:17px;font-style:italic;font-weight:700;}
#subsidiary a:link,#subsidiary a:visited{color:#ccc;}
#subsidiary ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0;}
#subsidiary ul ul{padding-bottom:16px;}
#siteinfo{color:#ccc;padding:5px 0 20px;}
#siteinfo a:link,#siteinfo a:visited{border-bottom:1px dotted #FDC30A;color:#ccc;}
.meta-sep{display:none;}
.entry-content .wp-smiley{border:0;margin:0!important;max-height:12px;padding:0;}
#subsidiary a:hover,#subsidiary a:active,#siteinfo a:hover,#siteinfo a:active{border-bottom:1px dotted #FDC30A;color:#fff;}

/* --- Styling For Category, Search and Tag --- */
.p2 h2,.p3 h2,.p4 h2{border-bottom:1px dotted #CCC;font-size:36px;font-weight:400;letter-spacing:-1px;line-height:38px;padding:0 0 8px;text-decoration:none;text-transform:none;}
.p1 .entry-content,.p2 .entry-content,.p3 .entry-content,.p4 .entry-content{display:inline;float:right;font-size:16px;line-height:21px;margin:0 40px 0 0;width:500px;}

/* --- Search Box --- */
#search_form input{background:#F4F4F4 none repeat scroll 0 0;border-color:#ACACAC #CCC #CCC #ACACAC;border-style:solid;border-width:2px 1px 1px 2px;color:#888;padding:4px 2px;width:185px;}
.widget_text{margin-bottom:21px;}
.rss{background:transparent url(images/rss.png) no-repeat top left;padding:0 0 0 25px;}
.rss-mail{background-image:url(images/rss.png);background-position:0 -26px;background-repeat:no-repeat;padding:0 0 0 25px;}
.postform{background:#f4f4f4 none repeat scroll 0 0;border-color:#ACACAC #CCC #CCC #ACACAC;border-style:solid;border-width:2px 1px 1px 2px;color:#786f6f;padding:1px;width:185px;}

/* --- New Update for index multi-column post --- */
.feats{overflow:hidden;width:700px;}
#primary,.feats{margin-top:30px;}
#primary{line-height:20px;}
.feats-image{float:left;margin-right:10px;width:280px;}
.feats-content{float:right;width:400px;overflow:hidden;}
.feats img{background:#FAFAFA none repeat scroll 0 0;border:1px solid #eee;margin:0;padding:10px;}
.feats .entry-title{border-bottom:1px dotted #CCC;font-size:30px;font-weight:400;letter-spacing:-1px;line-height:36px;padding:0 0 6px;text-decoration:none;text-transform:none;}
.feats .entry-content{float:left;font-size:15px;line-height:20px;margin:0;width:330px;}
.feats .entry-utility{color:#444;text-align:left;width:380px;}
.feats .entry-meta{padding-bottom:15px;}
.column{float:left;margin-right:19px;overflow:hidden;width:220px;}
.three{margin-right:0;}
.column .hentry{margin-top:20px;}
.column .entry-content img{background:#FAFAFA none repeat scroll 0 0;border:1px solid #eee;margin:0 0 10px;padding:8px;}
.column .entry-meta{color:#786F6F;font-size:12px;padding-bottom:10px;text-align:center;}
.column .entry-content a:link,.entry-content a:visited{border-bottom:0;}
.column .entry-title{border-bottom:1px dotted #CCC;border-top:1px dotted #CCC;font-size:18px;font-weight:400;letter-spacing:0;line-height:24px;padding:5px 0;text-align:center;text-decoration:none;text-transform:none;}
.column p{margin-bottom:10px;}
.column .entry-content{display:inline;float:left;font-size:15px;line-height:21px;margin:0;width:210px;}
.column .entry-date{display:none;}
.column .entry-utility{text-align:left;width:220px;}