/*
Theme Name: RecipeSpell
Description: 
Version: 1.0
Author: 
Author URI: 
*/

body { margin:0px; padding:0px; font:12px Georgia, "Times New Roman", Times, serif;color:#372f25; }



a { text-decoration:none; color:#ce7428; }

a:hover { text-decoration:underline; }

a img { border:0px; }



.clear { clear:both; }



.wrapper { width:1003px; margin:0px auto; position: relative; }



.header { background:url(images/header-bg.gif) repeat top left; height:388px; }

.header .header-links { padding:20px 0px; }

.header .header-links a { margin-right:70px; padding-left:11px; line-height:31px; float:left; color:#fff; text-decoration:none; }

.header .header-links a span { padding-right:11px; float:left; color:#fff; }

.header .header-links a:hover, .header .header-links a.selected { background:url(images/link-bg-l.png) no-repeat top left; }

.header .header-links a:hover span, .header .header-links a.selected span { background:url(images/link-bg-r.png) no-repeat top right; }

#s { background:#d7e36c; border:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font: 14px arial;
    padding: 2px; }

.header-area {}

.header-area .logoabout { float:left; width:300px; height:310px; }

.header-area .logoabout .logo { padding:10px 0px 45px; }

.header-area .logoabout .about { padding:10px 0px 0px; }

.header-area .logoabout .about h2 { margin:0px; color:#fff; font-size:14px; }

.header-area .logoabout .about p { margin:6px 0px 0px; color:#fff; }

.header-area .slider { float:right; width:678px; height:290px; border:3px solid #fff; background:#000; }



.body { margin:15px 0px; min-height:1024px; background:url(images/body.gif) repeat-y top left; }

.body .leftside,.body .mid { float:left; width:200px; min-height:1024px; padding:0px 10px; width:360px; }

.body .singlePage { float:left; width:750px; line-height:18px; }

.body .rightside { float:right; width:204px; min-height:1024px; padding:0px 18px; }

.singlePage { background:#fff;}

.singlePage p { line-height:18px; }

.singlePage ul { margin:0px 0px 0px 20px; padding:0px; display:inline; }

.singlePage ul li {list-style-image:url(images/typo/postBullet.gif); list-style-position:inside; padding:0px 0px 10px; }

.singlePage ul li a { color:#333333; padding:3px 0px; }



.postmetadata { border:1px solid #ececec; padding:8px; background:#f5f4e1; }



.latest-heading { height:32px; line-height:32px; background:url(images/latest-heading.gif) repeat-x; padding:0px 10px; margin-bottom:6px; }

.latest-heading h2, .latest-heading h1 { margin:0px; color:#323232; font-size:12px; background:transparent url(images/typo/green-chilli.png) no-repeat 0px 5px; padding-left:28px; font-variant:small-caps; letter-spacing:1px; }



.post { padding:8px 4px; }

.post .image { float:left; margin-right:6px; width:73px; height:73px; padding:1px; border:1px solid #B7B7B7; }

.post .detail { float:left; width:260px; }

.post .detail h2 { margin:0px; padding-bottom:4px; font-size:12px; }

.post .detail h2 a { color:#ce7428; }

.post .detail p { margin:0px; color:#6C6B6B; font-size:11px; text-align:justify; }

.post .detail a.more-link { text-align:right; color:#85a83e; display:block; }



.login { background:url(images/login.gif); width:173px; height:174px; padding:14px; }

.login h2{ background:url(images/typo/buddy.png) no-repeat top left; padding-left:46px; margin:0px; line-height:46px; font-size:12px; color:#323232; letter-spacing:4px; text-transform:uppercase; border-bottom:1px dotted #212121; padding-bottom:4px; }

.login p { margin:8px 0px; }

.login p label { display:block; color:#323232; font-size:11px; padding-bottom:4px; }

.login p .textbox { width:168px; }

.login .btn {  }

.login .btn a { margin-right:42px;  }



.adsense { text-align:center; background:#fff; width:200px; height:200px; border:1px solid #ededed; margin-top:10px; }

.friends { margin-top:10px; }

.friends h2{ background:url(images/typo/buddy.png) no-repeat top left; padding-left:46px; margin:0px; line-height:46px; font-size:12px; color:#323232; letter-spacing:4px; text-transform:uppercase; border-bottom:1px dotted #212121; padding-bottom:4px; }

.friends .friendsInner { border:1px solid #d8d8d8; border-top-width:0px; border-bottom-width:0px; padding:0px 9px; min-height:180px; background:#fff url(images/friends-bg.gif) repeat-x bottom left; width:181px; }



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

.catListingV li {font-size:11px; background:transparent url(images/typo/catBullet.gif) no-repeat 7px 8px; padding:6px 0px; padding-left:24px; }

.catListingV li a { color:#333333; padding:3px 0px; }









#commentform {

	padding:10px;

	margin: 5px 5px 0 0;

	}

#commentform textarea {

	width: 718px;

	padding: 2px;

	margin-top:6px;

	}

	

#commentform label {

	display:block;

	padding-top:10px;

	float:left;

	width:206px;

	font-size:12px;

	}

#commentform label small {

	font-size:12px;

}

#commentform input#author, #commentform input#email, #commentform input#url {

	width: 360px;

	padding: 2px;

	margin: 5px 0px 1px 0;

	float:right;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	width:150px; height:30px;

	padding-bottom:8px;

	font-size:12px;

	}



#respond h3, #comments, #leaved { color:#DE4834; padding:8px 0px; margin-bottom:4px; font-family:Arial; font-size:20px; margin-top:0px; margin-bottom:10px; font-weight:normal; border-top:1px dotted #BEBEBE; border-bottom:1px dotted #BEBEBE; }



ol.commentlist { list-style:none; margin:0; padding:10px; text-indent:0; border-bottom:1px solid #ededed; margin-bottom:12px; }

ol.commentlist li { border:2px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment { }

ol.commentlist li div.comment-author { padding:0 170px 0 0; }

ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }

ol.commentlist li div.vcard cite.fn { font-style:normal; }

ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }

ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }

ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }

ol.commentlist li div.vcard img.avatar-32 {}

ol.commentlist li div.vcard img.photo {}

ol.commentlist li div.vcard span.says {}

ol.commentlist li div.commentmetadata {}

ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }

ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }

ol.commentlist li div.comment-meta a:hover { color:#000; }

ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }

ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }

ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }

ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }

ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

ol.commentlist li ul.children li {  }

ol.commentlist li ul.children li.alt {}

ol.commentlist li ul.children li.bypostauthor {}

ol.commentlist li ul.children li.byuser {}

ol.commentlist li ul.children li.comment {}

ol.commentlist li ul.children li.comment-author-admin {}

ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }

ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }

ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }

ol.commentlist li ul.children li.depth-5 {}

ol.commentlist li ul.children li.odd {}

ol.commentlist li.even { background:#f7f7f7; }

ol.commentlist li.odd { background:#fff; }

ol.commentlist li.parent { }

ol.commentlist li.pingback { }

ol.commentlist li.pingback.parent { }

ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	padding:10px;

	margin-bottom: 10px;

	}





/* Begin Images */

p img { padding: 0; max-width: 100%; }



/*	Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */



img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; float:left; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; float:left; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }

.alignleft { float: left }

/* End Images */







.footer { height:65px; background:url(images/footer.gif) repeat-x top left; }

.footer .copyright { line-height:45px; color:#fff; text-align:center; }

.footer .copyright a { color:#fff; }