/*
THEME NAME: Cendol
THEME URI: 
DESCRIPTION: Cendol is an Indonesian local drink that is acknowledged by its sweetness. Check the Cendol's Theme Options to fill your social media networks, favicon, and default image. Posts Pagination and Sandbox Semantic Classes is supported.
VERSION: 1.1.2
AUTHOR: Didik Wicaksono
AUTHOR URI: http://firewalkerdesign.com
TAGS: green, orange, flexible-width, theme-options, two-columns

Released under the GPL license  
http://www.opensource.org/licenses/gpl-license.php
*/
/* reset.css */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}
/* typography.css */body{font-size:75%;color:#222;background:#fff repeat-x 0 0;font-family:"Lucida Grande","Century Gothic",AppleGothic,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;font-family:"Lucida Grande","Century Gothic",AppleGothic,sans-serif}h1{font-size:3em;line-height:1;margin-bottom:0.5em}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em;text-transform:uppercase}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}p{margin:0 0 1.5em}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}a:focus,a:hover{color:#009}a{color:#0085eb;text-decoration:none}blockquote{margin:1.5em;color:#666;font-style:italic}strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}del{color:#666}pre{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}li ul,li ol{margin:0 1.5em}ul,ol{margin:0 1.5em 1.5em 1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}dl{margin:0 0 1.5em 0}dl dt{font-weight:bold}dd{margin-left:1.5em}table{margin-bottom:1.4em;width:100%}th{font-weight:bold}thead th{background:#c3d9ff}th,td,caption{padding:4px 10px 4px 5px}tr.even td{background:#e5ecf9}tfoot{font-style:italic}caption{background:#eee}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}.hide{display:none}.quiet{color:#666}.loud{color:#000}.highlight{background:#ff0}.added{background:#060;color:#fff}.removed{background:#900;color:#fff}.first{margin-left:0;padding-left:0}.last{margin-right:0;padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}
/* forms.css */label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input[type=text],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb}input[type=text]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666}input[type=text],input.text,input.title,textarea,select{margin:0.5em 0}input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em}form.inline{line-height:3}form.inline p{margin-bottom:0}.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}.success{background:#E6EFC2;color:#264409;border-color:#C6D880}.error a{color:#8a1f11}.notice a{color:#514721}.success a{color:#264409}.button {padding: 3px;border:1px solid #e00;background:#900;color:#fff}
/* Clearfix */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}/* Clearfix IE6 */ * html .clearfix{height:1%}/* Clearfix IE7 */*:first-child+html .clearfix{min-height:1px}

