div.spacer{
clear:both;
height:1px;
display:block;
}

.clear:after{
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
#scontent {
background-color:#FFFCF3;
}

body{
sbackground-color:#FFFCF3;

}
*/
/*
#content {
background-image:url(images/recipe_bg.jpg);
background-repeat:no-repeat;
background-color:#eadea2;
}
*/
/*
#main {
background-image:url(images/recipe_bg.jpg);
background-repeat:no-repeat;
background-color:#eadea2;
}
*/

.recipeList{
sbackground-color:#FFFCF3;
position:relative;
sborder:1px solid;
swidth:auto;
height:1%;
padding: 5px;
}

.recipeList:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
.srecipeItem{
float:left;
margin:8px;
width:180px;
height:14.5em;
font-size:0.8em;
bsorder-width:1px;
bsorder-style:solid;
bsackground-color:#32CD32;
}
*/

div.recipe_approved0, div.recipe_approved1 {
border:1px solid red;
}

div.recipe_hidden{
background-color:#F5F5F5;
}

div.displayhidden{
position:absolute;
right:0;
top:0;
font-size:1em;
color:white;
background-color:gray;
}

div.approveinfo {
position:absolute;
left:0;
top:0;
font-size:1em;
color:white;
background-color:red;
z-index:100;
}


.recipeItem{
border-bottom:1px solid silver;
height:1%;
sfont-size:0.8em;
position:relative;
margin:5px 0;
padding:5px 1px;
}

.recipeItem{
float:left;
width:47%;
sheight:120px;
min-height:120px;
max-height:120px;
margin:4px;
display:inline;
border:1px solid white;
}


.recipeItem div{
float:left;
}

.recipeItem div div{
float:none;
display:none;
position:absolute;
right:0px;
top:0px;
}

.recipeItem div div.more{
right:0px;
top:auto;
bottom:0px;
}

.recipeItem div div.more img{
border:0px none;
padding:0px;
}

.recipeItem div ul li {
	padding: 1px 0 1px 12px;
	background-image:url(images/dot.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	list-style-position: outside;
	list-style-type: none;
	
}

.recipeItem div ul li span {
color:#080872;
}

.recipeItem h2{
margin:1px 5px;
font-size:1.2em;
color:black;
width:155px;
}

.recipeItem sp span{
color:black;
}

.recipeItem a img{
float:left;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#DFD4C7;
background-color:white;
}

.recipeItem sp img{
border-style:none;

}

div.pagenav{
clear:both;
}

#content{
bacakground-color:#FFFCF3;
}

/* search */
#recipeSearch{
width:600px;
/*height:1%;*/
clear:both;
}

#recipeSearch img{
float:left;
margin:5px;
}

#recipeSearch div{
float:left;
bordder:1px solid;
width:285px;
}

#recipeSearch div img{
margin-left:40px;
float:none;
}


#searchform{
width:275px;
msargin-left: 10px;
msargin-top: 6px;
margin:6px 0 0 10px;
padding:0;
}

#searchform p{
margin: 6px 0 6px 6px;
padding:0;
}

#searchform p span{
width: 6em;
display:block;
float:left;
}

#searchform p select{
width: 12em;
}

#searchform p input{
width: 11.7em;
}

#searchform p input#approve{
width:auto;
}

#searchform p .searchButton{
float:right;
width: 5em;
margin-right:1em;
}

#recipeSearchText{
padding:15px;
}

#recipeSearchText h3{
padding:10px 0px;
}

#recipeSearchText em{
color:blue;
font-style:normal;
}

/* post recipe */
#postrecipeoutside
{
background-image:url(images/RecipeUploadBG.jpg);
background-repeat: no-repeat;
background-position: right top;
}

#postrecipe {
position:relative;
sbackground-color:#FFFCF3;
sbackground-image:url(images/RecipeUploadBG.jpg);
sbackground-repeat: no-repeat;
spadding:210px 0 0 0;
margin:0;
width:608px;
}

#postrecipe table{
	margin:0;
	width:100%;
	padding:0 28px 0 8px;
}

#postrecipe tr{
}

#postrecipe table th,#postrecipe table td.head{
background-color:transparent;
background-image:none;
color:#000000;
vertical-align:text-top;
}

