/*
Theme Name: extra recipe
Description: the theme is especially built for recipe blog by <a href="http://www.litereview.com/">Lite Review</a>
Author: Selikoer
Author URI: http://www.litereview.com
Version: 1.5
*/

/***************************************************************************/
/* HTML Tags */
/***************************************************************************/

body {
	 background:url('images/bgbody.gif') repeat top left fixed;
	 font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	 margin:0;
         padding:0;
	 }

h1, h2, h3, h4, h5, h6 {
	 margin: 0;
	 font-style: normal;
	 font-weight: bold;
	 color: #0066cc;
	 }
	
h1 {
	font-size: 24px;
}
h2 {
	 font-size: 1.2em;
	 }
h3, h4, h5, h6 {
	 font-size: 1.0em;
	 }

blockquote {
	 background: url(images/blockquote.gif) no-repeat left top;
         color: #999;
	 margin:10px;
	 padding: 0 40px 0 40px;
	 }

code {
         background: #f4f4f4;
         color: #6a6a6a;
         margin:0;
	 }

img {
         border:0
	 }

a:link, 
a:visited {
	 color: #ff4000;
	 text-decoration:none;
	 }

a:hover {
	 color: #008000;
	 text-decoration:none;
	 }

/***************************************************************************/
/* This is the container for the whole page */
/***************************************************************************/

.page {
 	 width: 800px;
	 margin-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 10px;
	 padding-bottom: 5px;;
	 background-color: #fff;
	 border: 1px solid #32CD32;
	 border-bottom-width: 10px;
	 }

/***************************************************************************/
/* Header */
/***************************************************************************/

.header {
	width: 790px;
	height: 200px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-color: #fff;
}

div.titlebar {
	float: right;
	margin: 90px 5px 0 0;
	padding: 5px;
	background-color: none;
}   

div.titlebar div.icon {
	width: 50px;
	height: 50px;
	float:right;
	border: 2px solid #fff;	
	border-left: none;
	background-color: #000;
	text-align:center;
}

div.icon img {
	width: 40px;
	vertical-align:middle;
}

div.titlebar div.title {
	height: 50px;
	float: right;
	margin-bottom: auto;
	padding-right: 5px;
	padding-left: 20px;
	border: 2px solid #fff;
	background-color: #32CD32;
}

div.title h1 {
	margin-top:6px;
	color: #fff;
}

div.title h1 a:first-letter {
	color: #000;
}

div.title h1 a:link,
div.title h1 a:visited {
	color: #fff;
	text-decoration: none;
}

div.title h1 a:hover {
	color: #555;
	border-bottom: 1px dashed #555;
	text-decoration: none;
}

div.imageside {
	position: absolute;
	padding: 5px;
	margin: 20px 0 0 5px;
	background: #fff;
}

div.imageside img {
	width: 178px;
	padding: 5px;
	border: 1px solid #F0E68C;
	background: #fff;
}
/***************************************************************************/
/* Menu Bar */
/***************************************************************************/

div.menu-bar {
	 width: 790px;
	 float:right;
	 background: url(images/strip.png);
	 padding:5px 0 5px 0;
    margin:5px 5px 5px auto;
	 }
	 
ul.menu {
float:right;
	 margin: 0;
	 padding: 0 10px;
	 list-style-type: none;
	 }
	
ul.menu li {
float:right;
	 }
	
ul.menu li a {
	 padding: 4px 15px 0 15px;
	 color: #fda000;
	 font-weight:normal;
	 font-size:10pt;
	 }
	
ul.menu li a:link,
ul.menu li a:visited {
	 color: #fda000;
	 }
	 
ul.menu li a:hover,
ul.menu li a:active {
	 color: #fff;
	 text-decoration: none;
	 background-color:#fda000;
	 border:1px solid #ff7200;
	 padding: 3px 14px 0 14px;
	 }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited {
	 color: #32cd32;
	 text-decoration: none;
	 }
		
 ul.menu li.current_page_item a:hover {
 	 color: #fff;
	 text-decoration: none;
	 background-color:#32cd32;
	 border:1px solid #009300;
	 }
/***************************************************************************/
/* Post */
/***************************************************************************/

