/*
 Theme Name: Deerawan - Cloudy
 Theme URI: http://www.deerawan.com/wordpress/free-wordpress-theme-deerawan/
 Description: A very beautiful cloudy theme. It has two right columns sidebar. Cufon Text Replacement. Widget ready and supports Adsense that can be configured easily in Theme Options. Feedburner, Twitter and Facebook. Threaded Comments. Three Color Schemes. Valid XHTML & CSS. SEO Friendly. Compatible with wordpress 2.8.x until 2.9.x.
 Version: 1.4.2
 Tags: blue, yellow, green, orange, brown, red, three-columns, right-sidebar, fixed-width, theme-options, threaded-comments, custom-colors
 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: 990px;
    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: 170px;
    border-left: 1px #DFCB59 dashed;
    padding: 0 15px 5px;
}

#sidebar-right {
    float: left;
    width: 170px;
    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: 1.7em;
    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: .4em .2em .4em 0;
}

#sidebar ul li {
    border-bottom: 1px dashed #DFCB59;
}

#sidebar ul li: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-top: 15px;
    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;
}

.alt {
    background: #EBDC95;
}

.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;
    font-size: 11px;
}

.commentmetadata a {
     color: #6C6C6C;
}

.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;
}

#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: #FFCC00;
}

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

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

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

.commentsblock h3 {
    color: #DFB407;
}

.comment-author-admin cite {
    color: #DFB407;
}

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

.search-form input {
    border: 2px solid #00CCFF;
}
.breadcrumb {
font:bolder 12px  "Trebuchet MS", Verdana, Arial;
padding-bottom: 10px;
}
.breadcrumb a{
color: #1B7499;
}
.breadcrumb a:hover {
color: #EF0E0E;
}