/*
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: 12px;font-family: Arial; background: url(images/bg.jpg) no-repeat top left; }
h1,h2,h3,h4,#nav,small,.postmetadata, .small{font-family: Arial;}
a {color:#262c32;text-decoration: none;}
a:hover {color:#262c32; text-decoration: underline;}
h2 a { color:#262c32;text-decoration: none;font-size: 18px; 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;margin:25px 0;float:left;}
#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 { text-align: justify; }
#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:#c7c9cb; font-size: 11px; font-style: italic; border-bottom:  1px solid #c7c9cb; padding-bottom: 15px; font-weight: normal; margin-bottom: 15px;}
.post h2 {font-size: 24px;text-align: left; color:#000}
h2.pagetitle {color:#333;margin:0;padding-bottom:0; margin-left: 100px;}
.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;}
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: 20px; margin-left: 73px;	}
.comment-navigation {margin-top: 15px;	padding-bottom: 5px;}		
.navigation a, .comment-navigation a { font-size: 24px; text-decoration: underline; color: #a8b1bb; }
.navigation a:hover, .comment-navigation a:hover {text-decoration: none;}
.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 { margin-left: 0; }
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: 0 }
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 */
#respond { margin-left: 100px; border-bottom: 1px solid #e4e8ea; }
#commentform input {width: 170px;	padding: 4px;	border:1px solid #e4e8ea;	font-size:12px;	font-family:Arial; margin-right: 20px; 	}
#commentform {	margin: 5px 10px 0 0;	padding-bottom:30px; }
#commentform p label { width: 120px; display:block;float:left}
#commentform p { padding: 10px 0; margin:0; color: #aeb6bf; }
#commentform textarea {	width: 576px;	padding: 2px;	border:1px solid #e4e8ea; font-size:12px;		font-family: Arial;}
.cancel-comment-reply {display: none;}
#commentform #submit {	border: none; width: 76px; height: 23px; background: url(images/btn/send.gif); }
#commentform small, #commentform #submit {color:#333;text-transform: uppercase;font-family: arial;}
#commentform small {font-size:11px;font-weight: bold}	
#respond h3 { padding-top: 0; margin-bottom: 10px; }
#respond p { }

