/*
Website name: Mambo Sprouts
Website:http://mambosprouts.com
Author: Matthew Hunt
Author URL: http://mhuntdesign.cm
Date: 07-24-09
*/

/*Main CSS------------------------------------------------*/

/*ClearFix*/
.clearfix:after { content: "."; color:#fff; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.txt {
display:block;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.note {color:#e8870a; }
.green { color:#52b544;}

h2.pagetitle {
color:#000000;
display:block;
font-family:"Trebuchet MS","Lucida Sans","Lucida Grande","Helvetica,Arial",sans-serif;
font-size:18px;
padding:5px;
}


/*Recipes Main, Categories page------------------------------------------------*/

#recipes-main {
}


#recipes-category {

}

#recipes-single {

}

.single-recipe,
.category-recipe {
display: block;
width: 524px;
clear: left;
padding: 16px 0;
}

.category-recipe { 
/*border-top: 1px dotted #454545;*/
}

.single-recipe {
/*border-bottom: 1px dotted #454545;*/
}

.single-recipe.first {
/*border-top: 1px dotted #454545;*/
}


.single-recipe div,
.category-recipe div {
padding: 0;
margin: 0;
}


.single-recipe div.left,
.category-recipe div.left {
margin-right: 16px;
/*border: 2px #ddd solid;*/
}

.recipe div.right {
margin-right: 16px;
border: 2px #b5e4fd solid;
}

.recipe div.right,
.recipe div.right img,
.category-recipe div.left img,
.category-recipe div.left {
width:254px;
height: 170px;
}

.single-recipe div.left img,
.single-recipe div.left {
width:164px;
height: 108px;
}

.recipe div.left,
.single-recipe div.right,
.category-recipe div.right {
width: auto;
float: none;
}

.recipe div.left {
padding-right: 270px;
}

.category-recipe div.right {
padding-left: 270px;
}

.single-recipe div.right {
padding-left: 190px;
}

h2.recipe-title,
.single-recipe h4,
.category-recipe h4 {
color: #669933;
font-size:16px;
margin: 0;
padding: 0;
}

.single-recipe h4 {
color: #000;
}

.single-recipe p,
.category-recipe p {
margin: 0.5em 0 0 0;
padding: 0;
}

div#center_content .single-recipe li,
div#center_content .category-recipe li {
list-style: none;
margin: 0.75em 0 0 0;
padding: 0;
line-height: 1.3;
}

div#center_content .single-recipe ul,
div#center_content .category-recipe ul {
list-style-position: outside;
}

/*Sprite Icons-------------------------------------------------*/



.social-icon a,
a.coupon,
/*a.dollar,*/
a.dollar-left,
.dollar-left a,
.sprouty-saver a {
background-repeat: no-repeat;
/*background-image: url(images/_icons/sprite-icons-recipe.png);*/
background-image: url(images/_icons/couponbar.png);
}

/* a.coupon{
padding-top:2px;
padding-bottom: 2px;
padding-right: 24px;  //this was commented in original
padding-right: 54px;
background-position: 100% -280px;
}
*/

a.coupon{
background: url(images/_icons/couponbar.png) no-repeat 100% 100%;
*background: url(images/_icons/couponbar.png) no-repeat 90% 100% !important;
padding-top: 3px;
padding-bottom: 2px;
padding-right: 60px;
*padding-right: 80px;
}

/*a.dollar{
padding-right: 24px;
background-position: 100% 0;
}*/

a.dollar-left,
.dollar-left a {
padding-left: 22px;
padding-right: 54px;
padding-right: 0;
background-position: 0 0;
}

.sprouty-saver a{
padding-left: 22px;
background-position: 0 -125px;
}

span.dollar-left {
padding-right: 12px;
}

/*Override*/
a.dollar,
.dollar a {
/*background: url(images/_icons/icon_save.png) no-repeat 100% 50%;*/
background: url(images/_icons/couponbar.png) no-repeat 100% 50%;
padding-top:2px;
padding-bottom: 2px;
padding-right: 60px;
}


/*Sprite Buttons-------------------------------*/

a#submit-recipe,
span.view-recipe a {
background-image:url(images/_buttons/sprite-recipe-buttons.png);
}


a#submit-recipe {
height: 28px;
width: 208px;
background-position: 0 0;
}

a#submit-recipe:hover {
background-position: 0 -28px;
}

