/*	C S S	*/

body {
	font-family: Thaoma, Arial, Verdana, sans-serif, Helvetica;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a:link    {-TEXT-DECORATION: none; color: #009900;}
a:visited {-TEXT-DECORATION: none; color: #009900;}
a:active  {-TEXT-DECORATION: none; color: #009900;}
a:hover   {-TEXT-DECORATION: underline; color: #00CC00;}

img.bullet {vertical-align:middle}

span.nobr	{
	white-space: nowrap;
}

#loginform {position:absolute;
display:block;
top: 8px;
right: 16px;}

#header {
margin: 0px;
padding: 0px;
height: 62px;
	background-color: #f8f8f6;
	background-image: url(img/head-bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	--background-position: 0pt 70px;
	background-position: bottom;
	--color: #424242;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom: #669900 solid 1px;
}
#header h1 {
	text-align:center;
	margin: 0px;
padding: 4px;
color:#fff;
	font-family:"trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
	font-size: 42px;
	text-shadow: #336600 1px 1px;
}
#header a {
	color: #CCFF99;
	text-decoration:none;
}
#header a:hover {
	color: #C6FFCD;
}
#header p {
	text-align:center;
	margin: 0px;
padding: 0px;
color:#adc6e4;
}


#menu {
	background-color:#006633;
	font-size:12px;
	font-weight:bold;
	border-bottom:#003300 1px solid;
	padding: 0px; margin: 0px;
}
#menu img {
	vertical-align: bottom;
	border: none;
}
#menu a {
	color: #E5E5E5;
	text-decoration:none;
}
#menu a:hover {
	color:#FFFFFF;
}
#menu table {
	margin:0px;
	padding:0px;
}


#footer {
	background-color: transparent;
	background-image: url(img/footer-bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #009900;
	-border-top-width: 1px;
	-border-top-style: solid;
	-border-top-color: #669900;
	text-align: center;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#footer a {
	--color: #ffffff;
}

#content {
	background-image: url(img/content-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:0px;
	border-top: 1px solid #006600;
}

div.content {
	padding: 16px;
}

#leftsidebar {
	border-right: #009900 1px solid;
	width:164px;
	padding-right: 0px;
}


#rightsidebar {
	width:184px;
	border-left: #CCFFCC 1px dotted;
	padding-left: 4px;
}

#rightsidebarcontent {
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 4px;
}

.aboutme {
	border: 2px solid #dbefc1;
	padding: 4px 8px;
	font-size:small;
	background: #FFFFFF url(img/widget-bg.gif) bottom repeat-x;
}

#rightsidebarcontent h4, #rightsidebarcontent .sidebartitle, #leftsidebarcontent .sidebartitle,.sidebartitle {
	font-family: Arial,Helvetica,FreeSans,clean,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #356520;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbefc1;
	margin-bottom: 5px;
}

#central {
	vertical-align: top;
	padding-left: 16px;
	padding-right: 16px;
}


