/*
THEME NAME: Kayu dan Daun
THEME URI: http://firewalker.kamusilmiah.com/
DESCRIPTION: Simple and cute wordpress theme with custom options support
VERSION: 1.0
AUTHOR: Didik Wicaksono
AUTHOR URI: http://firewalker.kamusilmiah.com
TAGS: brown, white, minimalis, fixed-width, theme-options, sticky-post, two-columns, featured-post

Credits:

Twitter Bird by <a href="http://wefunction.com/2009/05/40-free-twitter-badges/">Pasquale D�Silva</a>
Flavour Extended icon set by <a href="http://www.addictedtocoffee.de/">Oliver Twardowski</a>
Fam Fam Fam icon set by <a href="http://www.famfamfam.com/">Mark James</a>

*/

/* blueprintcss.org */
/* 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;}
.clear{clear:both;margin:0;padding:0;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Verdana, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family:Georgia,"Times New Roman",serif;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;}
h3 {font-size:1.6em;line-height:1;margin-bottom:1em;}
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:#000;}
a {color:#009;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.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.text, textarea.text {
padding: 3px 5px;
border: 1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin-bottom: 5px;
}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.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;}
input.button {
padding: 3px 5px;
border: 1px solid #281c08;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 5px;
background: #a27527 url(images/bgbutton.gif) repeat-x 0 0;
color: #fff;
cursor: pointer;
}

/* 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;}


/* Layout */
body{background:url(images/background.gif) repeat 50% 0;}

div#tagline {
width: 100%;
height: 29px;
line-height: 29px;
background: #7d3f02 url(images/bgtagline.gif) repeat-x 0 0;
}

div#tagcontent {
width: 980px;
margin: 0 auto;
}

div.headercatch {
float: left;
width: auto;
}

div.headercatch h1 {font-size: 10px;font-family:Verdana,sans-serif;margin:0;padding:0;line-height: 29px;color: #d49944;}

ul#topnavigation {
width: auto;
float:right;
margin:0;
padding:0;
}

ul#topnavigation li {
list-style: none none outside;
float:left;
}

/*Top level list items*/
ul#topnavigation li{
	position: relative;
	display: inline;
	float: left;
	list-style: none none outside;
}

/*Top level menu link items style*/
ul#topnavigation li a{
	display: block;
	padding: 6px 15px 7px;
	border-right: 1px solid #b86e03;
	border-left: 1px solid #8d5301;
	color: #666;
	text-decoration: none;
	line-height: 16px;
}

* html ul#topnavigation li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

ul#topnavigation li a:link, ul#topnavigation li a:visited{
	color: #fff;
}

ul#topnavigation li a:hover{
	background-color: #d1d360; /*tab link background during hover state*/
	color: #81230e;
}

/*1st sub level menu*/
ul#topnavigation li ul{
	position: absolute;
	z-index: 999;
	right: 0;
	display: block;
	visibility: hidden;
	float: right;
	margin: 0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
ul#topnavigation li ul li{
	display: list-item;
	float: none;
	text-align:right;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
ul#topnavigation li ul li ul{
	top: 0;
}

/* Sub level menu links style */
ul#topnavigation li ul li a{
	font-size: 13px;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border: 1px solid #b86e03;
	border-bottom: 1px solid #bbb;
	background: #7d3f02 url(images/bgtagline.gif) repeat-x 0 0;
}

ul#topnavigation li ul li a:hover{ /*sub menus hover style*/
	background: #d1d360;
	color: #81230e;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 8px;
	right: 7px;
	width: 16px;
	height: 16px;
	background: url(images/icon-down.gif) no-repeat;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: url(images/icon-right.gif) no-repeat;
}

div#wrapper {
width: 980px;
margin: 0 auto;
text-align: left;
}

div#header {
text-align:left;
position:relative;
}

div#logo {
z-index: 4;
width: 322px;
height: 126px;
float:left;
}

div#searchbox {
z-index: 4;
width: 260px;
height: 141px;
float:left;
margin-left: 10px;
background: #c8bf8e url(images/bgsearchbox.gif) repeat-x 0 0;
}