#postrecipe label{
width:6em;
padding:0 0 0 1em;
position:absolute;
left:0;
}

#postrecipe span{
width: 100%-7em;
margin-left:7em;
b1ackground-color:#00CC99;
border:0;
}

#postrecipe .button{
align:right;
text-align:right;
}

#postrecipe tr.foot, #postrecipe tr.foot td{
background-color:transparent;
background-image:none;
text-align:right;
}

#postrecipe .note{
color:red;
}

.formimageitem img{
float:left;
}

/* recipe detail */
.recipe{
sbackground-image:url(images/RecipeBGWok.jpg);
sbackground-repeat:no-repeat;
sbackground-position:right bottom;
width:605px;
sbackground-color:#FFFCF3;
}

#recipeTop{
bsackground-color:#B0E0E6;
sposition:relative;
height:1%;
}

#recipeL{
float:left;
width:250px;
padding:1px 6px;
}


#recipeL div{
background-color:#E2E3DF;
width:166px;
padding: 1px 5px;
}

#recipeL div img{
}

#recipeL img.print{
background-image:url(images/RecipePrint.gif);
background-repeat:no-repeat;
}

#recipeL img.email{
background-image:url(images/RecipeEmail.gif);
background-repeat:no-repeat;
}

#recipeL img.addfav{
background-image:url(images/RecipeAddFav.gif);
background-repeat:no-repeat;
}

#recipeL img.edit{
background-image:url(images/RecipeEdit.gif);
background-repeat:no-repeat;
}

#recipeL a:hover img.print{
background-image:url(images/RecipePrint_over.gif);
}
#recipeL a:hover img.email{
background-image:url(images/RecipeEmail_over.gif);
}
#recipeL a:hover img.addfav{
background-image:url(images/RecipeAddFav_over.gif);
}
#recipeL a:hover img.edit{
background-image:url(images/RecipeEdit_over.gif);
}



#recipeL ul{
margin:15px;
}

#recipeL li{
list-style-type:none;
list-style-position:outside;
}

#recipeR{
float:left;
width:340px;
margin-left:2px;
}

#recipeR div{

}

#recipeR h3{
margin-top: 0.5em;
smargin-left: 4px;
}

#recipeR p{
margin-left:4px;
margin-bottom:1em;
sfont-size:0.75em;
}

#recipeTitle{
width:316px;
height:28px;
padding: 1px 10px;
background-image:url(images/RecipeDetailRoundBox.gif);
background-repeat:no-repeat;
position:relative;
}

#recipeTitle h2{
width:100%;
font-size:1.3em;
line-height:28px;
color:#5B1F64;
}

#recipeRating{
position:absolute;
right:3px;
bottom:-10px;
}

#recipeRating img{
display:block;
}





.shadow{
float:left;
width:140px;
height:140px;
margin:10px;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.png) no-repeat bottom right;
}


.shadow img{
margin: -6px 6px 6px -6px;
position:relative;
}

#recipeImg{
sfont-size:0.75em;
}

/*
#recipeImg{
clear:both;
position:relative;
height:1%;
}

#recipeImg span{
padding:1px 1px 1px 15px;
background-image: url(images/RecipeArrow.gif);
background-repeat:no-repeat;
background-position:center left;
display:block;
float:left;
margin-top:130px;
}
*/

// thumbnails