a:link, a:visited { color: #91b230; }
a:hover { color: #a2cf1d; }

/* Icons */
.icon{background: url(image/icons.gif) no-repeat 0 0;float:left;margin:0 5px 0 0;width:16px; height:16x;}
.icon-accept { background-position: 0 0; } 
.icon-add { background-position: 0 -20px; } 
.icon-adszone { background-position: 0 -40px; } 
.icon-attachment { background-position: 0 -60px; } 
.icon-cancel { background-position: 0 -80px; } 
.icon-comment { background-position: 0 -100px; } 
.icon-contactus, .icon-email { background-position: 0 -120px; } 
.icon-crown_gold { background-position: 0 -140px; } 
.icon-crown_bronze { background-position: 0 -160px; } 
.icon-crown_silver { background-position: 0 -180px; } 
.icon-delete { background-position: 0 -200px; } 
.icon-emailrss { background-position: 0 -220px; } 
.icon-favorite { background-position: 0 -240px; } 
.icon-feed { background-position: 0 -260px; } 
.icon-key { background-position: 0 -280px; } 
.icon-link { background-position: 0 -300px; } 
.icon-list { background-position: 0 -320px; } 
.icon-magnifier { background-position: 0 -340px; } 
.icon-microphone { background-position: 0 -360px; } 
.icon-pill { background-position: 0 -380px; } 
.icon-schedule { background-position: 0 -400px; } 
.icon-gnl_social_facebook { background-position: 0 -420px; } 
.icon-gnl_social_feed { background-position: 0 -440px; } 
.icon-gnl_social_twitter { background-position: 0 -460px; } 
.icon-gnl_social_yahoo { background-position: 0 -480px; } 
.icon-tag { background-position: 0 -500px; } 
.icon-time { background-position: 0 -520px; } 
.icon-user { background-position: 0 -540px; } 
.icon-username, .icon-crown_none { background-position: 0 -560px; } 
.icon-userpass { background-position: 0 -580px; } 
.icon-write { background-position: 0 -600px; }
.icon-edit_profile { background-position: 0 -620px; }
.icon-write_web { background-position: 0 -640px; }
.icon-comments { background-position: 0 -660px; }
.icon-print { background-position: 0 -680px; }
.icon-cat { background-position: 0 -700px; }
.icon-home { background-position: 0 -720px; }
.icon-writers { background-position: 0 -740px; }
.icon-gnl_social_plurk { background-position: 0 -760px; }
.icon-gnl_social_linkedin { background-position: 0 -780px; }
.icon-gnl_social_flickr { background-position: 0 -800px; }
.icon-gnl_social_delicious { background-position: 0 -820px; }

/* alignments */
.alignleft {float: left;margin: 5px 10px 0 0;}
.alignright {float: left;margin: 5px 0 0 10px;}
.aligncenter {clear: both; margin:  5px auto; display: block;}

/* quotes */
blockquote {margin: 1.5em 1.5em 1.5em 2em; padding: 0.5em 0.5em 0.5em 2.5em; border-top: 1px dashed #C6E36C; background: url(image/bg_quote.gif) no-repeat 0 3px; }
blockquote p {margin: 0;}
blockquote cite {display: block; text-align: right; color: #999;}

/* floatings */
.floatleft {float: left;}
.floatright {float:right;}

/* Hide */
.hidden {display: none;}

/* List */
ul.arrowlist { margin: 0;}
ul.arrowlist li {padding-left: 20px; background: url(image/bg_arrowlist.gif) no-repeat 0 0; list-style: none none outside; }

/* Paging Navigation */
.pagenavigation { margin: 10px; clear: both;}
.pagenavigation ul { margin: 0; list-style: none none outside;}
.pagenavigation li { display: inline; margin: 0 5px 0 0;}
.pagenavigation li a { padding: 5px; background: #fff; border: 1px solid #91b230; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.pagenavigation li a.current, .pagenavigation li a:hover { background: #91b230; color: #fff }

/* Gallery */
.gallery { clear: both; }
.gallery-item { float: left; margin: 0 0.5em 0 0; }

#wrapper { 
    width:100%;
    text-align: left;
    margin: 0;
}
#container {
    margin-left: 230px; 
    clear: both;
    background: #f3ffce url(image/bg_container.gif) no-repeat 100% 0;
}
/* !leftcontainer */
#leftcontainer {
    width: 230px;
    float: left;
    clear: left;
    position: relative;
    margin: 0 0 0 -230px;
    background: #aec95e url(image/bg_leftcontainer.gif) no-repeat 0 0;
}
    #leftcontainer a:link, #leftcontainer a:visited { color: #060; }
    #leftcontainer a:hover { color: #900; }
#logo {padding: 10px;}
    #title { color: #fff; font-size: 24px; text-shadow: #93a94f 0 1px;}
    #title a:link, #title a:visited { color: #fff; }
    #title a:hover { color: #ffc; }
    #description { color: #fff; font-size: 12px; text-shadow: #93a94f 0 1px;}
#sidebar { padding: 10px; color: #030; }
    #sidebar ul { margin: 0; padding: 0; list-style: none outside; border-top: 1px solid #97b343; border-bottom: 1px solid #bfd581; }
    #sidebar ul li { margin: 0; padding: 5px 0 10px; border-bottom: 1px solid #97b343; border-top: 1px solid #bfd581; }
    #sidebar ul ul { margin: 0; border: none; }
    #sidebar ul ul li { padding: 0 0 0 20px; background: url(image/bg_bulletlist.gif) no-repeat 5px 2px; list-style: none none outside; border: none; }
    #sidebar h2 { font-size: 14px; text-transform: none; font-weight: bold; color: #fff; text-shadow: #93a94f 0 1px; background: url(image/bg_widgetlist.gif) no-repeat 0 0; padding: 0 0 0 20px; }
    .widget { padding: 10px;}
#search {padding: 10px;}
    #search label { cursor: pointer; }
    input.searchtext {border: none; background: none; margin: 0;padding: 7px; font-size: 14px; color: #666; cursor: text; width: 235px; }
    input.searchsubmit{border: none; background: none; cursor: pointer; margin: 0; padding: 6px; width: 45px;}
    .searchform { margin: 5px 0 0; background: url(image/bg_searchform.gif) no-repeat 0 0;}
    
/* !Right Container */
#rightcontainer {
    overflow:hidden;
}
#mainmenu {clear: both; background: #fec006 url(image/bg_mainmenu.gif) repeat-x 0 0; height: 24px; margin: 0; padding: 0; border-bottom: 1px solid #c99600; }
    #mainmenu ul { list-style: none none outside; margin: 0; height: 24px;}
    #mainmenu ul li { float: left; position: relative; display: inline; }
    #mainmenu ul li a { color: #473b16; text-shadow: #ffe9a7 0 1px; font-size: 12px; padding: 0px 10px; background: none; line-height: 24px; margin: 0; display: block;}
    #mainmenu ul li.dropdown a { padding-right: 25px; background: url(image/bg_dropdown.gif) no-repeat 90% 5px;}
    #mainmenu ul li a.active, #mainmenu ul li a:hover {background-color: #ffc; color: #850000 }
    #mainmenu ul li ul{
        position: absolute;
        z-index: 999;
        right: 0;
        display: block;
        visibility: hidden;
        float: left;
        margin: 0;
        border-top: 1px solid #c99600;
    }
    #mainmenu ul li ul li{
        display: list-item;
        float: none;
        text-align:left;
    }
    #mainmenu ul li ul li ul{
        top: 0;
    }
    #mainmenu ul li ul li a, #mainmenu ul li.dropdown ul li a{
        width: 160px;
        margin: 0;
        border: 1px solid #c99600;
        border-top:none;
        display: block;
        background: #fec006 url(image/bg_mainmenu.gif) repeat-x 0 0;
    }
    #mainmenu ul li ul li a:hover, #mainmenu ul li.dropdown ul li a:hover{
        background: #ffc;
    }
    #mainmenu ul li.current_page_item a, #mainmenu ul li.current-cat a { color: #8b0000; }