div#searchform {
background: url(images/bgsearchform.gif) repeat-x 0 0;
width: 230px;
height: 37px;
margin-left: 15px;
margin-top: 30px;
}

div#searchform input.searchinput {
background:none;
border:none;
font-size: 1.4em;
line-height: 100%;
height: 1.4em;
width: 11.4em;
float:left;
margin-top: 5px;
margin-left: 5px;
color: #666;
}

div#searchform input.searchbtn {
background:none;
border:none;
font-size: 1.4em;
line-height: 100%;
width: 1.7em;
height: 1.55em;
cursor: pointer;
float:left;
margin-top: 5px;
}

div#rssbox {
margin-top: 10px;
margin-left: 15px;
}

#rssbox ul, #rssbox ul li { 
list-style:none none outside; 
margin:0;
padding:0;
display: inline;
}

#rssbox ul li  {
margin-right: 15px;
}

div#twitter_div {
z-index: 10;
padding: 5px 10px;
width: 338px;
height: 137px;
float:left;
margin-top: 10px;
margin-left: 10px;
background: url(images/bgtweetbox.gif) no-repeat 0 0;
position:absolute;
right:0;
}

div#twitter_div h2 {
margin:0;
font-style:italic;
}

div#twitter_div ul  {margin:0;}

div#twitter_div ul li {
list-style: none none outside;
font-size: 0.9em;
margin:0;
}

div#outer-container {
float:left;
margin:-11px 0 20px 0;
width:960px;
padding:10px;
border: 1px solid #fff;
z-index: 5;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: url(images/container.png) repeat 0 0;
}

div#container {
padding:10px;
background:#fff;
}

div#content {
width: 645px;
overflow: hidden;
float:left;
margin: 0 10px 0 0;
}

div#primary {
margin:0;
}

div#bottom-container {
border-top: 1px solid #ccc;
margin-top: 15px;
padding-top:5px;
}

div#bottom-container  h3 {
font-weight:bold;
font-style:italic;
color: #666;
}


div#footer {
clear:both;
width:100%;
text-align: center;
color: #fff;
}

#footer a:link, #footer a:visited {
color: #fff;
}

#footer img {border:none;vertical-align:middle;}