h2.post-title a:link, 
h2.post-title a:visited {
    color:#ff7200;
	 }

h2.post-title a:hover {
    color:#666;
	 border-bottom: 1px dashed #666;
	 }

.post-content {
	 color:#444;
    margin:0;
	 overflow: hidden;
 	 background: url(images/page.png) bottom right no-repeat;
	 border-bottom: 2px solid #ccc;
	 padding:0 0 15px 5px; !important;;
	 }

.post-content a:link,
.post-content a:visited {
         color:#0066cc
	 }

.post-content a:hover {
         color:#0066cc;
	 border-bottom: 1px dashed #a0a0a0;
	 }

.post-content img,
.post-content img:hover {
    padding:2px;
	 border:1px solid #ccc;
	 }

.post-content ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         list-style:none;
	 padding:0 0 0 15px;
	 margin:6px 0 0 -10px;
	 }

.post-content ol li {
	 padding:0;
	 margin:6px 0 0 0px;
	 }

.postmeta {
	 margin: 8px 2px;
	 font-size:8pt;
	 }

.post-date {
	 background: url(images/date.png) no-repeat 0 0;
	 padding: 0 0 0 20px;
	 }

.post-comment {
	 background: url(images/comment.png) no-repeat 0 0;
	 padding: 0 0 0 20px;
	 }

.post-comment a:link,
.post-comment a:visited,
.post-comment a:hover {
         color:#008000
	 }

.post-filed {
	 background: url(images/file.png) no-repeat 2px 0;
	 padding: 0 0 0 20px;
	 }

.post-info {
	padding: 5px 0 5px 5px;
	background: url(images/bgtitle.gif); 
}	 
	 
.more-link{
   margin:0;
 }

/***************************************************************************/
/* Sidebars */
/***************************************************************************/

.left-sidebar, .right-sidebar {
	 overflow:hidden;

	 }
	 
/**************************************************************************/
/* Sidebar :: Left */
/**************************************************************************/	 

div.left-sidebar {
	 width:190px;
	 float: left;
	 margin:-25px 0 0 10px;
	 padding: 0 5px 0 5px;
	 background: #fff;
	 }	

div.left-sidebar .widget-title {
	 margin	: 5px 0 0 0;
	 background:url(images/bgleftbar.jpg) no-repeat;
 	 background-color:#fda000;
	 }
	 
div.left-sidebar .widget {
	margin	: 0;
	padding	: 0 10px 40px 10px;
	 background:url('images/bgbottomleftbar.jpg') no-repeat bottom;
	 background-color: #fda000;
	 }

div.left-sidebar .widget ul {
	margin	: 0;
}
	 		
div.left-sidebar .widget ul li {
    background: url('images/leftlist.ico') no-repeat 0px 0px;	
	 }
	 
div.left-sidebar .wp-widget-title {
	 background:url(images/bgleftbar.jpg) no-repeat;
	 background-color:#fda000;	 
	 }

div.left-sidebar .wp-widget {
	 background:url('images/bgbottomleftbar.jpg') no-repeat bottom;
	 background-color: #fda000;	 
	 }

div.left-sidebar .wp-widget ul li {
    background: url('images/leftlist.ico') no-repeat 0px 0px;	
	 }
	 
/**************************************************************************/
/* Sidebar :: Right */
/**************************************************************************/	 

div.right-sidebar {
	 width:190px;
	 float: right;
	 margin: -5px 5px 10px 0;
	 padding: 0 5px 0 5px;
	 background-color: #fff;
	 }

div.right-sidebar .widget-title {
	 margin	: 5px 0 0 0;
	 background:url(images/bgrightbar.jpg) no-repeat;
 	 background-color:#32cd32;

	 }
	 
div.right-sidebar .widget {
	margin	: 0;
	padding	: 0 10px 40px 10px;
	
	background:url('images/bgbottomrightbar.jpg') no-repeat bottom;
 	background-color:#32cd32;
}

div.right-sidebar .widget ul {
	margin	: 0;
}
	 		
div.right-sidebar .widget ul li {
    background: url('images/rightlist.ico') no-repeat 0px 0px;	
	 }
	 
