﻿/*  
Theme Name: Smoothy
Description: בצק עלים - התבנית המקורית.
Version: 1.0.
Author: מאיה מרום
*/



/* Begin Typography & Colors */

* { margin:0; padding:0;}
img.printlogo {display:none;}
.clear {clear:both;}
.clear h2 {font-size:8px !Important; position:relative; left:-9999px;}   /*annoying bug ignores my cleardiv. that should teach it a lesson */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: arial, sans-serif;
	background: #fff url(images/body-bg.gif) repeat-x;
	text-align: center;
	}

#page {
	text-align: right;
	direction: rtl;
	unicode-bidi: embed;
	margin: 0 auto; width: 760px;
	}

#header {	height:200px; position:relative;}

/* logo and tagline */
#title {float:right;width:217px; position:relative;} 
#title .description {background:url(images/tagline2.gif) no-repeat; width:166px; height:55px; margin-top:10px;}
#title .description span {position:relative; left:-9999px;}



#title .logo {background:url(images/logo.gif) no-repeat; position:absolute; top:68px; right:3px; width:163px; height:95px;}
#title .logo a {display:block;width:163px; height:95px; margin-top:-80px; 	padding-top: 70px;}

/* passover */
#title .logoXXX {background:url(images/passover-logo.gif) no-repeat; position:absolute; top:42px; right:3px; width:163px; height:132px;}


/* rest of header */
#rest {float:right;width:503px; padding-top:12px; position:relative; background: url(images/rest-back.gif) no-repeat 298px 12px;}
#rest .date {float:left; font-size:14px; color:#9B9992; padding-top:5px;}
#rest h2 {font-size:18px; line-height:23px; letter-spacing:-1px; color:#B4B1A7; position:absolute; top:39px;}

#rest a {display:block; float:right; height:29px; margin-left:20px;}
#rest a span {position:relative; left:-9999px;}
#rest a:hover {text-decoration:none;}
#rest a.mm01 {background:url(images/la01.gif) no-repeat; width:78px}
#rest a.mm02 {background:url(images/la02.gif) no-repeat; width:28px}
#rest a.mm03 {background:url(images/la03.gif) no-repeat; width:40px}
#rest a.mm04 {background:url(images/la04.gif) no-repeat; width:67px}

#rest h2 a.readmore {display:inline; border:0; float:none; height:auto; margin:0; color:#c1ae97;}
#rest h2 a.readmore:hover {text-decoration:underline;}

#sidebar
{
	padding: 0px 0 10px 0;
	width: 217px;
	float:right;
	}


#sidebar .delish {display:block; background:#F3F0E9 url(images/delish-bg-top.gif) no-repeat; position:relative; width:165px; color:#A9A394; padding:22px 0 14px 0;}
#sidebar .delish span.bottom {background:white url(images/delish-bg-bottom.gif) no-repeat; position:absolute; bottom:0; right:0; display:block; width:165px; height:3px;}


#sidebar .delish h2 {margin:-15px 0 10px; background:url(images/delish-h.gif) no-repeat; width:84px; height:17px;}
#sidebar .delish h2 span,
#sidebar .delish h2 a {position:relative; left:-9999px;}

#sidebar .delish .delicious-posts {margin-top:6px; line-height:13px; font-size:11px; padding-right:10px; }
#sidebar .delish .delicious-posts ul li {letter-spacing:-0.02em; width:145px; margin-bottom:6px !Important;}
#sidebar .delish a.more {font-size:12px; display block !Important; font-weight:bold; text-align:left; position:relative; right:10px; top:-6px; color:#b8ac8f; }

#sidebar a, #sidebar a:visited {color:#a9a394; text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}

#sidebar  ul {list-style:none; }
#sidebar  ul li {color:#919191; list-style:none; margin-right:10px; font-size:12px; }

#sidebar ul h2 {color:#a59077; font-size:12px !Important; }

#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
}


