/*
 Theme Name: Deerawan - Cloudy
 Theme URI: http://www.deerawan.com/wordpress/updated-free-wordpress-theme-deerawan-cloudy-14
 Description: A very beautiful cloudy theme. It has two right columns sidebar . Widget ready and supports Adsense that can be configured easily in Theme Options. Feedburner, Twitter and Facebook. Threaded Comments. Two Color Schemes. Valid XHTML & CSS. SEO Friendly. Compatible with wordpress 2.8.x until 2.9.x.
 Version: 1.4
 Tags: blue, yellow, green, orange, brown, three-columns, right-sidebar, fixed-width, theme-options, threaded-comments
 Author: Budi Irawan
 Author URI: http://www.deerawan.com

 The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/
/***
 Layout
 ***/
body{ color:#151515;  font-family:Arial,verdana;  font-size:72.5%;  line-height:1.4;  margin:0;  padding:0}

a{ text-decoration:none}

a img{ border:none}

#wrap{ width:920px;  margin:0 auto}

#wrapbody{ margin-top:50px}

#header{  text-align:left;  margin:0 10px 5px 10px}

#header h1 a{ font-size:36px;  font-weight:bold}

#content{ font-size:1.1em;  float:left;  width:550px;  padding:0 0 25px 10px}

#sidebar-left{ float:left;  width:130px;  border-left:1px #DFCB59 dashed;  padding:0 15px 5px}

#sidebar-right{ float:left;  width:130px;  border-left:1px #DFCB59 dashed;  padding:0 15px 5px}

#footer{ border-top:1px solid #DFCB59;  font-size:12px;  padding-top:10px;  text-align:center;  background:#E8D986;  color:#524406}

/***
 Other
 ***/
#adsheader{ position:relative;  top:30px;  left:10px}

/***
 Search form
 ***/
.search-form{ position:relative;  top:0;  left:650px;  width:170px}

.search-form input{ height:25px;  background:#F7FAE0;  color:#454545}

/***
 oth
 ***/
h1, h2, h3, h4{ font-weight:400;  margin:0;  padding:0}

.entrytitle h3{ font-size:1.5em}

.entrytitle_wrap, .entrybody, .postinfo{ padding-right:40px}

.entrytitle_wrap{ padding-bottom:1.8em}

.entrytitle{ text-align:left}

.entrytitle h1, .entrytitle h2{ font-size:2em;  text-align:left;  font-weight:600}

.entrydate{ font-size:11px;  color:#6C6C6C;  margin:0;  padding:3px 0 0}

/***
+Entry
 ***/
.entry{    padding:15px 0 25px;     text-align:justify;     border-bottom:1px dashed #DFCB59}

.entry a:hover{    color:#CEA606}

.entry p{    margin:0;     padding:0 0 10px}

.entry h3{    font-size:1.5em;     padding-bottom:.3em}

.entry img{    max-width:510px;     padding:5px;     background:#F3EBC1;     border:1px solid #E0CA5E}

.entrybody{    padding-bottom:6px}

.entrybody a{    color:#524406;     text-decoration:underline}

.entry code{    font-size:1.1em;     text-align:left;     padding:.2em}

.entrymeta{    padding-top:.3em;     margin-bottom:15px;     color:#524406;     clear:both}

.imeta{    color:#524406}

.postinfo{    margin-top:3px}

.info{    margin-left:10px}

.postedby, .categorylink, .commentlink,
#rss, #twitter, #facebook{    background:url(images/sprite-all.png) no-repeat 0 0}

.postedby, .categorylink, .commentlink{ height:16px;  width:16px;  padding:0 6px;  font-size:17px}

.postedby{ background-position:0 0}

.categorylink{ background-position:0 -24px}

.commentlink{ background-position:0 -52px}

#rss, #twitter, #facebook{ width:48px;  height:48px}

#rss{ background-position:-16px 0}

#twitter{ background-position:-64px 0}

#facebook{ background-position:-112px 0}

#rss a, #twitter a, #facebook a{ display:block;  width:48px;  height:48px}

.alignleft, img.alignleft{ float:left;  margin:5px 10px 5px 0}

.alignright, img.alignright{ float:right;  margin:5px 0 5px 10px}

.aligncenter, div.aligncenter, img.aligncenter{ text-align:center;  display:block;  margin:10px auto}

a img.alignright{ float:right;  margin:0 0 1em 1em}

a img.alignleft{ float:left;  margin:0 1em 1em 0}

a img.aligncenter{ display:block;  margin-left:auto;  margin-right:auto}

abbr, acronym, span.abbr{ cursor:help;  border-bottom:1px dotted #000}

blockquote{ display:block;  border-left:5px solid #E8D986;  padding-left:10px;  color:#524406}

pre{ max-width:580px;  font-size:1.2em;  padding:10px}

code{ font-size:1.2em;  max-width:580px;  padding:10px}

.wp-caption{ background:#F3EBC1;  border:1px solid #E0CA5E;  color:#524406}

.wp-caption img{ border:0 none;  margin:0;  padding:5px}

.wp-caption-dd{ font-size:11px;  line-height:17px;  margin:0;  padding:0 4px 5px}

.wp-caption-text{ text-align:center}

img.wp-smiley{ border:none;  background:none;  padding:0}

/***
 Sidebar
 ***/
#sidebar{    font-size:1.1em}

#sidebar ul{    list-style-type:none;     margin:0 0 1.2em 0;     padding:0}

#sidebar ul li, #sidebar ul li a{    padding:.2em .2em .2em 0}

#sidebar ul li:hover, #sidebar ul li a:hover{    background:#F1E589}

#sidebar ul li ul.children{    margin:0}

#sidebar ul li ul.children li.cat-item{    background:url(images/sub.gif) 0 11px no-repeat;  padding:.2em .2em .2em 0;  padding-left:11px;  margin-top:-2px;  border:none}

#sidebar h4{ padding:0px 2px 4px 20px;  color:#151515;  font-size:1em;  text-transform:uppercase;  margin-top:1em}

#sidebar-left #cat{ width:195px;  border:1px solid #8B7E1D}

#sidebar-right #cat{ width:150px;  border:1px solid #D9C849}

#sidebar img{ max-width:140px;  border:0}

/***
 menu
 ***/
#menu{ padding:0px;  margin-left:300px}

#nav, #nav ul{ margin:0;  padding:0;  list-style-type:none;  list-style-position:outside;  position:relative;  line-height:1.5em}

#nav a{ display:block;  padding:3px 5px;  text-decoration:none}

#nav a:hover, #nav li.current_page_item a:hover{ color:#fff}

#nav li{ float:left;  position:relative}

#nav ul{ position:absolute;  display:none;  width:12em;  top:2em}

#nav li ul a, #nav li.current_page_item ul a{ width:12em;  height:auto;  float:left;  background-color:#F4E898;  color:#000}

#nav ul ul{ top:auto}

#nav li ul ul{ left:12em;  margin:0px 0 0 10px}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block}

#nav li.current_page_item a{ color:#fff}

/***
 comments
 ***/
.commentsblock, contactform{ font-size:1em;  clear:both;  margin:20px 30px 0 0}

.children{ padding:5px}

.commentsblock textarea, .contactform textarea{ width:44em}

.commentsblock input, .commentsblock textarea,
.contactform input, .contactform textarea{ border:1px solid #d1d1d1}

.commentlist{ padding-left:20px}

#commentform textarea, .commentlist textarea{ width:95%}

.commentlist li{ padding:5px 10px;  border:1px solid #DFCB59;  margin:5px;  list-style-type:none}

.even{ background:#F5EAA1}

.commentlist li .avatar{ float:right;  border:1px solid #C4AD26;  padding:2px;  margin:0 0 10px 0;  background:#E8D986}

.commentlist cite, .commentlist cite a{ font-weight:bold;  font-style:normal;  font-size:1.1em}

.commentlist p{ font-weight:normal;  line-height:1.5em;  text-transform:none}

.commentmetadata{ font-weight:normal}

.commentsblock textarea:focus, .contactform textarea:focus, .commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{ background:#F4F0CC;  border:1px solid #a1a1a1}

#submit{ background:#F0F0F0}

/***
 * table
*/
.entrybody table{ border-collapse:collapse;  border:1px solid #E0CA5E}

.entrybody table{ margin:0 0 1em 1px}

.entrybody td, .entrybody th{ border:1px solid #E0CA5E;  padding:10px}

.entrybody th{ background:#F3EBC1;  text-align:center;  border-right:1px solid #E0CA5E}

#navigation{ margin-right:.4em}

.clear{ clear:both}

/***
 footer
 ***/
#infofooter{    padding:10px}

#totop{    position:fixed;     bottom:80px;     right:0}

.gotop{    width:52px;     height:138px;     display:inline;     float:left;     background:url(images/gototop.png) no-repeat}

.gotop:hover{ background-position:0 -138px}

.hide{ display:none}

.alt{ background:#EBDC95}

#respond{ margin-top:30px}

#respond:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden;  margin-top:50px}

/** Default Theme Blue **/
body{    background:#f4e898 url(images/blue/bg.jpg) repeat-x top left}

a{    color:#02313C}

a:hover{    color:#CEA606}

#header h1 a{    color:#EFC007}

.desc{    color:#6B5603}

.entrytitle h3{    color:#6F6F6F}

.entrytitle h1 a, .entrytitle h2 a, h2.title{    color:#00AAD4}

.entrytitle h1 a:hover, .entrytitle h2 a:hover{    color:#FC0}

#sidebar h4{    background:url(images/blue/bullet.png) no-repeat}

#nav a:hover, #nav li.current_page_item a:hover{    background-color:#FC0}

#nav li.current_page_item a{    background-color:#00AAD4}

.commentsblock h3{    color:#DFB407}

.gotop{    background:url(images/blue/gototop.png) no-repeat}

.search-form input{ border:2px solid #0CF}