/*  
Theme Name: Accordion Sky
Theme URI: http://www.TemplatePanic.com
Description: A one-column WordPress theme, with accordion style 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 =============== */


* { margin: 0; padding: 0; }

body { background-image: url(img/km_karpicius_bg.jpg); background-repeat:no-repeat; background-attachment: fixed; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #000; letter-spacing: 1px; border-top: 10px solid #111; line-height: 20px; border-bottom: 10px solid #111; cursor: url(img/default.png); }

p img { padding: 4px; margin: 0 7px 2px 0; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}
.alignleft { float: left;}

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

#wrapper { width: 600px; margin: 0 auto; }
h3 {
cursor: pointer;}


/* =============== CONTENT =============== */


#content { width: 600px; margin-top: 20px; }
#content .post { margin: 20px 20px 30px 20px; }

#box { background: #C8C8C8 url(img/boxbottom.jpg) no-repeat bottom center; }

#box-header { background: #111; }
#box-header h1 { font-size: 25px; color: #f2f2f2; text-align: center; margin-top: 0px; padding-top: 10px; }
#box-header h1 a, #box-header h1 a:link { color: #f2f2f2; text-decoration: none; }
#box-header h1 a:hover { color: #ccc; text-decoration: none; }
#box-header p { text-align: center; padding-bottom: 10px; color: #ccc; font-size: 12px; }

#box-feed { background: #111; }
#box-feed p { font-size: 12px; color: #f2f2f2; text-align: center; padding-bottom: 10px; }
#box-feed p img {background-image: none; padding-top: 0px;}
#box-feed a, #box-feed a:link { color: #f2f2f2; text-decoration: none; }
#box-feed a:hover { color: #ccc; }

#box-feed form { text-align: center; margin-bottom: 1px; }
#box-feed input { padding: 5px; background: #222; border: 0; width: 200px; color: #f2f2f2; text-align: center; }
#box-feed input:focus { color: #ccc; }

#box-pages { background: #363636 url(img/boxbottom-pages.jpg) no-repeat bottom center; text-align: center; }
#box-pages h3 { text-align: center; background: #363636; padding: 0px 10px 0px 10px; line-height: 30px; height: 30px; font-size: 10px; font-weight: normal; color: #7c7c7c; border: none; border-bottom: 3px solid #111; }
#box-pages h3:hover { background: #363636; font-size: 11px; color: #ccc; }
#box-pages a, #box-pages a:link { color: #f2f2f2; text-decoration: none; }
#box-pages a:hover { color: #ccc; }
#box-pages ul li { font-size: 13px; text-align: center; list-style-type: none; }

.box-sidebar { background: #C8C8C8 url(img/boxbottom_k.jpg) no-repeat bottom center; }
.box-sidebar ul { }
.box-sidebar ul li { font-size: 12px; margin: 0 0 5px 5px; text-align: center; list-style-type: none; }
.box-sidebar ul li a { color: #000; text-decoration: none; }
.box-sidebar ul li span { margin-left: 5px; }
.box-sidebar ul li a:hover { color: #333; }

#box-footer { background: #111; margin-top: 20px; }
#box-footer p { font-size: 11px; color: #747474; text-align: center; padding-top: 5px; }
#box-footer a, #box-footer a:link { color: #747474; }
#box-footer a:hover { color: #ccc; }

h2 a { font-size: 22px; color: #000; font-weight: normal; text-decoration: none; line-height: 24px; }
h2 a:hover { color: #999; }	

h3 { text-align: center; background: url(img/titlebg.jpg) no-repeat; padding: 0px 10px 0px 10px; line-height: 30px; height: 30px; font-size: 18px; font-weight: normal; color: #fff;}
h3:hover { background: url(img/titlebg-hover.jpg) no-repeat; color: #fff; }
.feevy_title {padding: 5px; margin:5px; height: 40px; background-color:#999999; display:block;}
.feevy_title h1 { font-size:medium; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.feevy_title img {background-image:none; padding-top:0px; padding-right:15px; margin-top:0px; float:left;}

/* =============== CONTENT/POST =============== */


#content .postmeta { margin: 6px 0 ; font-size: 11px; color: #666; }
#content .postmeta a, .postmeta a:link { color: #333; text-decoration: none; }
#content .postmeta a:hover { color: #999; text-decoration: none; }

#content .date { height: 53px; width: 51px; font-size: 20px; color: #ffffff; text-align: center; padding: 0px 1px 0 0; line-height: 100%; float: left; background: url(img/calendar.jpg) no-repeat; }
#content .date:hover { background: url(img/calendar-hover.jpg) no-repeat; }
#content .date span { height: 21px; display: block; font-size: 11px; color: #333; text-align: center; padding-top: 2px; }
#content .title { float: left; margin: 0 0 10px 10px; width: 490px; }

#content .post ul { margin-left: 20px !important; margin-bottom: 15px; }
#content .post ul li { list-style-type: square !important; }

#content .post ol { margin-left: 20px !important; margin-bottom: 15px; }
#content .post ol li { }

#content p { margin-bottom: 1.5em; }

#content p a { color: #006699; text-decoration: underline; }
#content p a:hover { text-decoration: none; background-color: #e1e1e1; } 
	
#content small { margin: 0 auto; text-align: center; display: block; border-top: 3px solid #333; border-bottom: 1px solid #333; font-size: 11px; color: #999; }

#content .notes { text-align: center; color: #ccc; padding: 10px 20px 10px 20px; font-size: 14px; font-weight: bold; }

#content .nextprevious { height: 40px; display: block; padding: 20px; } 
#content .nextprevious a { color: #006699; text-decoration: none; font-size: 10px; }   
#content .nextprevious .left { float: left; }
#content .nextprevious .right { float: right; }
p img {
background-image: url(img/top_imgs.jpg);
background-repeat:no-repeat;
background-position:top;
padding-top: 84px;
text-align:center;}

/* =============== COMMENTS =============== */


.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: #C8C8C8; }
.alt { background-color: #acc7e6 !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: #C8C8C8; }
.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: #C8C8C8; }
.postcomment input#submit:hover { background: #fff; }	


/* =============== FOOTER =============== */


#sidebar #footer { padding: 7px 0; font-size: 10px; }
#sidebar #footer p { margin-bottom: 5px; color: #757575; }
#sidebar #footer a { color: #757575; }
#sidebar #footer a:hover { text-decoration: none; color: #757575; }

.clearfix { clear: both; }