div.right-sidebar .wp-widget-title {
	 background:url(images/bgrightbar.jpg) no-repeat;
 	 background-color:#32cd32; 
	 }

div.right-sidebar .wp-widget {
	 background:url('images/bgbottomrightbar.jpg') no-repeat bottom;
 	 background-color:#32cd32;
	 }

div.right-sidebar .wp-widget ul li {
    background: url('images/rightlist.ico') no-repeat 0px 0px;	
	 }
/***************************************************************************/
/* WordPress Sidebar Widgets */
/***************************************************************************/

.wp-widget-title {
	 position: relative; 
	 top: -24px;
	 color:#444;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:12px 0 12px 15px;
	 margin:0;
	 }

.wp-widget-title a:link,
.wp-widget-title a:visited,
.wp-widget-title a:hover{
	 color:#333;
	 }

.wp-widget {
	 padding:0 0 20px 0;
	 margin: 30px 0 5px 0;
         font-size:8pt;
	 }

.wp-widget ul {
   list-style:none;
	 position: relative; 
	 top: -15px;
    margin:5px 10px 5px 15px;
    padding:0;
	 }

.wp-widget ul li {
         margin:0 0 10px 0;
         padding:0 0 0 18px;
         line-height:15px;
         font-size:8pt;
	 }
	 
.wp-widget ul li a:link,
.wp-widget ul li a:visited {
	 color:#fff;
	 border-bottom: 1px dashed #fff;
}

.wp-widget ul li a:hover{
	 color:#666;
	 border-bottom: 1px dashed #666;	 
	 }	 
	 
.search-widget-title {
	 background:url('images/widgetbg.gif') no-repeat;
	 color:#fff;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:12px 0px 12px 15px;
	 margin:-25px 0 0 0;
	 }

.search-widget {
	 color:#555;
	 background:url('images/widget_bottom_bg.gif') no-repeat bottom;
	 padding:10px;
	 margin:0px 0 35px 0;
         font-size:10pt;
	 }

.textwidget {
         position: relative; 
         top: -15px;
         margin:0px 0px 0px 5px;
         padding:0px 5px;
         }

.textwidget ul {
         list-style:none;
	 position: relative; 
	 top: 0px;
         margin:0 0 0 5px;
         padding:0;
	 }

.textwidget ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         margin:5px 0 10px 0;
         padding:0 0 0 14px;
         line-height:15px;
	 }

#calendar_wrap {
	 position: relative; 
	 top: -10px;
    margin:0 30px;
	 }

#akismetwrap {
         position: relative; 
	 top: -15px;
         margin:0 45px;
	 }

#cat, select {
         position: relative; 
	 top: -10px;
         margin:0 45px;;
	 }
	 
.widget_categories ul li ul.children{
         position: relative; 
	 top: 0px;
	 left:-10px;
	 }

.widget_pages ul li.page_item li{
         position: relative; 
	 top: 20px;
	 left:-10px;
     }
	 
/***************************************************************************/
/* Old Style Widgets */
/***************************************************************************/

.widget-title {
	 color: #444;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:12px 0px 12px 15px;
	 }

.widget-title a:link,
.widget-title a:visited,
.widget-title a:hover {
	 color:#333;
	 }

.widget {
	 color:#555;
	 padding:10px 0 20px 0;
	 margin: 25px 0 5px 0;
    font-size:8pt;
	 }

.widget ul {
         list-style:none;
         margin:5px 5px 0px 5px;
         padding:0px;
         }

.widget ul li {
         margin-bottom:10px;
         padding-left:18px;
         line-height:15px;
         font-size:8pt;
         }
			
.widget ul li a:link,
.widget ul li a:visited {
	 color:#fff;
	 border-bottom: 1px dashed #fff;
}

.widget ul li a:hover{
	 color:#666;
	 border-bottom: 1px dashed #666;	 
	 }
	 
.center-widget-title {
	 background: url(images/center-title.png) no-repeat #fff;
	 border-top: 1px solid #666;
	 border-right: 1px solid #aaa;
	 border-bottom: 1px solid #aaa;
	 border-left: 1px solid #666;	 	 	 
	 color:#666;
	 font-size:16px;
	 font-weight: bold;
	 margin:5px 0 5px 0;
	 padding:3px 0px 3px 25px;
	 }