#socialmedia { }
    #socialmedia a .icon { opacity: 0.5; }
    #socialmedia a:hover .icon {opacity: 1;}
#lowerrightcontainer{
    padding-bottom: 10px;
}
#listedcontent {
    overflow: hidden;    
}
    #listedcontent .post {
        padding: 10px 10px 10px 9px;
        border-bottom: 1px solid #c6e36c;
        border-top: 1px solid #fff;
    }
    #listedcontent .post h1 {font-size: 24px; line-height: 120%; text-shadow: #fff 0 1px;}
    #listedcontent .post p {margin: 0;}
    .postimg { padding: 3px; border: 1px solid #c6e36c; margin: 5px 10px 0 0;}
    .postmeta ul { margin: 0;list-style: none none outside;}
    .postmeta li {float: left; margin: 0 15px 0 0; width:auto; white-space:nowrap;}
    .postlisthead {margin: 10px;}
    .postlist {margin: 10px; border-bottom: 1px solid #C6E36C; padding-bottom: 10px;}
    .postdate {width: 35px; float: left; padding: 2px 0 3px 0; margin-right: 5px; text-align: right; color: #666; border-bottom: 1px solid #666}
    .postlist h2 {font-size: 14px; line-height: 120%;}

#fullrightcontainer {padding: 10px; margin-left: 1px;}

/* Single Page */
.single {}
    .single .entry-content {font-size: 115%; line-height: 180%; margin: 15px 0; color: #333; }
    .single .entry-content h1 {font-size: 140%;}
    .single .entry-content h2 {font-size: 130%;}
    .single .entry-content h3 {font-size: 125%;}
    .single .entry-content h4, .single .entry-content h5, .single .entry-content h6 {font-size: 120%;}
    .single .entry-content img { padding: 3px; border: 1px solid #C6E36C}
    .single .entry-title {margin-top: 5px; padding-top: 15px; }
    .single .postmeta {margin-bottom: 5px; padding-bottom: 3px;border-bottom: 1px dashed #C6E36C; }
    .single .entry-trackbacks {margin-bottom: 5px; padding: 3px 5px; border: 1px dashed #C6E36C; background: #ffc }
    .single .post-ratings {display: block; width: auto;font-size: 11px; float: left; margin: 0 5px 0 0; }
    .single .post-ratings-loading {display: block; width: auto;float: left;font-size: 11px;}
    .single .post-ratings-loading {display: none;}    
    .single #nav-below {margin: 10px 0; padding: 10px 0 0;border-top: 1px dashed #C6E36C;}
    .single .nav-previous {float: right; width: 280px; text-align: right;}
    .single .nav-next {float: left; width: 280px; text-align: left;}
    .single .tweetmeme { float: right; width: 50px; margin:  3px 0 10px 15px; }
/* Caption */
.wp-caption-text, .wp-caption-dd {font: italic 80% Georgia, serif; margin: 5px 0;  }
.wp-caption { border-bottom: 1px dashed #C6E36C }
.wp-caption img { margin:0; padding: 0; border: none; }
/* Comment */
#comments {padding: 10px; border-top: 1px solid #C6E36C}
    #comments .navigation {clear: both; display: block; height: 20px;}
    .comment-info {font-size: 110%;}
    ul.commentlist, ul.commentlist ul {list-style: none none outside; margin: 0;}
    ul.commentlist ul { margin-left: 1.5em}
    .respond-title {font-size: 110%}
    .comment-body {position: relative;padding: 5px 10px 5px 65px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ddd; margin-bottom: 10px; overflow: hidden;}
    .comment-author {position: relative;}
	.comment-body .avatar, .comment-body .photo {position: absolute; top:3px; left: -58px; width: 48px; height: auto;}
    .pingback .comment-body {padding: 5px}
    #respond {clear:both; margin: 5px 5px 5px 15px; padding: 10px 5px; border-top: 3px double #C6E36C; border-bottom: 1px solid #C6E36C}
    #respond p {margin: 0;}
    #cancel-comment-reply {margin: 0 0 5px}
    .respond-title {font-size: 14px; line-height: 120%;}    
    .respond-info {font-size: 11px; margin: 10px 0 15px 20px;}
    li.even .comment-body, .children li.even .comment-body, li.bypostauthor .children li.even .comment-body {background: #ff9;}
    li.odd .comment-body, .children li.odd .comment-body, li.bypostauthor .children li.odd .comment-body {background: #ff6;}
    li.bypostauthor .comment-body, .children li.bypostauthor .comment-body {background: #ff0;}
/* About Author */
.about-author {font-size: 100%; line-height:150%; border-top: 1px dashed #C6E36C; padding: 5px 0 15px;}
    .about-author h3 {font-size: 120%; line-height: 125%; margin: 0 0 5px;}
    .about-author .photo {float: left; margin: 3px 10px 10px 0; padding: 3px; border: 1px solid #C6E36C}
    .more-author {margin: 0 0 0 20px;}
    .title-author {margin: 0;}
    .postlist-author {margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #C6E36C}

/* Category Page */
.catlisthead {padding: 10px 10px 5px; border-bottom: 1px solid #c6e36c; margin: 0;}
.catrss{margin: 0 10px;}

/* Footer */
#footer {
    clear: both;
    border-top: 1px solid #C6E36C;
    margin: 0;
    background: url(image/bg_firewalkerdesign.gif) no-repeat 10px 10px;
    padding: 5px 10px 10px;
}
    #footernavigation ul { list-style: none none outside; margin: 0; display: block; text-align: right;}
    #footernavigation li { text-align: right; margin-left: 15px; display: inline;}
    #copyrightinfo {
        margin-top: 10px;
        padding-left: 30px;
        color: #ccc;
        font-size: 11px;
    }