/* mainmenu */
div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

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

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

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-below {
margin:1em 0;
padding-bottom:5px;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.adj-navigation {
height:1.25em;
}

div.adj-navigation div.nav-next {
float:right;
text-align:right;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* Headline Content */
div.headline {
background: #a4d047 url(images/bgheadline.gif) repeat-x 0 0;
padding:10px;
border: 1px solid #a3be6a;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

div.headline h2 {
font-size: 2em;
}

div.headline p {
margin:0;
}

img.framedimg {
padding: 3px;
border: 1px solid #a3be6a;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
float:left;
background: #fff;
margin: 3px 10px 3px 0;
width: 10.67em; /* equals to standard WP image width 128px */
}

div.headline div.headline-content {margin-left: 12em;}

/* Post Content */
.entry-title {font-style: italic;margin-bottom:0.2em;line-height:1.25;}
.entry-date {font-style: italic;margin-bottom:0.5em;background:url(images/time.gif) no-repeat 0 0; padding-left: 20px;font-size:0.9em;}
.cat-links {background:url(images/catfolder.gif) no-repeat 0 0; padding-left: 20px;font-size:0.9em;}
.tag-links {background:url(images/tag.gif) no-repeat 0 0; padding-left: 20px;font-size:0.9em;}
.post-sep{background:url(images/separator.gif) no-repeat 50% 0; height:14px; margin: 10px 0;}
.post-sep180{background:url(images/separator-180.gif) no-repeat 50% 0; height:14px; margin: 10px 0;}
.post-home{border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:10px;}

.single .entry-title{font-size: 2.5em;}
.single .entry-trackbacks{
padding: 5px;
border: 1px solid #a3be6a;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 10px;
background:#ffc;
}
.single .entry-meta {
padding-bottom: 5px;
border-bottom: 1px dashed #a3be6a;
margin-bottom: 10px;
}

.entry-content ul, .entry-content ol {
margin: 5px 0 5px 20px;
}

.entry-content li {
margin:0;
}

.entry-content hr {
background: #ccc;
height: 1px;
border: none;
clear: both;
display: block;
margin: 30px 0;
}

div.comment-callout {
float:right;
width: 50px;
height: 26px;
overflow:hidden;
background:url(images/commentcallout.gif) no-repeat 0 0;
padding: 6px 6px 12px;
text-align: center;
font: 10px/130% Georgia, "Times New Roman", serif;
}

div.comment-callout span {
clear:both;
display:block;
font-size: 18px;
font-style: italic;
}

/* Threaded Comments */
ul.commentlist {
margin:0;
}

ul.commentlist li {
list-style:none none outside;
}

li.comment {
background: url(images/bgcomment.gif) 0 0 no-repeat;
padding-left: 30px;
}

li.comment p {
margin: 3px 5px 15px;
}

div.comment-body {
border: 1px solid #f5e5c6;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: #eee;
}

div.comment-author {
padding: 3px 5px;
border-bottom: 1px solid #f5e5c6;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
background: #fff4de url(images/bgcommentauthor.gif) repeat-x 0 0;
}

div.comment-meta {
padding: 1px 5px;
border-top:1px solid #fff;
border-bottom: 1px solid #f5e5c6;
background: #ffedca;
}

div.comment-author img {
vertical-align:middle;
margin: 2px 5px 0 0;
}

ul.children {
margin:10px 0;
}

.comment-reply-link, #cancel-comment-reply-link {
padding: 3px 5px 5px;
border: 1px solid #281c08;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 5px;
background: #a27527 url(images/bgbutton.gif) repeat-x 0 0;
color: #fff;
cursor: pointer;
margin: 3px 5px;
display:block;
width: 50px;
text-align: center;
}

#cancel-comment-reply-link {
width: 150px;
margin-left: 0;
margin-bottom: 10px;
}

#respond h3 {
font-size: 18px;
margin: 10px 0;
border-top: 1px dashed #ccc;
padding-top: 5px;
font-style: italic;
}

#comment-info {
font-size: 20px;
font-style: italic;
}

/* Category */
.page-title {
font-size: 24px;
margin-bottom: 0;
border-bottom: 1px dashed #ccc;
}

.archive-meta {
margin-bottom: 15px;
border-bottom: 1px dashed #ccc;
}

.archive-meta p {
margin:0;
font-style:italic;
}

/* Paging Navigation */
div.paging-navigation a {
padding: 5px 10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #e4eba7;
margin-right: 5px;
height: 32px;
line-height:32px;
color:#666;
}
div.paging-navigation a.current{
background:#5e3101;
color:#fff;
}

/* Sidebar & Widget */
div#sidebars {
float:right;
width:282px;
}
div.sidebar {
float:left;
overflow:hidden;
width:282px;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:5px 0;
border-top: 1px solid #c9d173;
clear:both;
}

div.sidebar ul ul li {
margin:0;
background: url(images/bullet.gif) no-repeat 0 0;
padding: 2px 2px 2px 18px;
list-style: none none outside;
border-bottom: 1px solid #dbe293;
}

div.sidebar ul ul ul {
margin:0;
border:none;
}

div.sidebar ul ul ul li {

}

li.widget h3 {
font-size: 2em;
font-style: italic;
}

li.widget {
background: #e1e9a0 url(images/bgwidget.gif) repeat-x 0 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #c9d173;
padding: 10px;
}

span.lockicon, span.foldericon, span.caseicon, span.globeicon, span.usericon {
background: url(images/lock.gif) repeat-x 0 0;
float:left;
width:48px;
height:48px;
margin: 0 10px 5px 0;
}

li#categories .foldericon {
background: url(images/folder.gif) repeat-x 0 0;
}

li#archives .caseicon {
background: url(images/case.gif) repeat-x 0 0;
}

span.globeicon {
background: url(images/globe.gif) repeat-x 0 0;
}

span.usericon {
background: url(images/user.gif) repeat-x 0 0;
}

#user_login, #user_pass {
width: 190px;
}

#meta input.button {
margin-top: 10px;
margin-left: 58px;
}