/*
Theme Name: Cleanr
Theme URI: http://wpshoppe.com/demo/cleanr/about/
Description: Clean, Clear and BIG! Just so easy to READ!
Version: 0.1.2
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
*/


@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");
body { font-size: 14px; font-family: Georgia; /*background-image: url(images/bg.png);*/ background-repeat: repeat-x; background-position: center top; }
h1, h2, h3, h4 { letter-spacing:-1px }
h1, h2, h3, h4, #nav, small, .postmetadata, .small { font-family: Arial, Helvetica, sans-serif; }
h2 { margin: 0 0 20px 0; padding: 0; color:#666; }
a { color:#999; text-decoration: none; border-bottom: 1px solid #eee }
a:hover { color:#000; border-bottom:1px solid #ccc }
h2 a { color:#000; text-decoration: none; font-size: 30px; border:none }
h2 a:hover, #header h1 a:hover { color:#c00; border:none }
small { font-size:10px; color:#ccc; padding:10px 8px 5px 0px; float:left; text-transform: uppercase; font-weight: bold; }
p { color:#555 }
hr { margin:0; clear:both }
/* HEADER */



#header h1 { font-size:40px; padding:0; float:left; margin-top: 45px; margin-right: 0; margin-bottom: 30px; margin-left: 0; }
#header h1 a { color: #000; text-decoration: none; border:none }
#header h1 a:last-letter {color:#c00;}
#header span { font:13px Georgia; font-style: italic; color: #aaa; margin-left:20px; position:relative; top:-7px; letter-spacing: 0 }
/* jQUery Dropdown menu */
#nav { list-style: none; padding-top:70px; margin: 0; float:right; }
#nav li { float: left; margin: 0px 0px 0px 10px; padding:0px 15px 0px 0px; 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: #aaa }
#nav .current-cat li a, #nav .current_page_item li a { color: #000 }
#nav .current-cat li a:hover, #nav .current_page_item li a:hover { color: #c00 }
#nav li a { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #000; border:none; text-decoration: none; float: left }
#nav li a:hover { color:#c00; }
#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 { -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display:none;}
#nav 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 -24px no-repeat; padding:0px 30px 0px 0; }
#nav li a.rss:hover { background: url(images/rss_feed.png) right 0px no-repeat; padding:0px 30px 0px 0; }
#nav ul { display:none; list-style:none; margin:0; padding:0; position: absolute; left:0; top:25px; width:160px; border: 1px solid #ccc; border-top:none; background: #fff; }
#nav ul li { margin:0; padding:0; display: block; width: 160px; border-top: 1px solid #ccc; }
#nav ul li a { display: inline-block; width: 100%; padding:2px 10px; text-transform: none; zoom:1; font-size: 12px; font-weight: normal; line-height: 22px; }
#nav ul ul { left: 100%; top: 0; background: #EAEAEA; }
#nav li:hover > ul { display:block; }
/* For WordPress Site */
#nav .pagenav, #nav .categories { text-transform: uppercase; font-weight: bold }
#sidebar { font-size:14px; }
#sidebar ul { list-style: none; }
#sidebar ul li ul li { margin:0 }
#sidebar, h2.pagetitle { padding-top:40px; }
#sidebar h2 { color:#666; margin:0 0 6px 0; padding: 0 }
/* CONTENT */
/*#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 { padding-right:50px; border-right: 1px solid #ccc; }
.post h2 { font-size: 24px; text-align: left; color:#000; padding-top: 2px; }
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:#bbb; height:1% }
.postmetadata a { font-size:12px; color:#bbb; height:1%; text-decoration: none; }
.small { font-size:12px; color:#aaa; margin: 10px 0px; }
.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 0 }
.entry a { margin:0px 3px 0px 0px; vertical-align:top; background: url(images/externalLink.gif) no-repeat right center; padding-right: 15px; padding-left: 5px; }
.entry a img { margin:0 0 10px 0; vertical-align:top; }
.entry img { border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding: 5px; margin: 5px 10px 10px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.entry ul li { color:#666 }
dl.gallery-item { margin:0 }
dl.gallery-icon img { border: 1px solid #ddd }
dl.gallery-item a { border: none }
img.wp-smiley { border:none; margin:0; padding:0 }
/* 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 Georgia; background: #fafafa; width: 200px }
#searchbtn { vertical-align:bottom; padding: 0 0 5px 2px; }
.hidden { display: none; }
/* 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; }
.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; }
.navigation a img { border-radius:0; border:none }
.navigation-image a { border:none }
.attachment a { border:0 }
/* Captions */
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding-top: 5px; margin: 5px 25px 25px 0px; -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; }
.comment-navigation { margin-top: 15px; padding-bottom: 5px; }
/* 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:#000; }
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}
ol.commentlist li div.comment-meta a { color:#aaa; text-decoration: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 #c00; }
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:Georgia, Times; }
#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: 14px }
#commentform textarea { width: 70%; padding: 2px; border:1px solid #ccc; padding: 4px; font-family: Georgia, Times; }
#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; }
#commentform small { font-size:11px; font-weight: bold }
.cancel-comment-reply { display: none; }
#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: 14px; font-style: italic; margin: 30px; }