.loginformtxt {font-size: small; color: #336600; }
.textbox {width: 12em; background: url("img/bg-box-trans.png") top repeat-x #FFFFFF; border:#669900 1px solid; padding: 2px;}








.logform {
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	
	margin-top: 4px;
}
.logform input {
	margin-bottom: 4px;
}

.logform a, .logform a:link, .logform a:visited {text-decoration:none; color:#333333; font-size:small; font-weight:bold;}
.logform a:hover {color:#666666;}

.logform img {vertical-align:middle;}

.loglist {
	list-style-type: square;
	font-size:10px;
	list-style-position:outside;
	padding: 16px;
}
.loglist li {
	padding-left: 0px;
	margin-left: 0px;
}


#footeroptions {
	text-align:left;
	font-size: 1.4em;
	font-weight:600;
	color:#009900;
	padding-bottom: 4px;
}
#footeroptions a:link, #footeroptions a:visited{color:#000000; text-decoration:none;}
#footeroptions a:hover{color: #666666; text-decoration:none;}
#footeroptions a:hover img{opacity:0.5;filter:alpha(opacity=50)}

div.license, .license {
	margin-top: 2px;
	text-align:left;
	font-size:small;
	--font-family:"Courier New", Courier, mono;
	color: #666666;
}
div.license img {vertical-align:middle;}


.usroptslst {
	list-style-type:none;
	padding: 0px;
}
.usroptslst li {
	padding: 0px;
	margin-bottom: 8px;
}
.usroptslst li a{	text-decoration:none;
	color:#000000;
}
.usroptslst li a:hover{	
	color: #666666;
}

/*	Top Menu List	*/
.topmenulist {
	list-style-type:none;
	display: inline;
}
.topmenulist li {
	-padding: 0px;
	display: inline;
	margin-left: 8px;
	border-left: #003300 1px solid;
	padding-left: 16px;
	padding-right: 8px;
		white-space: nowrap;
}
.topmenulist li img {
	vertical-align:middle;
}
.topmenulist li a{	text-decoration:none;
	color:#000000;
}
.topmenulist li a:hover{	
	color: #666666;
}

/*	Top Menu List LEFT	*/
.topmenulistleft {
	padding-left: 0px;
	list-style-type:none;
	display: inline;
}
.topmenulistleft li {
	-padding: 0px;
	display: inline;
	margin-right: 8px;
	border-right: #003300 1px solid;
	padding-left: 6px;
	padding-right: 16px;
}
.topmenulistleft li img {
	vertical-align:middle;
}
.topmenulistleft li a{	text-decoration:none;
	color:#000000;
}
.topmenulistleft li a:hover{	
	color: #666666;
}



.sidebarmenu {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	display:block;
	--background-color: #F0FFF0;
	font-size:12px;
	font-weight:bold;
}
.sidebarmenuitem, .sidebarmenu li {
	kk-display:block;
	font-family:"trebuchet MS", Verdana;
	text-decoration:none;
	background:#FFFFFF;
	margin:0px;
	padding: 0px;
}
.sidebarmenuitemlink, .sidebarmenuitem a, .sidebarmenu li a{
	display:block;
	text-decoration:none;
	color:#003300;
	border-bottom: #009900 1px solid;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 4px;
	background-image:url(img/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	
	margin-bottom:0px;
}
.sidebarmenu li a:hover{
	display:block;
	text-decoration:none;
	color: #758d38;
	background-color: #FFFFCC;
	background-image:url(img/foot-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}


.recipetitle {color: #f28500; font-weight:bold; font-family:"trebuchet ms", Geneva, Arial, Helvetica, sans-serif; font-size:1.8em; text-shadow: 1px 1px #CCC;
}
.recipetitle a {color: #f28500;}
.recipetitle a:hover {color: #F2a520; -text-decoration:blink;}

.h {
	text-shadow: 1px 1px #CCC;
}

p.directions {
	text-align: justify;
}

.authorship {
	font-size:small;
	color:#666666;
}

.review, .rating { color:#999999;}

img.avatar {
	width:180px;
	border: 1px solid #666666;
}

.date {
	font-size:small;
	font-style:italic;
	color:#356520;
}

ol.itemslist{
	font-size:12px;
	font-stretch:condensed;
	font-weight:bold;
	color: #758d38;
	-font-family: "Trebuchet MS",Tahoma,Arial;
	padding-left:16px;
	list-style-position: outside;
	margin-left: 0px;
}

ul.itemslist{
	list-style-image:url(img/bullet-icon.gif);
	font-size:12px;
	font-stretch:condensed;
	font-weight:bold;
	color: #758d38;
	-font-family: "Trebuchet MS",Tahoma,Arial;
	padding-left:16px;
	list-style-position: outside;
	margin-left: 0px;
}
ul.itemslist li, .itemslist li, .item{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}
ul.itemslist li a {
	-color:#356520;
}

ul.tagslist{
	list-style-image:url(img/bullet-tag.gif);
	margin-left: 0px;
	padding-left:20px;
	list-style-position: outside;
	font-stretch:condensed;
	font-weight:bold;
}
ul.tagslist li{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}

ul.userslist{
	list-style-image:url(img/bullet-user.gif);
	margin-left: 0px;
	padding-left:16px;
	list-style-position: outside;
	font-stretch:condensed;
	font-weight:bold;
	font-size:12px;
}
ul.userslist li{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}

ul.ingredientslist{
	list-style-image:url(img/bullet.gif);
	/*list-style-type: circle; */
	margin-left: 0px;
	padding-left: 16px;
	list-style-position: outside;
	
	padding-top: 0px; margin-top: 2px;
}
ul.ingredientslist li{
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 0px;
}

.ingredientssubtitle, .directionssubtitle {
	margin-bottom: 0px; padding-bottom: 0px;
	color: #356520;
}

/* P A G E S */
h2.pagetitle img {vertical-align:middle;}
div.pagetext {margin-left:40px;}


.bigform input {
	font-size: 1.2em;
}
/*  T A B L E S  __________________________ */
table.invisible {
	width: 100%;
	margin: 0px;
}
table.invisible, td.invisible {
	margin: 0px;
	border: 0px;
	vertical-align: top;
}




img {
	border:none;
}

FORM, DIV.textarea {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
}

hr {border-style: dashed; border: solid; color: #0054e3; !background-color: #0054e3; height: 1px; border: 0;}






/* Form elements */
.boto { cursor: hand; background-color: #bbbbff; border: 1px #000099 groove; filter: Chroma(Color=555555) }
.textbox { }
.checkbox {  !background-color: #FFFFFF; background-image: none; cursor: hand; filter: Chroma(Color=#FFFFFF)}
/* !border: 1px #000000 outset;	*/

.TextBox		
{
	font-family: Tahoma,Verdana; 
	font-size:10pt; 
	color:#000000; 
	background-color:#FFFFFF; 
	border:#000000; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;

}

.InputBox		
{
	font-family: Tahoma,Verdana; 
	font-size:10pt; 
	color:white; 
	background-color:#0099FF; 
	border:black; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;

}




/* definicio 2 */
.textfield {
    color: #000000;
    font-size: 11px;
    font-family: verdana, arial, "trebuchet MS", helvetica, sans-serif;
    font-style: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background:#bdd6ea;
	}

input[type='text'], input[type='password'], textarea {-background:url(img/content-bg.gif) #FFFFFF repeat-x top;}

acronym, abbr, .help {
	cursor: help;
}

.rss > a {
	color: #000000;
	font-size:small;
	vertical-align: middle;
	text-decoration:none;
}

.rss img {vertical-align:middle;}

/* Pagebar (Page list) */
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	font-size:11px;
}

.pagebar a, .this-page {
	color:#FF6600;
	border: 1px solid #FF6600;
	text-decoration: none;
	padding: 0.2em 0.5em;
	background: #fff;
}

.pagebar a:visited {
	color: #FFAA82;
	border: 1px solid #FF6600;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .this-page {
	border: 1px solid #FF6600;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #FF6600;
	color: #fff;
}

.pagebar a:hover {
	color: #FFAA82;
	border-color: #FFAA82;
}
/*
.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
*/

/* Media print */
@media print {
    .no_print {	visibility: hidden;}
	
	#header h1{-vertical-align: bottom; -font-size:18px}
	#loginform, #leftsidebar, #rightsidebar, #menu, #options, .socialnets {display:none}
	#footer {visibility:hidden}
	.license {visibility:visible;}
	
	#contact {display:none;}
	#like {display:none;}
}

@media handheld {
    .no_print {	visibility: hidden;}

	#header h1{-vertical-align: bottom; font-size:14px}
	
	#loginform, #leftsidebar, #rightsidebar, #menu, #options {display:none}
	#footer {visibility:hidden}
	.license {visibility:visible;}

}

/* Landscape */
@media screen and (max-width: 480px)
{
    .no_print {	visibility: hidden;}

	#header h1{-vertical-align: bottom; font-size:14px}
	
	#loginform, #leftsidebar, #menu, #options {display:none}
	#footer {visibility:hidden}
	.license {visibility:visible;}
}

/* Portrait */
@media screen and (max-width: 320px)
{
    .no_print {	visibility: hidden;}

	#header h1{-vertical-align: bottom; font-size:14px}
	
	#loginform, #leftsidebar, #rightsidebar, #menu, #options {display:none}
	#footer {visibility:hidden}
	.license {visibility:visible;}
}
