/*	C S S	*/

@import url(http://fonts.googleapis.com/css?family=Economica:700);
@import url(http://fonts.googleapis.com/css?family=Prosto+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/*@import url(http://fonts.googleapis.com/css?family=Economica:700&text=Ganxets.com);*/
html {
	
	background-color:#68370C;
}

body {
	font-family: 'Open Sans Condensed', Thaoma, Arial, Verdana, sans-serif, Helvetica;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#EDEDED;
	background-image: url(img/main-bg.jpg);
	--background-repeat:repeat-x;
	--background-position:top;
}

a:link    {text-decoration: none; color: #68370C; -border-bottom:#00CC33 1px dotted}
a:visited {text-decoration: none; color: #68370C; -border-bottom:#00CC33 1px dotted}
a:active  {text-decoration: none; color: #68370C;}
a:hover   {color: #9f510b; text-decoration: underline; -text-shadow:#9f510b 1px 0px 1px}

img.bullet {vertical-align:middle}

span.nobr	{
	white-space: nowrap;
}

#loginform {position:absolute;
display:block;
top: 8px;
right: 16px;}

#header {
margin: 0px;
padding: 4px;
height: 40px;
	--background-color: #68370C;
	-background-color: rgb(104, 55, 12);
	--background-image: url(img/header-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: #552705 solid 1px;
	padding-top:4px;
}
#header h1 {
	text-align:center;
	margin: 0px;
padding: 8px;
color:#fff;
	font-family:'Economica', "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight:bold;
	text-shadow: #B87438 0px -1px 1px;
}
#header a {
	color: #925825;
	-color: #B87438;
	text-decoration:none;
}
#header a:hover {
	color: #FFF;
}
#header p {
	text-align:center;
	margin: 0px;
padding: 0px;
color:#adc6e4;
}
#slogan {text-shadow: #EAFEC5 1px 1px 1px; font-face: 'Prosto One';}


#searchbox {
	background-image:url(img/header.png);
	padding: 32px;
}
#searchinp {
	border:#ccc 2px solid;
	padding: 4px;
	font-size:16px;
	width: 260px;
	font-weight:700;
}
#searchbtn {
	color:#000;
	font-weight:700;
	font-size:16px;
	font-family:Geneva, Thaoma, Arial, Helvetica, sans-serif;
	padding: 1px 4px;
	margin: 1px;
}
#searchico {
	margin-top: 2px;
	-vertical-align:middle;
}

.formfield {
	border:#ccc 2px solid;
	padding: 4px;
	font-size:16px;
	width: 260px;
	font-weight:700;
}

::-webkit-input-placeholder {
   color: gray;
}

:-moz-placeholder { /* Firefox 18- */
   color: gray;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #CCC;  
}

:-ms-input-placeholder {  
   color: gray;  
}






/* on hover */
input:hover::-webkit-input-placeholder {
    color: #FFF;
}

input:hover:-moz-placeholder {
    color:    #FFF;
}
input:hover::-moz-placeholder {
    color:    #FFF;
}


/* on focus */
input#searchinp:focus::-webkit-input-placeholder { color:transparent; opacity: 0;}
input#searchinp:focus::-moz-placeholder { color:transparent; opacity: 0;}
input#searchinp:focus:-moz-placeholder { color:transparent; opacity: 0;}
input#searchinp:focus:-ms-input-placeholder {color:transparent; opacity: 0;} /* Internet Explorer */




#rankingbox {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	padding:8px;
	margin-bottom: 16px;

}

#rankingbox h2 {
	margin-top:0px;
}

.rankinglist {
	padding-left: 8px;
	margin-left: 16px;
	color:#CCCCCC;
}

.rankinglist li {
	border-bottom: 1px solid #F0F0F0;
	margin: 4px;
	padding-bottom: 4px;
	font-family:"Economica";
	font-weight:600;
}

.rankinglist li:hover {
	color:#333333;
    -webkit-transition: 0.1s; /* Safari */
    transition: 0.1s;
}

#rankingbox p {
	margin-bottom: 2px;
}

#menu {
	background-color:#006633;
	
	-font-family:"Economica";
	-font-weight:700;
	-font-size:14px;
	
	font-size:12px;
	font-weight:bold;
	font-stretch:condensed;
	border-bottom:#003300 1px solid;
	padding: 0px; margin: 0px;
}

#menu table{
-border-collapse: collapse; -border-spacing: 0;
}
#menu table td{
	-padding: 0px; -margin: 0px;
}

#menu img {
	vertical-align: bottom;
	border: none;
}
#menu a {
	color: #FFFFFF;
	text-decoration:none;
}
#menu a:hover {
	-color:#E5E5E5;
}
#menu table {
	-margin:0px;
	-padding:0px;
}