.footercontainer { padding: 0; display:block; clear: both; padding:10px; background-color:#e1d8c2;;}


.tagcloud { padding:0; margin:0; list-style:none; }
.tagcloud li { display:inline; font-size:70%; background: none; padding: 0;}
.tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
.tagcloud li a:hover { text-decoration:underline; }



.rightfooter {float:right; width:215px;}
.leftfooter {float:right; width:500px; margin-bottom:30px; }

.tagcloud {width:488px; line-height:30px; float:right;}

.tagcloud a {display:block; float:right; margin:5px 0 0 5px; padding:0px 6px; background:#ffecb7 url(images/tagbg.gif) repeat-x;  height:22px; line-height:22px; border:1px solid #e4d29f; color:#9a7d2b; font-size:14px;}
.tagcloud a:hover {border-color:#cab67c; color:#7b5c19;}

h3.cloudtitle {display:block !Important; text-align:right !Important; background:url(images/cloudtitle.gif) no-repeat; width:199px; height:25px; margin-bottom:4px; margin-top:6px; float:right;}
h3.searchtitle {display:block !Important; text-align:right !Important; background:url(images/searchtitle.gif) no-repeat; width:119px; margin-top:10px; height:16px; margin-bottom:4px; float:right;}
#footer h3 span {display:none;}


.searchdrop {position:absolute; top:-4px; left:10px;}
.searchdrop #searchform {display:block; width:175px; height:47px; position:relative; background:url(images/search-back.gif);}

.searchdrop input#s {background:transparent; border:0px solid red !Important;  height:18px; position:absolute; top:14px; right:11px; width:120px; direction:rtl; color:#cdcbb2; font-family:Arial; font-size:14px !Important; font-weight:bold !Important;}
.searchdrop input.submit {border:0; width:31px; height:25px; background:transparent; position:absolute; left:9px; top:11px; }

.footercontainer {background: #fff url(images/body-bg.gif) repeat-x 0px 0px;}
#footer {background:transparent !Important}


/* the post loop  width: 760px; */
.post {margin: 0 0 40px; width:500px; position:relative; }
.entry {margin-top:3px;}
.narrowcolumn p {margin-bottom:10px; line-height:21px; font-size:14px; letter-spacing:-0.005em; color:#272524;}
.narrowcolumn p img {position:relative;}
.entrytextt {padding-right:10px;}


/* post title */
.narrowcolumn h2, h3, .narrowcolumn h1 {font-size:18px; letter-spacing:-0.05em; display:inline !Important}
h2 a, h2 a:visited, h3 a, h3 a:visited,  .narrowcolumn h1 a,  .narrowcolumn h1 a:visited {color:black; text-decoration:none;}
h2 a:hover, h3 a:hover,  .narrowcolumn h1 a:hover {border-bottom:1px solid #C5C5C5;}


/* everything next to the post title, meta=category, navigation=permalink next prev  */
.meta {color:black; font-size:14px;}
.meta a {color:#928A81; border-bottom:1px dotted #928A81; text-decoration:none;}
.meta a:hover {border-bottom:1px solid #BCB7AB; color:#BCB7AB;}
.post .date {position:absolute; left:3px; top:5px; font-size:11px; color:#C5C0B8;}

.navigation {display:block; height:16px; float:left; position:relative; bottom:-3px; left:10px;}
.navigation .prev a {display:block !Important; width:42px; height:16px; background:url(images/prevnav.gif) no-repeat 0 0;}
.navigation .next a {display:block !Important; width:41px; height:16px; background:url(images/nextnav.gif) no-repeat 0 0;}
.navigation a:hover {background-position:0px -16px;}
.navigation .next {float:left; display:block; width:41px; height:16px; background:url(images/nextnav-off.gif) no-repeat;}
.navigation .prev {float:left; display:block; width:42px; height:16px; background:url(images/prevnav-off.gif) no-repeat;}


/* list of ingredients */
.post ul { background:url(images/list-bg.gif) repeat; list-style:none; line-height:18px; color:#878682; border-top:1px solid #D4D4D4; width:165px; float:right; margin-bottom:15px; margin-top:16px;}
.post ul li { margin-top:0px; }
.post ul li h5 {position:relative; left:-9999px;}


/* left brown prep time and money area */
.post .recipemeta {float:left; margin-top:16px; width:140px; display:block; background:green;  color:#878682; background:#F3F0E9; padding:15px 0; line-height:15px;}
.meta1, .meta2 {padding-right:47px;}
.meta1 {background:url(images/meta1.gif) no-repeat 105px 3px; padding-bottom:15px;}
.meta2 {background:url(images/meta2.gif) no-repeat 105px 19px; border-top:1px dotted #BDB9B0; padding-top:15px;}
.post .recipemeta h4 {font-size:18px; font-weight:900; letter-spacing:-0.05em; margin:0;}
.recipemeta p {margin:0; padding:0;}
.post hr {height:0px; display:block;}

/* post tags */
.taggin {display:block; margin:0; padding:0; font-size:14px; background-color:#e4e4e4;}
.taggin strong {position:relative; top:-4px; float:right; width:93px; color:#807d76; text-align:right; margin:0 10px 0 12px;}
.taggin a {position:relative; top:-7px; display:block; float:right; background:#ffecb7 url(images/tagbg.gif) repeat-x; padding:0px 6px; height:22px; line-height:22px; border:1px solid #e4d29f; color:black; margin-left:5px; color:#9a7d2b;}
.taggin a:hover {border-color:#cab67c; color:#7b5c19;}

.bottomnavigation {margin-bottom:20px; font-size:16px; font-weight:900;}
.bottomnavigation a {color:black !Important;}
.bottomnavigation a:hover {text-decoration:underline;}


a {text-decoration:none;}
hr {clear:both;}


.narrowcolumn {
	background:url(images/column-bg.gif) repeat-x;
	float: right;
	width: 503px; 
	padding-top:18px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 150px 0 ;
	width: 450px;
	}











#content {font-size: 1.2em}





#footer {
	background: #e1d8c2;
	border: none;
	}


#footer p {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
	font-size:14px;
	color:#615e56;
}



small {
	font-family: sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}





#sidebar h2 {
	font-family: sans-serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}




.entry p a:visited {
	color: #b85b5a;
	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



#wp-calendar #prev a {
	font-size: 9pt;
	}


#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */





.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: right;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: right;
}


/* End Structure */



/*	Begin Headers */
h1 {

	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
	margin-bottom:10px;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}


/* End Headers */



/* Begin Images */

p img {max-width:100%; position:relative; right:-5px; margin-top:3px;}
/*	max-width:100% causes FF to do weird resizes, but omitting
	it causes strange image positioning glitches. navigation is realigned in
	FF using position relative and it offsets a bit in IE. maya */


.entry p img {max-width:none !Important; right:0px;} 
.entrytext p img {max-width:none !Important; right:0px;} 
/* tired of the silly resizes!!! maya */


/*	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;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists



.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 35px 0 35px; /* Artyom - Correct margins in Opera */
	margin: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {width: 130px;}

/* End Form Elements */



/* Begin Comments*/

#commentform * {margin:0;}

.postmetadata ul {background:white !Important; width:auto; border:0; border-bottom:1px solid #cfcfcf; padding-bottom:5px; margin-top:10px;}
.postmetadata ul li { display:block; float:left; width:100px; text-align:left; }
.postmetadata ul li.long {width:200px; color:black;}
.postmetadata ul li a {color:#a9a394; font-weight:bold;}
.postmetadata ul li a:hover {text-decoration:underline;}

h3.comments-h {margin-top:-20px; }


.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 16px; color:#b78943; letter-spacing:-1px; line-height:18px;
	}

h3#respond {margin-top:40px !Important; font-size:24px; letter-spacing:-0.05em; color:#8b654a;}


#commentform .formnames p {float:right; width:155px; margin:3px;}
#commentform .formnames p label small {color:#A9A394; display:block; width:130px; font-size:12px; text-align:center; font-face:arial; }
#commentform input {width:130px;border:0; border-bottom:1px solid #A9A394; text-align:center;}


#commentform {margin-top:10px; margin-bottom:20px;}
#commentform textarea {
	width: 478px;
	padding:5px;
	background-color:#f0ede1;
	border:1px solid #dcd9cc; float:right;
	overflow: auto;
	}

#commentform #submit {margin-top:10px; border:auto; margin-left:13px; float: left; }




.commentmetadata {
	font-weight: normal; font-size:10px; line-height:12px; margin-top:4px;
	}


.cometa {float:right; width:100px; overflow:hidden;}
.comtext {float:right; width:380px; margin-right:15px; background:#f3f0e9; overflow:hidden; }


.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 0px 3px;
	list-style: none;
	}

.cometa a, .cometa a:visited {color:#a9a394; display:block;}
.cometa cite a { text-decoration:underline;}
.cometa cite a:hover {color:#CDA76D;}

.commentlist p { margin: 0 0 10px 0; padding:7px; font-size:12px; color:#948665 !Important;}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 0;
	padding-right: 10px;
	border-right: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

a, a:visited {color:#b78943;}
.entry p a:hover, .entrytext p a:hover {text-decoration:underline;}

.attachment {display:block; padding:10px 0; width:235px; background:#f8ebd7 url(images/pdf.png) no-repeat 205px 12px; color:#b78943; letter-spacing:-0.05em;} 
.attachment a.biggerlink {margin:0 40px 0 0; font-size:16px; color:#b78943; display:block; font-weight:bold;}
.attachment a.smallerlink {margin:-17px 40px 0 0; font-size:12px !Important; color:#b78943; display:block; letter-spacing:-0.05em;}

h2.tag-pagetitle {font-size:25px !Important; margin-bottom:10px !Important; display:block !Important; margin-top:0; color:#B5AD73; background:#FFFEBC; padding:5px 0;}


li.fbstation {width:144px; border: 1px solid #cacfda; background:#f1f3f8 url(images/fb-tease.gif) no-repeat 66px 16px !Important;}
li.fbstation iframe {position:relative; left:8px; top:10px;}

li.adsensepad {background:#f6f1e9; width:147px;}
li.adsensepad .innerz {padding-top:10px; margin-right:5px;}
li#adsensepad .adtitle {margin:10px 10px 0 0;}
li.adsensepad .adtitle img {z-index:2; position:relative; }
li.adsensepad #google_ads_frame1_anchor {z-index:1; margin-top:-33px !Important;}

.hoveret-page {padding-top:30px; background:url(images/hoveret-page-h.gif) no-repeat top right; margin-top:-6px !Important;}
.hoveret-page h1 {font-size:44px; text-align:center !Important; display:block !Important;}
.hoveret-page .firstp {font-size:16px; line-height:23px; margin-top:5px; color:#777;}

.captcha {display:inline; background:yellow; padding:5px;}