span.view-recipe a {
height: 28px;
width: 145px;
background-position: 0 -56px;
}

span.view-recipe a:hover {
background-position: 0 -84px;
}


#more-recipes ul {
width: 46%;
padding: 1%;
}


/*Single Recipe----------------------------*/

div#center_content div.recipe img {
padding: 0;
}

img.alignright {
/*border: 2px #ddd solid;*/
float: right;
margin: 0 0 16px 16px;
}

img.alignleft {
/*border: 2px #ddd solid;*/
float: right;
margin: 0 16px 16px 0;
}

h2.recipe-title {
font-size:20px;
color: #52b544;
margin:1em 0;
}

.recipe p strong,
.recipe h5 { 
font-family:"Trebuchet MS","Lucida Sans","Lucida Grande","Helvetica,Arial",sans-serif;
font-size:15px;
font-weight: bold;
color: #4FB14C;
}

.recipe ul li,
.recipe ol li {
margin: 0.75em 0;
line-height: 1.6;
}

.recipe ul li {
list-style: none;
}

.recipe p,
.recipe ol,
.recipe ul {
margin:1em 0;
padding:0;
/*padding-right: 220px;*/
}

.recipe hr {
margin:1em 0;
border-bottom: 2px dotted #ddd;
height: 1px;
background: #fff;
}


.rate {
padding: 12px 0;
}

.post-ratings .post-ratings-image {
padding-left: 12px;
}

.post-ratings .post-ratings-image + .post-ratings-image {
padding-left: 0;
}

/*Social Icons----------------------------*/

#social-icons {
width: auto;
height: auto;
border: 0 none;
padding: 1em 0.5em;

}

.social-icon {
padding: 0;
margin: 0 4px;
float: left;
}


.social-icon a.txt {
height: 17px;
width: 19px;
}

.icon-delicious a.txt{
background-position: 0 -414px;
}

.icon-facebook a.txt{
background-position: 0 -432px;
}

.icon-email a.txt{
background-position: 0 -448px;
}

.icon-print a.txt{
background-position: 0 -397px;
}

.icon-twitter a.txt {
background-position: 0 -482px;
}

.icon-more a {
background-position: 2px -464px;
padding-left: 24px;
border-left:1px #ccc solid;
}

div.post-ratings em {
float: left;
}

/* menu styles */
.simple-drop {	
    margin: 0;
	padding: 0;
}

.simple-drop li {
	
	list-style: none;
	font: 12px Tahoma, Arial;
	}
	
	.simple-drop > li:hover {
	-moz-box-shadow: 0 0 4px #f5f3b5;
	-webkit-box-shadow: 0 0 4px #f5f3b5;
	box-shadow: 0 0 4px #f5f3b5;
	}

.simple-drop li a
{	display: block;
	background: #324143;
	padding: 5px 12px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 70px;
	color: #EAFFED;
	white-space: nowrap;
	}

.simple-drop li a:hover {
    background: #24313C;
}

		
.simple-drop li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	top:28px;
	width:200px;
	z-index: 1000;
	border: #dde7d4 solid 1px;
	left: -1px;
	width: 100%;
	border-top: none 0;
	}

.simple-drop li ul li
{	
float: none;
display: block;
	}

.simple-drop li ul li a
{	width: auto;
	background: #f4f9ef;
	color: #575757;
	}

.simple-drop li ul li a:hover
{	background: #f5f29f;}


.simple-drop-top
{
width:95%;
padding: 2%;
border: #dde7d4 solid 1px;
background: #f4f9ef url(images/_gradients/drop-menu-li.png) repeat-x;
margin:10px 0;
height: 20px;
line-height: 20px;
position: relative;
}

.simple-drop-arrow {
float: right;
width: 10px;
height: 20px;
display: inline-block;
background: url(images/_icons/drop-menu-arrow.png) 0 50% no-repeat;
}

#searchform div {
margin: 1em 0;
background: #f4f9ef url(images/_gradients/drop-menu-li.png) repeat-x;
padding: 10px 5px;
border: #dde7d4 solid 1px;
}


#s {
width: 110px;
margin: 2px 0 0;
}


#searchsubmit {
background:url(images/_buttons/go-btn-white-matte.png) no-repeat;
height:26px;
width:26px;
display: inline-block;
zoom: 1;
overflow: hidden;
text-indent: -9999px;
border: 0 none;
cursor: pointer;
line-height: 1;
float: right;
}