/* WIDGETS */
.widget {margin-bottom: 25px;}
.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 { background: #fff; width: 990px; margin: 0 auto; padding: 20px 0; }
#footer .logos { float: right; width: 280px; }
#footer .logos a { margin-right: 20px; }
#footer p.copyright { margin-left: 100px; margin-bottom: 0; }
#footer p.copyright b { font-size: 14px; }

#footer-groups { background: #fff url(images/bg_footer.gif) repeat-x top left; height: 55px; padding-top: 15px; }
#footer-groups .text { width: 990px; margin: 0 auto; }
#footer-groups .text span { float: left; color: #22272c; font-size: 11px; line-height: 11px; margin-top: 10px; }
#footer-groups .text ul { margin: 0 0 0 100px; list-style: none; }
#footer-groups .text ul li { float: left; margin: 0 20px 0 0; }

#header { height: 205px; position: relative; margin-left: 100px; }
#header .logo { width: 158px; height: 43px; background: url(images/logo/drvoda.png); float: left; margin-top: 50px; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/cleanr/images/logo/drvoda.png',sizingMethod='crop'); }
#header .subscribe-box { z-index: 10; width: 281px; height: 76px; float: right; background: url(images/bg_subscribe.gif); margin-top: 45px; position: relative; }
#header .subscribe-box .rss { width: 41px; height: 41px; display: block; background: url(images/icon/rss.gif); position: absolute; top: 18px; left: 18px; }
#header .subscribe-box .form { float: right; width: 190px; font-size: 11px; margin-top: 5px; margin-right: 8px; position: relative; }
#header .subscribe-box .form a { text-decoration: underline; }
#header .subscribe-box .form a:hover { text-decoration: none; }
#header .subscribe-box .form .msg { z-index: 20; position: absolute; top: -26px; right: 12px; padding: 4px 10px; width: 158px; height: 19px; background: url(images/bg/form_msg.gif) no-repeat 0 0; text-transform: lowercase; } 
#header .subscribe-box .form .msg p {  color: #fff; font-size: 10px; } 

#header ul.menu { z-index: 5; height: 58px; width: 100%; margin-bottom: 0; background: url(images/bg_menu.gif) repeat-x 0 0; list-style: none; position: absolute; bottom: 0; }
#header ul.menu li { float: left; margin: 0; }
#header ul.menu li a { height: 54px; display: block; background-repeat: no-repeat; background-position: top left; }
#header ul.menu li.cur a, #header ul.menu li a:hover { background-position: bottom left; }
#header ul.menu li a.m0 { background-image: url(images/bg/menu0.png); width: 69px; }
#header ul.menu li a.m1 { background-image: url(images/bg/menu1.png); width: 100px; }
#header ul.menu li a.m2 { background-image: url(images/bg/menu2.png); width: 116px; }
#header ul.menu li a.m3 { background-image: url(images/bg/menu3.png); width: 126px; }
#header ul.menu li a.m4 { background-image: url(images/bg/menu4.png); width: 100px; }

#advert { border-bottom: 1px solid #d8d8d8; margin-left: 100px; height: 234px; background: url(images/bg_advert.gif) no-repeat 0 0; }
#advert .txt { margin: 28px 0 0 32px; }
.author { float: right; border-left: 1px solid #d8d8d8; height: 170px; width: 264px; padding-left: 23px; margin-top: 35px; }
.author a img.avatar { float: left; }
.author p { margin-left: 60px; line-height: 13px; }
.author p a.name { font-size: 18px; color: #262c32; font-weight: bold; }
.author p span { font-size: 11px; }

#header .subscribe-box span { display: none; }
#header .subscribe-box p { float: left; margin-bottom: 7px; }
#header .subscribe-box p.edit { width: 179px; height: 24px; background: url(images/bg_input.gif) no-repeat top left; margin-right: 8px;  }
#header .subscribe-box input.edit { width: 179px; height: 24px; border: none; background: none; font-size: 10px; color: #bcbebf; padding: 5px 3px; }
#header .subscribe-box input.subscribe { width: 80px; height: 24px; border: none; background: url(images/btn/subscribe.gif); margin-right: 20px; }
#header .subscribe-box input.unsubscribe { width: 80px; height: 24px; border: none; background: url(images/btn/unsubscribe.gif); }

.entry-author { float: left; width: 90px; }
.entry-box { margin-left: 90px; background: url(images/bg/box_repeat.gif) repeat-y top right; padding: 0 1px 0 0; }
.entry-box .entry-bottom { height: 10px; background: url(images/bg/box_bottom.gif) no-repeat top right; }
.entry-box .entry-arrow { background: url(images/bg/box_top.gif) no-repeat top left; padding: 22px 22px 12px 42px; }
.entry-box .entry-bottom b { display: block; width: 7px; height: 10px; background: url(images/bg/box_bottom_left.gif); float: left; }

.entry-box .entry-share { float: right; width: 53px; padding-left: 24px; }
.entry-box .entry-share p.facebook { margin-bottom: 10px; }
.entry-box .entry-share p.facebook a img { display: none; }
.entry-box .entry-share p.facebook a { display: block; width: 76px; height: 26px; background: url(images/btn/facebook.gif); }

.entry-box .entry-info { border-top: 1px solid #e8edf1; text-align: left; padding-top: 10px; }
.entry-box .entry-info p { font-size: 11px; margin-bottom: 0; }
.entry-box .entry-info p.date { float: left; }
.entry-box .entry-info p.comm { float: right; background: url(images/icon/comments_white.gif) no-repeat 0 3px; padding-left: 18px; }
.entry-box .entry-info p.tags { font-style: italic; margin-left: 100px; margin-right: 140px; }
.entry-box .entry-info p.tags a { font-style: normal; }

.single-post h2 { font-size: 30px; color: #262c32; line-height: 30px; }
.single-post .entry-info p.tags { margin-left: 0; margin-right: 0; } 

.dark-box .entry-box { background: url(images/bg/dark/box_repeat.gif) repeat-y top right; }
.dark-box .entry-box .entry-bottom { background: url(images/bg/dark/box_bottom.gif) no-repeat top right; }
.dark-box .entry-box .entry-arrow { background: url(images/bg/dark/box_top.gif) no-repeat top left; }
.dark-box .entry-box .entry-info p, .dark-box .entry-box .entry-info p a, .dark-box .entry-box h2 a { color: #fff; }
.dark-box .entry-box .entry p { color: #747d83; }
.dark-box .entry-box .entry p a { color: #fff; }
.dark-box .entry-box .entry-info { border-top: 1px solid #373d43; }
.dark-box .entry-box .entry-share p.facebook a { background: url(images/btn/facebook_dark.gif); }
.dark-box .entry-box .entry-info p.comm { background: url(images/icon/comments_dark.gif) no-repeat 0 3px; }
.single-post.dark-box h2 { color: #fff; }


#sidebar ul li ul li.cat-item { font-size: 14px; color: #64676b;  font-weight: normal;}
#sidebar ul li ul li.cat-item a { font-size: 12px; color: #64676b;  font-weight: bold;}

#socialLinksContainer { width: auto !important;}
#socialLinksContainer a { display: block; float: left; width: 140px; font-size: 11px; margin-bottom: 5px; }
#socialLinksContainer a b { display: block; background: url(images/logo/social.png) no-repeat 0 0; width: 16px; height: 16px; float: left; margin-right: 5px;}
#socialLinksContainer a.s-0 b { background-position: 0 -16px;} #socialLinksContainer a.s-0:hover b { background-position: 0 0;}
#socialLinksContainer a.s-1 b { background-position: -16px -16px;} #socialLinksContainer a.s-1:hover b { background-position: -16px 0;}
#socialLinksContainer a.s-2 b { background-position: -32px -16px;} #socialLinksContainer a.s-2:hover b { background-position: -32px 0;}
#socialLinksContainer a.s-3 b { background-position: -48px -16px;} #socialLinksContainer a.s-3:hover b { background-position: -48px 0;}
#socialLinksContainer a.s-4 b { background-position: -64px -16px;} #socialLinksContainer a.s-4:hover b { background-position: -64px 0;}
#socialLinksContainer a.s-5 b { background-position: -80px -16px;} #socialLinksContainer a.s-5:hover b { background-position: -80px 0;}
#socialLinksContainer a.s-6 b { background-position: -96px -16px;} #socialLinksContainer a.s-6:hover b { background-position: -96px 0;}
#socialLinksContainer a.s-7 b { background-position: -112px -16px;} #socialLinksContainer a.s-7:hover b { background-position: -112px 0;}
#socialLinksContainer a.s-8 b { background-position: -128px -16px;} #socialLinksContainer a.s-8:hover b { background-position: -128px 0;}
#socialLinksContainer a.s-9 b { background-position: -144px -16px;} #socialLinksContainer a.s-9:hover b { background-position: -144px 0;}
#socialLinksContainer a.s-10 b { background-position: -160px -16px;} #socialLinksContainer a.s-10:hover b { background-position: -160px 0;}
#socialLinksContainer a.s-11 b { background-position: -176px -16px;} #socialLinksContainer a.s-11:hover b { background-position: -176px 0;}
#socialLinksContainer a.s-12 b { background-position: -192px -16px;} #socialLinksContainer a.s-12:hover b { background-position: -192px 0;}
#socialLinksContainer a.s-13 b { background-position: -208px -16px;} #socialLinksContainer a.s-13:hover b { background-position: -208px 0;}
#socialLinksContainer a.s-14 b { background-position: -224px -16px;} #socialLinksContainer a.s-14:hover b { background-position: -224px 0;}
#socialLinksContainer a.s-15 b { background-position: -240px -16px;} #socialLinksContainer a.s-15:hover b { background-position: -240px 0;}
#socialLinksContainer a.s-16 b { background-position: -256px -16px;} #socialLinksContainer a.s-16:hover b { background-position: -256px 0;}
#socialLinksContainer a.s-17 b { background-position: -272px -16px;} #socialLinksContainer a.s-17:hover b { background-position: -272px 0;}
#socialLinksContainer a.s-18 b { background-position: -288px -16px;} #socialLinksContainer a.s-18:hover b { background-position: -288px 0;}
#socialLinksContainer a.s-19 b { background-position: -304px -16px;} #socialLinksContainer a.s-19:hover b { background-position: -304px 0;}
#socialLinksContainer a.s-20 b { background-position: -320px -16px;} #socialLinksContainer a.s-20:hover b { background-position: -320px 0;}
#socialLinksContainer a.s-21 b { background-position: -336px -16px;} #socialLinksContainer a.s-21:hover b { background-position: -336px 0;}
#socialLinksContainer a.s-22 b { background-position: -352px -16px;} #socialLinksContainer a.s-22:hover b { background-position: -352px 0;}
#socialLinksContainer a.s-23 b { background-position: -368px -16px;} #socialLinksContainer a.s-23:hover b { background-position: -368px 0;}
#socialLinksContainer a.s-24 b { background-position: -384px -16px;} #socialLinksContainer a.s-24:hover b { background-position: -384px 0;}

#tweetmeme_button .retweet { color: red !important;}

h3#comments { margin-left: 100px; margin-top: 20px; font-size: 18px; }

ol.commentlist li { margin-bottom: 27px; }
ol.commentlist li .entry-author { font-size: 10px; color: #aeb6bf; text-align: left; }
ol.commentlist li .entry-author span { color: #22272c; font-size: 11px; }
ol.commentlist li .entry-author span img { display: none !important; }
ol.commentlist ul.children { list-style: none; margin-left: 105px; }
ol.commentlist .entry-bottom { margin-left: 11px; } 

a.profile { background: url(images/btn/profile.gif) no-repeat top left; display: block; width: 76px; height: 23px; }
a.profile:hover { background-position: bottom left; }

#sidebar .author { height: auto; margin: 0 0 25px 0; float: none; }
#sidebar .author p { margin-bottom: 0; }


.category-laboratory {}
.category-laboratory .entry-author, .category-laboratory .entry-bottom, .category-laboratory .entry-share { display: none; }
.category-laboratory .entry-info p.comm, .category-laboratory .entry-info p.tags { display: none; }
.category-laboratory .entry-box { background: none; margin-left: 100px; }
.category-laboratory .entry-arrow { background: none;  padding: 0; }


img.avatar-40 { width: 40px !important; height: 40px !important; }

.entry a { text-decoration: underline; }
.entry a:hover { text-decoration: none; }

#wp-calendar { width: 100%; border-spacing: 5px;azimuth:  }
#wp-calendar caption { font-size: 12px;}
#wp-calendar thead th { font-size: 12px; text-align: center; padding-top: 10px; }
#wp-calendar tbody td { font-size: 12px; text-align: center; }
#wp-calendar tfoot td { font-size: 12px; text-align: center; padding-top: 10px; }
#wp-calendar td a { font-weight: bold;  text-decoration: underline; }
#wp-calendar td a:hover { text-decoration: none; }