.thumbwrap {
	display: inline-block;
	sbackground: #f8f8f8 url(g10.gif);
	sborder: 1px solid #999;
	padding: 15px 8px 0 8px;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;  /* Moz */
	display: inline-block;  /* Op, Saf, IE \*/
	vertical-align: top;  /* IE Mac non capisce e a volte crea extra vertical space */
	margin: 0 7px 15px 7px;
	padding: 0;
	text-align: center;
	list-style:none;
	list-style-position:outside;
	width:160px;
	float:left;
/*
	list-style:none;
	list-style-position:outside;
	width:160px;
	display:inline;
*/
}
.thumbwrap a {
	display: block;
	width:160px;
	sborder: 4px solid #999;
	scolor: #000;
	sbackground-color: #eee;
	text-decoration: none;
}
.thumbwrap a:hover {
	sborder-color: #6f6;
	sbackground-color: #dfd;
}
.thumbwrap a img {
	border-width: 0;
	vertical-align: bottom;
}
.thumbwrap a span {
	display: block;
	width: 152px; /* Moz */
	padding: 4px;
}
/*\*/
* html .thumbwrap li, * html .thumbwrap {
	display: inline;
	height: 1px;
}
* html .thumbwrap a span {
	width: 160px;
	w\idth: 152px;
}
/*/
.thumbwrap a {
	width: 160px;
}

/* recipe Navigation block*/
/*
.recipenav{
border:1px solid #E5E5E5;
padding:3px;
width:154px;
background-color:white;
}

.recipenav ul{
margin-top:0;
padding:0;
}

.recipenav ul li{
list-style-type:none;
list-style-position:outside;
font-size:0.75em;
font-color:#959595;
padding:5px 4px 5px 1px;
border-bottom:1px solid #D7D7D7;
}

.recipenav ul li.last{
border-bottom:none;
}

.recipenav ul li a{
font-weight:normal;
height:0.75em;
border-left:4px solid #D7D7D7;
padding:2px 2px 1px 10px;
color:#8B8B8B;
display:block;

}

.recipenav ul li a:hover{
font-weight:normal;
border-left:4px solid #6C572B;
color:#6C572B;
}

.recipenav ul li.selected{
background-image: url(images/tomato.gif);
background-repeat:no-repeat;
background-position: center right;
}
*/

/* recipe favorites block */
/*
.recipefav{
border:1px solid #E5E5E5;
padding:4px;
width:152px;
background-color:white;
}

.recipefav li{
list-style-type:none;
list-style-position:outside;
sfont-size:0.9em;
font-color:#959595;
}

.recipefav li a{
font-weight:normal;
}
*/

/* recipe email */

#emailForm table{
	margin:0;
	width:100%;
}


#emailForm table th{
background-color:transparent;
background-image:none;
color:#000000;
vertical-align:text-top;
}

#emailForm .button{
align:right;
text-align:right;
}

#emailForm tr.foot, #postrecipe tr.foot td{
background-color:transparent;
background-image:none;
stext-align:right;
}

div.recipe_fav,div.recipe_post{
background-repeat:no-repeat;
background-color:#eadea2;
margin:0;
min-height:400px;
position:relative;
padding: 144px 50px 30px 50px;
}

div.recipe_fav{
background-image:url(images/recipe_fav.jpg);
}

div.recipe_post{
background-image:url(images/recipe_post.jpg);
}

div.recipe_box{
margin:0;
padding:0;
background-image:url(images/diy_white_bg_top.jpg);
background-repeat:no-repeat;
background-color:#f4eed0;
position:relative;
}

div.recipe_box div.box_bottom{
margin:0;
padding:20px;
background-image:url(images/diy_white_bg_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
position:relative;
min-height:180px;
}

a#link_back_recipe{
position:absolute;
left:636px;
top:36px;
width:124px;
height:24px;
}

/*
#favList ul{
position:relative;
width:100%;//300px;
border: 1px solid #E5E5E5;
margin:5px 0 30px 0;
}

#favList li{
list-style-position:outside;
list-style:none;
}

#favList span{
text-align:right;
position:absolute;
right:0;
padding:2px;
sfont-size:0.75em;

}

#favList h1{
background-color:#F5F5F5;
color:gray;
font-size:1.2em;
padding:5px;
}

#favList{
font-size:1em;
}

#favList a{
font-weight:normal;
}

#favList li img{
vertical-align:top;
}
*/

#favList ul{
position:relative;
width:100%;
margin:5px 0 5px 0;
}

#favList li{
float:left;
position:relative;
list-style-position:outside;
list-style:none;
width:110px;
margin: 10px 8px;
}

#favList li.clearleft{
clear:left;
}

#favList li div{
sfloat:left;
position:relative;
height:1%;//108px;
}
#favList li div.image{
height:108px;
line-height:108px;
}

#favList li div.details span{
sposition:absolute;
display:block;
sbottom:0;
sleft:0;

text-align:right;
}