#footer {
	clear:both;
	background-color: rgb(104, 55, 12);
	background-image: url(img/hrline.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #925825;
	--border-top-width: 1px;
	--border-top-style: solid;
	--border-top-color: #552705;
	text-align: center;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#footer a {
	color: #9f510b; text-decoration:none;
}
#footer a:hover {
	color: #ffffff; text-decoration:none;
}



div.content, #content {
	margin-top:0px;
	--padding: 16px;
	--background-color:#D06A0F;
	--background-image: url(img/header-bg.gif);
	--background-position: bottom;
	--background-repeat:repeat-x;
}

#results {
	margin:16px;
	clear:both;
}

#container {max-width: 100%;} /* Tiles container */

.articlebox {
	float:left;
	margin-right: 16px;
	margin-bottom:16px;
	margin-top: 0px;

	max-width: 100%;
	background-color: rgba(255, 255, 255, 0.7);

    display: inline-block;
    vertical-align: top;
	
	border: #FFFFFF 1px solid;
}
.articlebox:hover {
	background-color: rgba(255, 255, 255, 1);
	border:#999999 1px solid;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}
.articlebox:active {
	background-color: rgba(205, 205, 205, 0.7);
	border:#999999 1px solid;
}

.article, article {
	--background-color:#FFF;
	-background-image:url(img/header.png);
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-border: 1px solid  #CCCCCC;
	border-radius: 0px;
	-box-shadow: #999 0px 0px 2px;
	--margin-bottom:16px;
	padding:8px;
	clear:both;
	width:324px;
	-float:left;
	-margin-right: 8px;
}

.articletitle {
	font-family:'Economica';
	padding-top:0px;
	margin-top: 0px;
}
.articlemetadata {clear:both;-font-size:small; font-weight:600; color:#999; margin-top:8px;font-family:'Economica';}
.articledate { padding-left: 22px; background:url(../icons/bullet_calendar.png) left no-repeat; min-height:20px; margin-bottom:4px; margin-top:4px;}
.articlelocation {padding-left: 22px; background:url(../icons/bullet_place.png) left no-repeat; min-height:20px; margin-bottom:4px; margin-top:4px;}
.articlesource {margin-bottom:4px; margin-top:4px;}
.articleimage {width: 320px; height:180px; -float:left; -margin-right: 8px; -margin-bottom: 8px;
	--position: relative;
	--clip: rect(20px, 300px, 160px, 20px); 
	border: 2px solid #000000;
}
.articledescrip ul, .agendadescrip ol { list-style-position: inside; margin-left: 32px; padding-left:32px;}
	

.feedinfo {
	padding-left: 50px;
}


#central {
	vertical-align: top;
	padding-left: 16px;
	padding-right: 16px;
}

/* Latest Recipes lateral list */
ul.latestposts {
	margin:0px;
	padding:0px;
}
ul.latestposts li{
	list-style:none;
	font-size:12px;
	font-weight:bold;
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 8px;
	margin-bottom: 4px;
	border-bottom: #DBEFC1 1px solid;
}
ul.latestposts li a:hover{
	-text-decoration:underline;
}
ul.latestposts li a:hover img {opacity:0.8;filter:alpha(opacity=80);border:1px solid #333333;}
ul.latestposts li img {text-decoration:none; border:1px solid #CCCCCC;}



.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;
}


/* */
.btn {color:#666666; font-size:10px; text-decoration:none;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 4px;
display: compact;
 	border:#999999 1px solid;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	-moz-border-radius: 4px; border-radius: 4px; 
	padding: 4px; 
	box-shadow: 1px 1px 1px #AAAAAA;
	background-color: #F7F7F7;
	-background-image:url('/styles/img/widget-bg.gif');
}
.btn:link, .btn:visited {color:#666666;} 
.btn img {vertical-align:middle;} 
.btn:hover {border: #666666 1px solid;background-image: none; background-color:#FFFFFF;color:#999999;
	-background-image:url('/styles/img/head-bg.gif');
}
.btn:hover img {filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60} 

/* Control Panel */

.groupheader {
	font-size:large;
	font-weight:bold;
	padding-left: 4px;
	background-color:#EBE9DE;
	background-image: url('img/footer-bg.gif') !important;
	background-position:top !important;
	background-repeat:repeat-x;
	margin-top: 0px;
	border-top: 0px;
	border-collapse:collapse;
}



/* */




#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)}
#footeroptions img{
	vertical-align:middle;
}

div.license, .license {
	margin-top: 4px;
	margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;
	text-align:left;
	-text-shadow:#666 1px 0px 1px;
	font-weight:500;
	font-size:small;
	-font-family:"Courier New", Courier, mono;
	color: #666666;
}
div.license img {vertical-align:middle;margin-bottom: 2px;}

div.deviceversions {
	-margin-top: 8px;
	padding-bottom: 4px;
	font-weight:500;
	font-size:small;
}

.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	*/
.mnuItm {
	white-space: nowrap;
	color:#FFFFFF;
	text-decoration:none;
	padding: 4px !important;
	margin: 0px !important;
}
.mnuItm:hover .mnuTxt{
	color:#E5E5E5;
}
.mnuItm:hover img {
	opacity:0.8;filter:alpha(opacity=80);
}
/*	Top Menu List RIGHT	*/
.topmenulist {
	list-style-type:none;
	display: inline;
	margin: 0px; padding: 0px;
}
.topmenulist li {
	-padding: 0px;
	display: inline;
	margin-left: 0px;
	marginright: 0px;
	border-left: #003300 1px solid;
	padding-left: 4px;
	padding-right: 4px;
		white-space: nowrap;
}
.topmenulist li img {
	vertical-align:middle;
}
.topmenulist li a {
	text-decoration:none;
	color: #FFFFFF;
}
.topmenulist li a:hover{	
	color: #666666;
}

/*	Top Menu List LEFT	*/
.topmenulistleft {
	padding-left: 0px;
	margin: 0px; padding-right: 0px;
	list-style-type:none;
	display: inline;
}
.topmenulistleft li {
	-padding: 0px;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	border-right: #003300 1px solid;
	-border-left:  #690 1px solid;
	padding-left: 4px;
	padding-right: 4px;
		white-space: nowrap;
}
.topmenulistleft li:last-child {
	-border-right: none;
}
.topmenulistleft li img {
	vertical-align:middle;
}
.topmenulistleft li a {
	text-decoration:none;
	color:#FFFFFF;
}
.topmenulistleft li a:hover{	
	color: #666666;
}


/* Categories */
.sidebarmenu {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	display:block;
	-background-color: #F0FFF0;
	font-size:12px;
	font-weight:bold;
	text-shadow: #CCC 1px 1px 1px
}
.sidebarmenuitem, .sidebarmenu li {
	kk-display:block;
	font-family:"trebuchet MS", Verdana, sans-serif, Helvetica, Thaoma, Arial;
	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 img.bullet{
	width: 16px;
	height: 16px;
}
.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;
}

.sidebarmenu li a:hover img{
	opacity:0.6;filter:alpha(opacity=60)
}


/* Vignettes */

.faixa {
	font-family:"trebuchet MS", Verdana, sans-serif, Helvetica, Thaoma, Arial !important;
}

/* Recipe top Alert box */
div.alert {
	background-color:#FFF0F0;
	background-image: url(img/foot-bg.gif);
	border: 1px solid #AAAAAA;
}

/* Recipe */
.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;}

.seasons a {white-space:nowrap;}
span.seasons a:hover img.bullet{opacity:0.7;filter:alpha(opacity=70)}

img.avatar {
	width:180px;
	border: 1px solid #666666;
}

img.photo {
	border: 1px solid #666666;
}

a:hover  img.photo {
	border: 1px solid #000000;
	opacity:0.9;filter:alpha(opacity=90);
}

.date {
	font-size:small;
	font-style:italic;
	color:#356520;
}

/* Metadata */

a[rel="permalink"], a.permalink {
	text-decoration:none;
	-white-space:nowrap; 
	word-wrap: break-word;
	overflow:hidden;
}

/* Related articles */
.related_articles {margin:0px; padding:0px;}
.related_article {list-style-type:none; border:none !important; margin-bottom:8px; clear:both; font-size:small; color:#666666;}
.related_article:hover {padding-left: 4px; color:#000000;}
.related_article_title {font-size:1.2em; font-weight:700;}
.related_article_image {float:left; margin-right: 4px; margin-bottom: 8px; border:1px solid #CCCCCC;}
.related_article a:hover img {opacity:0.8;filter:alpha(opacity=80);border:1px solid #333333;}
.related_article .pic {width:16px; height:16px;}
.related_article .category {-font-size:medium;}

/* DIV voting */

#voting {float:right; padding-left: 9px; padding-bottom:8px; text-align:center}

/* ____ */

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.commentslist{
	list-style-image:url(img/bullet-comment.gif);
	margin-left: 0px;
	padding-left:16px;
	list-style-position: outside;
	font-stretch:condensed;
	font-weight:bold;
	font-size:12px;
}
ul.commentslist li{
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
}
ul.commentslist li .cmt{
	font-size:10px;
	color: #333333; 
	font-weight: normal;
}

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:#333;	-color: #356520;
}

a.tag {
	border: 1px solid #CC9900;
	border-radius: 8px 2px 2px 8px; -moz-border-radius: 8px 2px 2px 8px; -webkit-border-radius: 8px 2px 2px 8px;
	padding-right: 2px;
	padding-left: 8px;
	background: #F9E28A;
	text-decoration: none;
	color:#666600;
	box-shadow: 1px 1px #CCCCCC;
	margin: 1px;
	font-size: 11px;
	
	white-space:nowrap;
}

a.tag:hover {
	background: #E6BE22;
	color:#333333;
	border-bottom-color:#996600;
}

/* 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: pointer; background-color: #bbbbff; border: 1px #000099 groove; -filter: Chroma(Color=555555);}
.textbox { }
.checkbox { -background-color: #FFFFFF; background-image: none; cursor: pointer; -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 0em;
	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;
}
*/


/*  A R T I C L E S  */ 
.articletitle {margin-bottom: 2px; text-decoration:none; font-size: 1.4em;}
.articleteaser {color:#333333; text-align:justify; font-weight:bold; font-size:0.9em; margin-bottom: 8px;}
.articleabstract {color: #758d38;font-size:12px;font-stretch:condensed;font-weight:bold;}

.article > img [align="left"], .article > img [align="left"]{
	margin-right: 1em;
	padding: 4px;
}

/* F O R U M 
.forumsubject {color:#CC3366; border-top: #CCCCCC 1px solid; border-bottom: none; -box-shadow: 0 -2px 2px; padding-bottom: 0px; margin-bottom:0px;}
.forumsubject a:link, .forumsubject a:visited, .forumsubject a:active {color:#CC3366;}
.forumsubject a:hover {color: #EE5588; -text-decoration:underline;}
*/

/* Comments */

.balloon {-width: 100%}
tr.comment {-width: 100%}
td.user {width: 50px;}
table.comments {width: 100%}



/* Social Share */
.socialnets a {
	white-space: nowrap;
}

/* Options */
.option {
	margin-top: 8px;
}

/* Promos top content */ 
#promobanner:hover {
	cursor:pointer;
	background-color: #FDFDFD !important;
	color: #666666;
}
#promobanner:hover img {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

/* Media print */
@media print {
    .no_print {display:none; visibility: hidden;}
	
	#header h1{-vertical-align: bottom; -font-size:18px}
	#loginform, #leftsidebar, #rightsidebar, #menu, #options, .socialnets {display:none}
	#voting {display:none;}
	#related {display:none;}

	#favorite {display:none} /* Fav star */
	#footer {visibility:hidden}
	.license {visibility:visible;}
	
	#contact {display:none;}
	#like {display:none;}
	div.like_txt{display:none;}
}

@media handheld {
    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 46px;}
	#header h1{font-size:24px; margin-top:0px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #rightsidebar, #qrcode, #slogan {display:none}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display:block;}

	.helptext{display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}

}

/* Landscape */
@media screen and (max-width: 640px)
{
    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 46px;}
	#header h1{font-size:24px; margin-top:0px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #qrcode, #slogan {display:none;visibility:hidden;}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display:block;}

	.helptext{display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
}

/* Portrait */
@media screen and (max-width: 480px)
{
    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 46px;}
	#header h1{font-size:24px; margin-top:0px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #rightsidebar, #qrcode, #slogan {display:none}
	
	.social_text {display:none}
	
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display: inline;}
	
	.helptext{display:none;}
	
	.forumsubjectsindex .comment {display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
}

/* iPhone & Android devices */
@media only screen and (max-device-width: 480px) {
    .no_print {display:none; visibility: hidden;}

	#header {vertical-align: top; height: 46px;}
	#header h1{font-size:24px; margin-top:0px; padding-top:0px;}
	#header h1 a{margin-top:0px; padding-top:0px;}
	
	#loginform, #leftsidebar, #rightsidebar, #qrcode, #slogan {display:none;visibility:hidden;}
	
	#menu ul {width:100%;}
	#menu li {border:none;}
	#menu .mnuTxt {display:none}
	#menu img {-display: inline;}

	.helptext{display:none;}
	
	#footer {visibility:hidden}
	.license {visibility:visible;}
	.deviceversions {visibility:visible;}
}

@media all and (min-width: 1300px) {
                ul.ingredients {
                        -moz-column-count: 2; /* Firefox */
                        -webkit-column-count: 2; /* Safari, Chrome */ 
                        column-count: 2; 
                        -moz-column-gap: 1.5em; /* Firefox */ 
                        -webkit-column-gap: 1.5em; /* Safari, Chrome */
                        column-gap: 1.5em;
                        -moz-column-rule: 1px dotted #ccc; /* Firefox */
                        -webkit-column-rule: 1px dotted #ccc; /* Safari, Chrome */
                        column-rule: 1px dotted #ccc;
                }
}