/*  
Theme Name: Dandelion
Theme URI: http://www.effiharyanti.com
Description: A 3 column WordPress theme plus bottom menu.
Author: Effi
Author URI: http://www.effiharyanti.com

Terms of Use:
- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.

*/


/*-------------------- General --------------------*/


body { margin: 0; padding: 0; background: #c4df9b url("images/bg-body.jpg") repeat-y center top; font: 13px Tahoma, Verdana, Arial, Sans-Serif; color: #000; text-align: left; letter-spacing: 1px; }

p, ol, ul { line-height: 150%; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-style: normal; font-weight: normal; background: transparent; color: #598527; }

h1 { font-size: 2.2em; }
h2 { font-size: 1.6em; }
h3, h4, h5, h6 { font-size: 1em; }

a, a:link { color: #000; text-decoration: underline; }
a:hover, a:active { color: #5a8629; text-decoration: underline; }

blockquote { margin: 10px; padding: 0px 0px 10px 50px; color:#666; background: url(images/blockquote.gif) no-repeat left top; }
code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }

small { font-size: 0.8em; }

img { padding:5px; border:0; }
img.right { float: right; margin:5px 0 5px 5px; }
img.left { float: left; margin:5px 5px 5px 0; }
a img {border:none;}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

.navigation { display:block; padding: 20px; }


/*-------------------- Layout --------------------*/


#outline { width: 955px; margin: 0 auto; padding: 0; background: #fff; }

#wrapper { float: left; background: #fff; width: 957px; margin: 0 !important; margin: -15px 0 0 0; /* IE hack */ padding: 0; }


/*-------------------- Header --------------------*/


#header { width: 957px; height: 118px; background: url(images/header.jpg) no-repeat left top; }
#header .blogtitle { width: auto; height: 118px; }
#header h1 { padding: 35px 0 0 30px; }
#header h1 a { color: #f7f7f7; text-decoration: none; }
.description { color: #f4f4f4; padding-left: 30px; }

#navbar { clear: both; float: left; width: 957px; height: 30px; background: #fff url(images/nav.jpg) repeat-x 0 0; }

ul.menu { float: left; margin: 0; padding: 0 15px; list-style-type: none; }
ul.menu li { float: left; }
ul.menu li a { float: left; display: block; height: 28px; padding: 3px 15px 0 15px; line-height: 24px; color: #fff; }
ul.menu li a:link, ul.menu li a:visited { color: #999; background: none; text-decoration: none; }
ul.menu li a:hover, ul.menu li a:active { color: #5a8629; background: transparent url(images/nav.jpg) repeat-x 0 0; text-decoration: none; }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { color: #5a8629; font-weight: bold; text-decoration: none; }


/*-------------------- Search --------------------*/


.searchbar { float: right; width: 290px; height: 30px; margin: 0; }
.searchform { width: 290px; height: 20px; text-align: left; }
input#s { width: 250px; height: 18px; margin: 5px 0 0 1px !important; margin: 4px 0 0 1px; /* IE Hack */ padding: 1px 0 0 2px; border: 1px solid #999; background: #f1f1f1; }


/*-------------------- Pages --------------------*/


#content { float: left; width: 660px; height: 100%; }

.pages { float: left; width: 630px; }
.pages-border { clear: both; width: 100%; height: 6px; }

.page-previous { float: left; padding: 10px 0 16px 30px !important; padding: 0 0 15px 30px; /* IE Hack */ }
.page-next { float: right; padding: 10px 30px 16px 0 !important; padding: 0 30px 15px 0; /* IE Hack */ }

.page-title { width: 630px; margin: 20px 0 0 0; }
.page-title h2.page-title-border { padding: 0 0 0 30px; line-height: 48px; color: #666;}


/*-------------------- Post --------------------*/


.post { padding: 20px 30px; background: transparent; }
.postentry { text-align: justify; }

.posthead { position: relative; clear: left; margin-left: 45px; }

.posttitle, .posttitle a:link, .posttitle a:visited { color: #5a8629; text-decoration: none; }
.posttitle a:hover, .posttitle a:active { color: #375912; text-decoration: none; }

.postmeta, .postmeta a { margin: 6px 0 ; font-size: 10px; color: #666; text-decoration: none; }
.post-comment { padding: 0 0 0 20px; background: url(images/bullet.gif) no-repeat 1px; }
.post-filed { padding: 0 0 0 20px; background: url(images/bullet.gif) no-repeat 1px; }

.postdate { position: absolute; top: 0px; left: -60px; text-align: center; margin: 0; padding: 2px 18px 2px 16px; list-style: none; background: url(images/cal.jpg) no-repeat left top; }
.postdate .year { display: block; font-size: 9px; font-weight: normal; text-transform: lowercase; line-height: 9px; color: #999; }
.postdate .month { display: block; font-size: 9px; font-weight: normal; text-transform: lowercase; line-height: 9px; color: #999; }
.postdate .day { display: block; font-size: 22px; font-weight: normal; line-height: 22px; color: #f2f2f2; letter-spacing: -1px;}


/*-------------------- Sidebar --------------------*/


#sidebar { float: right; width: 290px; margin: 0; padding: 0; font-size: 12px; color: #666; }

#sidebar h2 { display: block; margin: 16px 0 6px 0; padding: 0 0 10px 3px; font-size: 1em; list-style-type: none; color: #444; font-weight: bold; }

#sidebar ul { clear: both; margin: 0; padding: 0 0 20px 0; list-style-type: none; }
#sidebar ul li { clear: both; }

#sidebar ul.no-splitted li { background: transparent url(images/bullet.gif) no-repeat 5px 1px; padding: 0 0 0 23px; }
#sidebar ul.no-splitted li:hover { background: transparent url(images/bullet-hover.gif) no-repeat 5px 1px; padding: 0 0 0 23px; }
#sidebar ul.no-splitted li a:link, #sidebar ul.no-splitted li a:visited { color: #666; text-decoration: none; }
#sidebar ul.no-splitted li a:hover, #sidebar ul.no-splitted li a:active { color: #444; text-decoration: none; }

#sidebar ul.no-splitted ul li { margin: 0 -5px; }
#sidebar p, #sidebar form { margin: 0 5px; padding: 0 0 20px 0; }
#sidebar ul.blc { padding: 0 5px; }

#sidebar li#sidebar-splitted { float: left; width: 100%; margin: 0 0 15px 0; }
#sidebar-splitted .splitted-left { float: left; width: 140px; }
#sidebar-splitted .splitted-right { float: right; width: 145px; }

ul.splittedlists li { background: transparent url(images/bullet.gif) no-repeat 5px 1px; padding: 0 0 0 23px; }
ul.splittedlists li:hover { background: transparent url(images/bullet-hover.gif) no-repeat 5px 1px; padding: 0 0 0 23px; }
ul.splittedlists ul li { margin: 0 0 0 -23px; }

ul.splittedlists li a:link, ul.splittedlists li a:visited { color: #666; text-decoration: none; }
ul.splittedlists li a:hover, ul.splittedlists li a:active { color: #444; text-decoration: none; }


/*-------------------- Bottom --------------------*/


#bottom { clear: both; float: left; width: 957px; height: 100%; margin: 0; padding: 0; text-align: left; }
#bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }

#bottom-left, #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 40px 20px; float: left; }

#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 1.6em; color: #5a8629; }

#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px dotted #ccc; }
#bottom ul li { line-height: 26px; border-bottom: 1px dotted #ccc; }
#bottom ul li a { display: block; padding: 0 10px; color: #333; text-decoration: none; }
#bottom ul li a:hover { color: #5a8629; font-weight:bold; }
#bottom-sep { clear: both; }


/*-------------------- Footer --------------------*/

#footer { clear: both; height: 74px; background: url(images/footer.jpg); width:957px; color: #666; text-align: center; }

#footer p { margin: 0; padding: 13px 25px; font-size: 1em; line-height: 200%; }
#footer p a:link, #footer p a:visited { color: #666; }
#footer p a:hover { color: #333; }


/*-------------------- Calendar --------------------*/


#wp-calendar { margin: 0pt; text-align: center; }
#wp-calendar caption { font-size: 10px; }

#wp-calendar th { font-size: 9px; }
#wp-calendar td { height: 24px; width: 24px; line-height: 20px; background-image: url(images/day.png); background-repeat: no-repeat; background-position: center; font-size: 10px; color: rgb(79, 79, 53); }
#wp-calendar .pad { background-image: url(images/do.png); }
#wp-calendar td a { display: block; width: 24px; height: 24px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; background-image: url(images/linkday.png); background-position: center; line-height: 24px; background-repeat: no-repeat; }

#wp-calendar #prev, #wp-calendar #next { background-image: url(images/do.png); }
#wp-calendar #prev a { width: 49px; background-image: url(images/linkday2.png); background-position: center; }
#wp-calendar #next a { margin: 0pt 0pt 0pt 30px; width: 49px; background-image: url(images/linkday2.png); background-position: center; }
#wp-calendar #today { background-image: url(images/today.png); background-position: center; color: rgb(255, 255, 255); background-repeat: no-repeat; }
#wp-calendar #today a { background-image: url(images/today.png); background-position: center; color: rgb(255, 255, 255); font-weight: bold; background-repeat: no-repeat; }


/*-------------------- Comment --------------------*/


.commentpage { margin: 0 30px; padding: 0; }

#comments { margin: 0; padding: 0; }

.comments-num { padding: 0 0 10px 0; }

#commentlist { margin: 0; padding: 0; list-style-type: none; }
#commentlist li { padding: 10px 20px 10px 20px; background: #fff; }
.alt { background-color: #f5f5f5 !important; background-image: none !important; }

.comment-title, .comment-meta, .comment-text { margin: 0 0 0 80px; }
.comment-title, .comment-title a, .comment-title a:hover{ color: #666; }
.comment-meta, .comment-meta a, .comment-meta a:hover { color: #333; }

h2.postcomment { margin: 40px 0 0 0; font-size: 20px; font-weight: normal; }

.postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }

.postcomment input, .postcomment textarea { border: 1px solid #aaa; background: #f5f5f5; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #ccc; background: #fff; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }

.postcomment textarea#comment { width: 100% !important; width: 456px; /* IE hack */ height: 200px; }

.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #f5f5f5; }
.postcomment input#submit:hover { background: #fff; }