/*  

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: 20px; /* was 40 */}

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

h2 a:hover { color: #f00; /* JLW: was 999 */}	

#content .postmeta { margin: 6px 0 26px 0 ; /* JLW: was 6px 0 */  font-size: 11px; color: #666; }

#content .postmeta a, .postmeta a:link {  color: #ff9000; /* JLW: was 333 */ font-weight:bold; text-decoration: underline; }

#content .postmeta a:hover {  color: #f00; /* JLW: was 999 */ font-weight:bold; text-decoration: underline; }



#content div.iconimg { height: 80px; /* was 53 */width: 101px; /* was 51 */ background: url(img/02.jpg) no-repeat; float: left; }

#content .recipe_title { float: left; margin: 0 0 10px 10px; width: 365px;/* was 415 */}
#content div.title {height:10px; overflow:hidden; visibility:hidden;}
#content .ingredients { width:346px;  /* height:340px; */} /* added by JLW 466-120*/
#content .procedure { width:466px; margin-top:10px;}  /*added by JLW */




#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 {  font-weight:bold; color: #ff9000; /* JLW: was #7d4900;*/ text-decoration: underline; }

#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; }
*/
#content div.nextprevious .left { float: left; }

#content div.nextprevious .right { float: right; }

#content .nextprevious a { color: #ff9a00; font-weight:bold; text-decoration: underline; font-size: 11px; }   
#content .nextprevious a:hover { color: #ff0000; font-weight:bold;  text-decoration: underline; font-size: 11px; } 




.relatedposts { width: 480px; float: left; margin: 5px 0 35px 0; padding: 10px; font-size: 11px; }

.relatedposts a { color: #ff9000; font-weight:bold; text-decoration: none; }

.relatedposts a:hover { color: #ff0000;   }

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: #ff0000; /* was 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; text-align:center;}

#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: #ff0000; /* was 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; }




/* =============== GOOGLE NEWS FEED - ADDED BY JLW  =============== */
div#google-news-inline img {float:left;margin-right:5px;}
div#google-news-inline h3 {visibility:hidden;}
div#google-news-inline li {margin-bottom:50px; }
div#google-news-inline li a {text-decoration:underline; font-size:10px;}
div#google-news-inline li a:hover {color:#ff0000; }





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