/*
THEME NAME: Cendol
THEME URI: http://firewalkerdesign.com/
DESCRIPTION: Cendol is an Indonesian local drink that is acknowledged by its sweetness. Check the Cendol > Theme Options to fill your social media networks, favicon, and default image. Posts Pagination and Sandbox Semantic Classes is supported.
VERSION: 1.0
AUTHOR: Didik Wicaksono
AUTHOR URI: http://firewalkerdesign.com
TAGS: green, white, 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 }

#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: #ff0; }
    #leftcontainer a:hover { color: #090; }
#logo {padding: 10px;}
    #title { color: #fff; font-size: 24px; text-shadow: #93a94f 0 1px;}
    #description { color: #fff; font-size: 12px; text-shadow: #93a94f 0 1px;}
#sidebar { padding: 10px; color: #fff; }
    #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: #ca4b4b; 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 {border-top: 1px dashed #C6E36C; 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;
    }