/*
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");

/*@font-face {
	font-family:Bebas;
	src:url('http://www.diaryofarockstar.com/wp/wp-content/themes/cleanr/fonts/BEBAS.TTF') format("truetype");
}
@font-face {
	font-family:Franchise-Bold;
	src:url('http://www.diaryofarockstar.com/wp/wp-content/themes/cleanr/fonts/Franchise-Bold.ttf') format("truetype");
}
*/
/* --------------------------------- =commonly used tools -------- */
.clear,.clearMe{clear:both;}
.line{background:url('/site-images/dottedLine-wide.gif.png') no-repeat scroll 50% top;width:100%;height:1px;display:block;}
.hideText{text-indent:-9999px;}
.displayNone{display:none;}
.floatLeft{float:left;}
.floatRight{float:right;}
bold,strong,b{font-weight:bold;}
italic,i,em{font-style:italic;}
small{font-size:80%;}
body{font-size:18px;font-family:Georgia}
h1,h2,h3,h4{letter-spacing:-1px}
h1,h2,h3,h4,#nav,small,.postmetadata,.small{font-family:Helvetica,Arial;}
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{padding:0;margin:25px 0;float:left;font:normal normal bold 2.5em 'Franchise-Bold',Helvetica,Verdana,Arial,Sans-serif;letter-spacing:-.5px;}
#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:45px;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{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 0px no-repeat;padding:0px 30px 0px 0;}
#nav li a.rss:hover{background:url(images/rss_feed.png) right -24px 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;}
#nav ul ul{left:100%;top:0;}
#nav li:hover > ul{display:block;}
/* For WordPress Site */
#nav .pagenav,#nav .categories{text-transform:uppercase;font-weight:bold}
/* 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;text-align:justify;border-right:1px solid #ccc;}
#sidebar{font-size:16px;}
#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}
.post h2{text-align:left;color:#000;font:normal normal normal 24px/1.4em 'Bebas',Helvetica,Verdana,Arial,Sans-serif;}
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%}
.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 0}
.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;}
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}
.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 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;}
.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;}
.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 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;}
/* 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;}
.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;}
#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:14px;font-style:italic;margin:30px;}
/* --------------------------------- =wordpress stuff -------- */
a{outline:none;}
img.centered,.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-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:11px;line-height:17px;padding:0 4px 5px;margin:0;}



#sidebar div.aktt_tweets ul li{margin-bottom:15px;}