.middle {
	 width: 380px;
	 float:left;	
}
	 
.center-widget {
	 background-color: none;
	 color:#555;
	 padding:0.1em 0 0.6em 0;
	 font-size:10pt;
	 }
	 
.center-widget a:link,
.center-widget a:visited {
         color:#32cd32;
	 }

.center-widget a:hover {
    color:#666;
	 border-bottom: 1px dashed #666;
	 }
	 
.center-widget ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         list-style:none;
	 padding:0 0 0 15px;
	 margin:6px 0 0 -10px;
	 }

.center-widget ol li {
	 padding:0;
	 margin:6px 0 0 0px;
	 }

.bottom-page-nav {
         text-align:center;
	 color: #0066cc;
	 }

.bottom-page-nav a:link,
.bottom-page-nav a:visited,
.bottom-page-nav a:hover {
         color:#0066cc;
	 }

.footer {
	 clear: both;
    margin:5px 5px 0 5px;
    padding:2px 0px;
	 background: url(images/strip.png);
	 color:#000;
	 font-size:8pt;
    font-weight:normal;
	 text-align:center;
	 border: 1px solid #FFF794;
    }
	 
.footer a:link,
.footer a:visited,
.footer a:hover {
         color:#ff7200;
			font-weight: bold;
	 }

/* Comments Styles */

.comment-list {
	 padding:0;
	 margin:5px 5px 0 5px;
	 }

.comment-meta {
    position:relative;
	 top:-10px;
    color: #555555;
    font-size:10pt;
    margin:20px 0 0 0;
	 }	 
	 
.odd-comment .comment-meta a:link,
.odd-comment .comment-meta a:visited,
.odd-comment .comment-meta a:hover {
       color: #ff7200;
       font-weight:bold;
		 border-bottom: 1px dashed #ff7200;			
	 }

.even-comment .comment-meta a:link,
.even-comment .comment-meta a:visited,
.even-comment .comment-meta a:hover {
       color: #008000;
       font-weight:bold;
		 border-bottom: 1px dashed #008000;
	 }

.odd-comment .comment-meta .comment-author {
       color: #ff7200;
       font-weight:bold;
		 border-bottom: 1px dashed #ff7200;
	 }

.even-comment .comment-meta .comment-author {
       color: #008000;
       font-weight:bold;
		 border-bottom: 1px dashed #008000;			
	 }

.odd-comment .comment-text {
    position:relative;
	 top:-10px;
	 background: #FAFAD2;
    border:1px solid #ff7200;
    color: #555;
	 padding:15px;
    overflow:hidden;
	 }

.even-comment .comment-text {
    position:relative;
	 top:-10px;
	 background-color: #E5FAD1;
    border:1px solid #009300;
	 color: #555;
	 padding:15px;
    overflow:hidden;
	 }

.odd-comment .comment-text a:link,
.odd-comment .comment-text a:visited{
   color:#ff7200;
   text-decoration:none;
}
			
.odd-comment .comment-text a:hover {
   color:#ff7200;
	border-bottom: 1px dashed #0066cc;
}
	 
.even-comment .comment-text a:link,
.even-comment .comment-text a:visited{
   color:#009300;
   text-decoration:none;
}
			
.even-comment .comment-text a:hover {
	color:#009300;
	border-bottom: 1px dashed #008000;			
}

#commentform {
   margin-top: 5px;
}

#commentform a:link,
#commentform a:hover,
#commentform a:visited {
         color:#009300;
			font-weight: bold;
	 }

/* input */

#searchform {
	 margin:0;
	 }
	
input#s {
	 color:#777;
	 width: 90%;
	 height: 18px;
	 margin: 0;
	 padding: 2px;
	 border-left: 1px solid #aaa;
    border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
	 }

input {
	 color:#555;
	 }

textarea#comment {
	 width: 360px;
    color:#555;
	 border-left: 1px solid #aaa;
    border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
    font-size:10pt;
	 }

input#author,
input#email,
input#url {
         width:200px;
         color:#555;
	 border-left: 1px solid #aaa;
         border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
         font-size:10pt;
         }