/*
Theme Name: Cleanr
Theme URI: http://wpshoppe.com/demo/cleanr/about/
Description: Clean, Clear and BIG! Just so easy to READ!
Version: 0.1
Tags: black, white, light, two-columns, right-sidebar, fixed-width, threaded-comments, photoblogging
Author: Chandra Maharzan
Author URI: http://www.wpshoppe.com/about/
License: All Rights Reserved
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* reset */
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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
/*ol,ul{list-style:none}*/
blockquote,q{quotes:none; margin-left: 40px}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
/* text */
body{font:13px/1.5 "Lucida Grande", Verdana, Arial, sans-serif}
a:focus{outline:1px dotted invert}
hr{margin:0}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;margin-bottom:10px}
p,dl,h1,h2,h3,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:14px}
hr{margin-bottom:12px}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px;margin-bottom:10px}
h4{font-size:16px; margin-bottom:5px}
h5{font-size:17px}
h6{font-size:15px}
/*ol{list-style:disc}*/
ul{list-style:disc}
li{margin-left:30px;margin-bottom:10px}
pre{overflow:auto}
/* 960.css */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15{display:inline;float:left;margin-left:10px;margin-right:10px}
.grid_16{margin-left:10px;margin-right:10px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_11_nosb{width:940px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
/* sticky footer */
.container_16{min-height:100%;height:auto!important;height:100%;margin:0 auto -82px}
#footer,.push{height:82px}
#footer{margin:0 auto;width:960px;background:#fff}
#footer hr{width:960px;margin:0 auto}
.push{clear:both}
/* styles.css */
html,body{height:100%}
body{background:url(images/bg.png) top repeat-x;font-size:14px;font-family:Arial, Helvetica, sans-serif}
h1,h2,h3{letter-spacing:-1px}
h1,h2,h3,h4,#nav,small,.postmetadata,.small{font-family:Helvetica, Arial}
h2{margin:0 0 10px;padding:0;color:#666}
a{color:#555;text-decoration:underline}
a:visited{color:#111}
h1 a:visited,h2 a:visited{border:0}
/* a:hover {color:#89a;border-bottom:1px solid #89a} */
a:hover{color:#05f}
h2 a{color:#000;text-decoration:none;font-size:30px;border:none}
h2 a:hover,#header h1 a:hover{color:#89a;border:none}
small{font-size:10px;color:#ccc;padding:10px 8px 5px 0;float:left;text-transform:uppercase;font-weight:bold}
p{color:#000}
/* HEADER */
#header{background:transparent;height:110px}
#header h1{font-size:40px;padding:0;margin:25px 0;float:left}
#header h1 a{color:#ddd;text-decoration:none;border:none;text-shadow:1px 1px #333}
#header h1 a:last-letter{color:#89a}
#header span{font:13px Arial, Helvetica, sans-serif;font-style:italic;color:#aaa;margin-left:20px;position:relative;top:-7px;letter-spacing:0}
/* jQUery Dropdown menu */
#nav{list-style:none;padding-top:45px;margin:0;float:right}
#nav li{float:left;margin:0 0 0 10px;padding:0 15px 0 0;position:relative;font-size:14px;line-height:1.8;zoom:1}
#nav>li:last-child{padding:0}
#nav .current-cat a,#nav .current_page_item a{color:#fff}
#nav .current-cat li a,#nav .current_page_item li a{color:#fff}
#nav .current-cat li a:hover,#nav .current_page_item li a:hover{color:#89a}
#nav li a{text-transform:uppercase;font-weight:bold;text-decoration:none;color:#ccc;border:none;text-decoration:none;float:left}
#nav li a:hover{color:#89a}
#nav li span{width:12px;height:20px;background:url(images/arrow-down.gif) no-repeat left 7px;margin:0;padding:0;position:absolute;right:0;top:0}
#nav ul{display:none}
#nav ul li span.child{width:12px;height:20px;background:url(images/arrow-right.gif) no-repeat left 10px;margin:0;padding:0;position:absolute;right:0;top:0}
#nav li a.rss{background:url(images/rss_feed.png) right 0 no-repeat;padding:0 30px 0 0}
#nav li a.rss:hover{background:url(images/rss_feed.png) right -24px no-repeat;padding:0 30px 0 0}
#nav ul{display:none;list-style:none;margin:0;padding:0;position:absolute;left:-11px;top:25px;width:150px;border:1px solid #ccc;border-top:none;background:#456}
#nav ul li{margin:0;padding:0;display:block;width:150px;border-top:1px solid #ccc}
#nav ul li a{display:inline-block;padding:2px 10px;text-transform:none;zoom:1}
#nav ul ul{left:100%;top:-1px}
#nav li:hover > ul{display:block}
/* CONTENT */
div.entry{margin-top:20px}
/*#content div.entry:first-letter {font-size:60px; line-height:0.76em; float:left;padding:5px 10px 0 0;color:#aaa}*/
#content{margin-bottom:0;padding-bottom:20px}
#content .post{padding-top:30px;clear:both}
#content .post table td{padding:4px;vertical-align:top;text-align:left}
/* tables in content */
.bordertable,.bordertable td{border:1px solid #ccc;border-collapse:collapse}
/*.bordertable td[colspan="3"] {background: #ccc}*/
#content{padding-right:0;text-align:justify}
.grid_11_nosb #content{padding-right:0}
#sidebar{font-size:14px}
#sidebar ul{list-style:none}
#sidebar ul li ul li{margin:0}
#sidebar,h2.pagetitle{padding-top:40px;padding-bottom:16px}
#sidebar h2{color:#678;margin:0 0 6px;padding:0}
.post h2{font-size:30px;text-align:left;color:#000}
.post h3{color:#234}
h2.pagetitle{color:#333;margin:0;padding-bottom:0}
.date{font-size:30px;font-weight:bold;line-height:0.8;color:#c00}
.postmetadata{font-size:12px;color:#aaa;height:1%}
p.postmetadata{padding-top:10px}
.small{font-size:12px;color:#aaa;margin-top:10px}
.postmetadata small{font-size:12px;color:#aaa;text-transform:inherit;font-weight:normal;padding:10px 0;margin:20px 0;border-top:1px solid #eee;text-transform:none}
.alignnone{display:block}
img.size-medium{margin:0 0 10px}
.entry a img{vertical-align:top}
.entry img{border:1px solid #ddd;text-align:center;background-color:#fafafa;padding:5px;margin:5px 10px 10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
dl.gallery-item{margin:0}
dl.gallery-icon img{border:1px solid #ddd}
dl.gallery-item a{border:none}
img.wp-smiley,.bordertable img{border:none;margin:0;padding:0}
/* .entry ul li {color:#666} */
/* SEARCH FORM */
#searchform{margin-bottom:30px;padding:0}
#searchform #s{border:1px solid #ccc;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;font:14px Arial, Helvetica, sans-serif;background:#fafafa;width:200px}
#searchbtn{vertical-align:bottom;padding:0 0 5px 2px}
.hidden{display:none}
/* SEARCH RESULTS (GOOGLE) */
.google_search_result h2 a{font-size:18px;left:-8px;margin-top:4px;position:relative}
.google_search_result .entry p{margin:0}
/* PREV NEXT NAV */
.alignleft{float:left}
.alignright{float:right}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.navigation,.comment-navigation{display:block;clear:both}
.navigation{margin-top:40px;padding-bottom:70px}
.comment-navigation{margin-top:15px;padding-bottom:5px}
.navigation a,.comment-navigation a{background:#eee;padding:5px 10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.navigation a:hover,.comment-navigation a:hover{background:#ddd;padding:5px 10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#000;border-bottom-color:#000}
.attachment a{border:0}
.navigation a img{border-radius:0;border:none}
.navigation-image a{border:none}
/* Captions */
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#fafafa;padding-top:5px;margin:5px 25px 25px 0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption p.wp-caption-text{font-size:12px;line-height:17px;padding:4px 4px 5px 0;margin:0;font-style:italic}
/* Begin Comments*/
ol.commentlist{list-style:none;margin:0;padding:0;text-indent:0}
ol.commentlist li{border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;height:1%;margin:0 0 10px;padding:10px;position:relative}
ol.commentlist li.alt{}
ol.commentlist li.bypostauthor{}
ol.commentlist li.byuser{}
ol.commentlist li.comment-author-admin{}
ol.commentlist li.comment{}
ol.commentlist li div.comment-author{padding:0 170px 0 0}
ol.commentlist li div.vcard{}
ol.commentlist li div.vcard cite.fn{font-style:normal;font-style:italic}
ol.commentlist li div.vcard cite.fn a.url{color:#333;text-decoration:none}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#05f}
ol.commentlist li div.vcard img.avatar{border:4px solid #d5d5d5;float:left;margin-right:10px}
ol.commentlist li div.vcard img.avatar-32{}
ol.commentlist li div.vcard img.photo{}
ol.commentlist li div.vcard span.says{}
ol.commentlist li div.commentmetadata{}
ol.commentlist li div.comment-meta{font:12px Arial, Verdana;color:#aaa;float:right;margin-top:-20px}
ol.commentlist li div.comment-meta a{color:#aaa;text-decoration:none;border:none}
ol.commentlist li div.comment-meta a:hover{color:#000}
ol.commentlist li div.commentbody{margin-top:1em;font-size:14px}
ol.commentlist li p{margin:0 0 1em}
ol.commentlist li ul{list-style:square;margin:0 0 1em;padding:0;text-indent:0}
ol.commentlist li div.reply{margin-bottom:7px}
ol.commentlist li div.reply a:hover{background:#c30;border:1px solid #89a}
ol.commentlist li div.reply a{background:#999;border:1px solid #666;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#fff;font:bold 9px/1 arial,sans-serif;padding:5px 6px 4px;text-align:center;width:36px;color:#fff;text-decoration:none;text-transform:uppercase}
ol.commentlist li ul.children{list-style:none;margin:1em 0 0;text-indent:0}
ol.commentlist li ul.children li{}
ol.commentlist li ul.children li.alt{}
ol.commentlist li ul.children li.bypostauthor{}
ol.commentlist li ul.children li.byuser{}
ol.commentlist li ul.children li.comment{}
ol.commentlist li ul.children li.comment-author-admin{}
ol.commentlist li ul.children li.depth-2{margin:0 0 .18em}
ol.commentlist li ul.children li.depth-3{margin:0 0 .18em}
ol.commentlist li ul.children li.depth-4{margin:0 0 .18em}
ol.commentlist li ul.children li.depth-5{margin:0 0 .18em}
ol.commentlist li ul.children li.odd{}
ol.commentlist li.even{background:#fff}
ol.commentlist li.odd{background:#f6f6f6}
ol.commentlist li.parent{}
ol.commentlist li.pingback{}
ol.commentlist li.pingback.parent{}
ol.commentlist li.pingback div.vcard{padding:0 170px 0 0}
ol.commentlist li.thread-alt{}
ol.commentlist li.thread-even{}
ol.commentlist li.thread-odd{}
/* Comment Form */
#commentform input{width:170px;padding:4px;border:1px solid #ccc;font-size:14px;font-family:Arial, Helvetica, sans-serif}
#commentform{margin:5px 10px 0 0;padding-bottom:30px}
#commentform p label{width:120px;display:block;float:left}
#commentform p{border-top:1px solid #eee;padding:10px 0;margin:0;font-size:12px}
#commentform textarea{width:70%;padding:2px;border:1px solid #ccc;padding:4px;font-family:Arial, Helvetica, sans-serif}
.cancel-comment-reply{display:none}
#commentform #submit{margin-left:120px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #aaa;font-weight:bold}
#commentform small,#commentform #submit{color:#333;text-transform:uppercase;font-family:arial;cursor:pointer}
#commentform small{font-size:11px;font-weight:bold}
#respond h3{padding-top:20px;margin-bottom:10px}
/* WIDGETS */
.widget{margin-bottom:20px}
.widget ul li ul{margin-left:10px;margin-bottom:0}
.categories ul.children{margin:0 0 0 10px}
#sidebar ul li{color:#666}
/* FOOTER */
#footer p{text-align:center;font-size:12px;font-style:italic;margin:30px}