/*  
Theme Name: Recipes Blog
Theme URI: http://www.TemplatePanic.com
Description: A WordPress theme, 2-column layout, with accordion style sidebar. Recent posts, comment gravatar, and related posts ready.
Author: Effi
Author URI: http://www.EffiHaryanti.com/

Terms of Use:
- Links to http://www.jewelryvortex.com (Wedding Rings) and http://www.templatepanic.com MUST BE EXIST.
- 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: url(img/bg.png) top center repeat-y; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #000; letter-spacing: 1px; line-height: 20px; }

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.gif) no-repeat left top; }
code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }

#wrapper { width: 750px; margin: 0 auto; }


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


#content { float: left; width: 480px; margin-top: 20px; }
#content .post { margin-bottom: 40px; }

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

#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 .iconimg { height: 53px; width: 51px; background: url(img/01.jpg) no-repeat; float: left; }
#content .title { float: left; margin: 0 0 10px 10px; width: 415px; }

#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: #7d4900; text-decoration: none; }
#content p a:hover { text-decoration: underline; } 
	
#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 { color: #ccc; padding: 3px 7px; font-size: 14px; margin-bottom: 20px; font-weight: bold; }

#content .nextprevious { height: 50px; display: block; } 
#content .nextprevious a { color: #999; text-decoration: none; font-size: 10px; }   
#content .nextprevious .left { float: left; }
#content .nextprevious .right { float: right; }

.relatedposts { width: 480px; float: left; margin: 5px 0 35px 0; padding: 10px; font-size: 11px; }
.relatedposts a { color: #333; text-decoration: none; }
.relatedposts a:hover { color: #333; }
h3 { font-size: 18px; color: #000; font-weight: normal; }


/*-------------------- 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: 20px 25px 0 0; border-bottom: 1px solid #ccc; background: #fff; }
.alt { background-color: #fff !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: 30px 0 0 0; padding: 0 0 10px 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; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #ccc; }
.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: #f9f9f9; }
.postcomment input#submit:hover { background: #fff; }	


/* =============== SIDEBAR =============== */


#sidebar { width: 232px; float: right; color: #653c02; } 

#sidebar h2 { display: block; height: 21px; padding: 7px 10px 7px 50px; background: url(img/sidebar-title-bg.jpg) 0 0 no-repeat; margin-bottom: 0px; text-decoration: none; font-size: 12px; font-weight: bold; color: #653c02; }
#sidebar h2:hover { background: url(img/sidebar-title-bg.jpg) 0 -35px no-repeat; color: #653c02; }        

#sidebar a img { border: none; }
	
#sidebar p { padding: 7px 10px; margin-bottom: 15px; font-size: 11px; }

#sidebar ul { margin-bottom: 20px; }
#sidebar ul li { font-size: 11px; background: url(img/bullet.png) 0 5px no-repeat; padding: 0 10px; margin: 0 0 5px 5px; }
	
#sidebar ul li a { color: #653c02; text-decoration: none; }
#sidebar ul li span { color: #653c02; margin-left: 5px; }
	
#sidebar ul li a:hover { color: #995a00; }


/* =============== SIDEBAR/BLOG TITLE =============== */


#sidebar #blogtitle { background: url(img/header.jpg) bottom left no-repeat; height: 352px; padding: 5px 20px 10px 20px; margin: 0 0 10px 0; font-family: Georgia, Verdana; }

#sidebar #blogtitle h1 { margin: 20px 0 15px 0; font-size: 24px; font-weight: normal; letter-spacing: 2px; line-height: 35px; }
#sidebar #blogtitle h1 a { color: #f2f2f2; text-decoration: none; }     
#sidebar #blogtitle h1 a:hover { color: #f9f9f9; text-decoration: none; }             

#sidebar #blogtitle a img { display: block; margin: 0; border: none; }
	
#sidebar #blogtitle p { margin: 0px 0; padding: 15px 0; font-size: 10px; color: #d2d2d2; }
	

/* =============== SIDEBAR/SEARCH =============== */


#sidebar input { padding: 10px 55px 5px 5px; background: url(img/search.png) top left no-repeat; border: 0; width: 200px; color: #333; margin-top: 5px; }
#sidebar input:focus { color: #333; }
	

/* =============== SIDEBAR/PAGES =============== */


#sidebar ul#pages { margin: 10px 0 20px 0; list-style: none; }
	
#sidebar ul#pages li { margin: 0; padding: 0; }
#sidebar ul#pages li a { display: block; height: 21px; padding: 7px 10px 7px 50px; background: url(img/page-title.jpg) 0 0 no-repeat; margin-bottom: 5px; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #7d4900; }
#sidebar ul#pages li a:hover { background: url(img/page-title.jpg) 0 -35px no-repeat; color: #7d4900; }        

#sidebar ul#pages li.current_page_item a:link,
#sidebar ul#pages li.current_page_item a:visited,
#sidebar ul#pages li.current_page_item a:hover,
#sidebar ul#pages li.current_page_item a:active { background: url(img/page-title.jpg) 0 -35px no-repeat; color: #7d4900; }


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


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

.clearfix { clear: both; }