@charset "utf-8";
/* CSS Document */

td img {display: block;}

body {
	background-image: url(/assets2/bg_grad.png);
	background-repeat: repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a{text-decoration:none; color:#000}
a:hover{text-decoration:underline}

div#header{ position:relative; height:120px; width:1002px; border:0px solid #000; text-align:center; float:none; margin-left:auto; margin-right:auto;}
div#header #links{position:absolute; right:5px; top:5px;color:#F00}
div#header #links a{color:#F00}
div#header #logo{position:absolute; left:0px; top:20px; width:260px;}
div#header #logo{position:absolute; left:0px; top:20px}
div#socialbuts{display:block; float:left; margin-left:15px}
div#header #topbanner{position:absolute; right:5px; top:30px}



div#menu{ position:relative; width:1002px; border:0px solid #000; text-align:center; float:none; margin-left:auto; margin-right:auto; border-top:0px solid;}

div#menu #lineleft{ position:absolute; left:0px; bottom:0px; width:1px; height:9px; border-left:1px solid #63cf00;}
div#menu #lineright{ position:absolute; right:0px; bottom:0px; width:1px; height:9px; border-right:1px solid #cc0001;}
div#footer{ position:relative; height:30px; width:1002px; border:0px solid #000; text-align:center; float:none; margin-left:auto; margin-right:auto; font-size:10px;color:#000}
div#footer a{color:#000}


div#maincontent{ position:relative; width:1000px; background-color:#FFF; border-bottom:1px solid #63cf00; border-left:1px solid #63cf00; border-right:1px solid #cc0001; text-align:left; border-top:0px solid; margin: 0 auto; padding-top:10px
}


div#maincontent #leftcolumn{
	float:left;
	width: 147px; 
	background: #fff; 
	margin-left:3px;
}
div#maincontent #centercolumn{
background-color:#fff; border:0px solid #000; float:left;
width:514px; margin-left:7px; margin-right:7px;
	}
div#maincontent #rightcolumn{
float:right; 
margin-right:0px; padding-top:12px;
width: 305px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
}


.clearboth {
				clear: both;
				width: 0px;
				height: 0px;
				margin: 0px;
			}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.bheader{display:block; padding:5px; font-size:14px; font-weight:bold; color:#FFF}
div.bheader2{display:block; padding:5px; font-size:14px; font-weight:bold; color:#FFF}
div.bheader3{display:block; padding:5px; font-size:14px; font-weight:bold; color:#FFF}


ul.ulcats{margin:0px; padding:0px; margin-left:0px}
ul.ulcats li{ list-style:none; min-height: 24px;}

ul.ulcats li a{ display:block; line-height:18px; padding-left:5px; color:#000}
ul.ulcats li:hover {background-color:#63cf00; text-decoration:none; color:#FFF; font-weight:bold}



/*
ul#reccatsul{width: 138px;}

ul#reccatsul,ul#reccatsul ul{margin: 0px; padding: 0px;}

ul#reccatsul{margin-left: 20px;}
ul#reccatsul ul{margin-left: 5px;}
ul#reccatsul li {margin: 0px; padding: 0px;}
ul#reccatsul li a {font-weight: bold; text-transform: capitalize;}

ul#reccatsul li a.cath1{line-height: 32px; font-weight: 900; display: block; background-color: red;}

li.ctwchilds{list-style: none; margin-left: 0px;}
*/
ul.ulcats li {border-bottom: 1px dashed #63cf00;} 
ul.ulcats li:last-child{border-bottom: 0px dashed #63cf00;} 
/*ul#reccatsul > li{list-style: none;}*/


div#giavis{}
ul.ulvis{margin:0px; padding:0px; padding-left:0px;  }
ul.ulvis li{list-style-position: outside; list-style:none}
ul.ulvis li a{ display:block; margin-left:3px; border:0px solid #F00; line-height:18px; padding-left:11px; padding-right:4px; color:#000; vertical-align:top; padding-top:0px; background-image:url(/assets/images/fork.jpg); background-repeat:no-repeat; background-position:left;}
ul.ulvis li a:hover{ text-decoration:underline; color:#000;}
div#tonewsletter{margin:0px; padding:0px; margin-left:10px; background-color:#fff}
div#tonewsletter form{margin:0px; padding:0px;}
form#giansw input{border:#F00 1px solid; width:180px; margin-left:0px}

ul.lastcomments{}
/*ul.lastcomments li{list-style:none;}*/
ul.lastcomments li a{ display:block; line-height:18px; padding-left:1px; padding-right:4px; color:#000; vertical-align:top; padding-top:0px}
ul.lastcomments li a:hover{ text-decoration:underline; color:#000;}

/* listings */
.fromm{color:#C30; font-size:10px;}
ul.reclist{margin:0px; padding:0px; margin-left:0px}
ul.reclist li{ list-style:none; margin-bottom:20px; display:block}
a.listingrtitle{ display:block; 	font-size: 14px;
	font-style: normal;
/*	font-variant: small-caps; */
	color: #006600;border-bottom:#999999 1px dotted; position:relative}
a.listingrtitle:hover{ background-color:#63cf00; text-decoration:none; color:#FFF;}
a.gotorecipe{color:#FF0000}
div.shortdesc{display:block; background-color:#ff; color:#999999; font-size:12px}
img.rating{width:39px; height:17px; float:right; position:absolute; right:0px}


/* main page */
div#todaysrecipe{padding-top:0px;}
div#todaysrecipe h1{color:#006600; background-image:url(/assets2/design/gh1.jpg); background-repeat:no-repeat; display:block; width:504px; height:23px; text-align:left; padding-left:10px; font-size:16px; color:#000}
div#todaysrecipe h2{color:#006600; font-weight:bold}
div#todaysrecipe h3{color:#000; font-weight:bold}
div#todaysrecipe img.todimg{float:left; border:0px solid #FFF; margin:0px; margin-right:10px; margin-bottom:10px; max-width:250px}

div.imgbox{height:130px; width:150px; border:0px solid #000; float:left; text-align:center; padding:0px; padding-top:20px; padding-bottom:0px;}
div#imagecollection{width:510px; height:170px; text-align:center}
div#imagecollection a:hover{text-decoration:none}
div.imgbox a{color:#006600; font-weight:bold;margin-bottom:20px; display:block}
div.imgbox a:hover{color:#006600;margin-bottom:20px;}
div.imgbox:hover{border:1px solid #000;}
div.imgbox img{max-height:90px; border:1px solid #999; text-decoration:none; margin:auto}

/* daily menus */
div#dailyMenus{margin-top:20px}
div#dailyMenus  h1{color:#006600; background-image:url(/assets2/design/gh1.jpg); background-repeat:no-repeat; display:block; width:504px; height:23px; text-align:left; font-size:16px; color:#000;}

ul.fortips{width:504px; margin:0px; padding:0px;}
ul.fortips li{list-style:none; margin-bottom:40px; padding-bottom:40px}

div#tips{margin-top:45px}

a.tiplink{display:block; color:#63cf00; font-size:18px}
ul.fortips li h1{ color:#060; font-size:14px}
ul.fortips li div.textar{width:340px; border:#003 0px solid; float:right; color:#666666;}
ul.fortips li div.theim{width:150px; border:red 0px solid; float:left}
ul.fortips li div.theim img{max-width:150px;  cursor:pointer}

ul.fortips li:first-child h1{ color:#060; font-size:14px}
ul.fortips li:first-child div.textar{width:260px; border:#003 0px solid; float:left; color:#666666;}
ul.fortips li:first-child div.theim{width:220px; border:red 0px solid; float:right}
ul.fortips li:first-child div.theim img{max-width:220px; cursor:pointer}

/*
ul.fortips li:first-child {
background-color:#000;
}
*/

/* groups */
div#breadcrumbhost{display:block; padding-top:15px; width:100%; border:0px #F00 solid;}
.breadcrumb, a.breadcrumb{color:#060; font-size:14px; font-weight:bold}

.catcontainer{margin-top:10px;}
.catcontainer div.ctextar{position:relative;width:300px; border:#003 0px solid; float:right; color:#000; overflow-y:hidden; padding-top:20px; font-weight:600;}
.catcontainer div.ctheim{width:150px; height:130px; border:red 0px solid; float:left}
.catcontainer div.ctheim img{max-width:150px; max-height:125px;}
.catcontainer div.pleasetry{ margin-top:15px}
.catdescrec{color:#C30; font-size:14px}

div.morerecipes{display:block; width:260px; color:#C30; text-align:center}
div.morerecipes img{display:inline;}
/* pagination */
#pagination-top {
	BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; BORDER-LEFT: #f1f1f1 1px solid; WIDTH: 300px; PADDING-TOP: 5px; BORDER-BOTTOM: #f1f1f1 1px solid; TEXT-ALIGN: right
}
#pagination-top {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px
}
#pagination-top {
	FONT-SIZE: 10px; COLOR: #666
}
 HTML #pagination-top DIV {

}
#pagination-top BR {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#pagination-top SELECT {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
HTML #pagination-top SELECT {
	VERTICAL-ALIGN: middle
}
#pagination-top IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: inline; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#pagination-top A {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}


/* recipe */
img.photo{float:left; max-height:200px; max-width:200px; margin-bottom:10px;}
div.ratetable{width:110px; float:right; height:100px; border:#FF0000 1px dotted}
div.ratetablehost{width:250px; float:right; border:#FF0000 0px dotted}
div#toolstablehost{width:250px; float:right; height:80px; border:#FF0000 0px solid; background-color:#fff}
div#toolstablehost img{display:inline; margin-right:10px}
div#toolstablehost a{color:#cc0001; font-weight:bold}

a.more4user{color:balck; font-size:12px; font-weight:bold; line-height:28px; display:block}
div.totalc,div.totalc0, div.totalc1{display:none}
.chefbox {
	display:block;
	border:#060 solid thin;
	color:#060;
	font-weight:bold;
	background-color:#FFC
}

.hrecipe .summary{color:green; font-style:italic; padding-top:10px}

.hrecipe .hreview-aggregate{visibility:hidden}

.hrecipe .author{color:#666; font-size:12px; display:block; width:300px; margin-top:-10px}
.toprecim{position:relative; border:0px solid #0C3}
.hrecipe h2{display:block;border-bottom:#CC9900 1px dashed; color:maroon;line-height:20px; font-size:16px}
.hrecipe .fn{color:green; font-size:18px}
.forbut {
	background-color:maroon;
	color:#FFFFFF;
	font-size:10px;
	border:#ffffff solid 1px;
	cursor:pointer; margin:10px
}

.addthispos{bottom:0px; display:block;}
div.bodymaterials div#tocont{width:350px; display:block; border:0px #900 solid; float:left; min-height:160px}
div.bodymaterials div#usersendbox{width:110px; height:150px; display:block; border:0px #900 solid; float:right; margin-right:40px}

.nextprevimages {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	DISPLAY: inline;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px -2px;
	BORDER-LEFT: 0px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px
}
.TextSmall{font-size:10px}

div#botnextprev{border:1px #090 solid; padding:5px; color:#C00; font-weight:bold; font-size:12px; text-align:center}

div#botnextprev a{color:#000}
div#partnerad, div#partnerad a{color:#000}
div#partnerad a:hover{color:#333}
img.tob1{ display:inline}
ul.relrecipes{}
/*ul.lastcomments li{list-style:none;}*/
ul.relrecipes li a{ display:block; line-height:18px; padding-left:1px; padding-right:4px; color:#000; vertical-align:top; padding-top:0px}
ul.relrecipes li a:hover{ text-decoration:underline; color:#000;}
.gcomin input{width:200px}
.giatooltipscrplain{
  border:1px solid #900; background-color:#FC9;
  color:#000; font-style:italic
}

/* user forms */
.HeaderLargeDark{background-color:#C00; color:#FFF; line-height:20px; font-size:14px}
div#loginpage{padding-top:18px}
.mainbgcolor{background-color:#C00; color:#FFF; line-height:20px; font-size:14px}
/* articles */
h1.tiph1{color:#cc0001; font-size:18px}
.tippage img{max-width:500px; margin-bottom:10px; margin-top:5px;}

/* contact form */
div#askthechef{margin-top:20px}
div#askthechef div.contbox{background-color:#66cc00; width:470px; height:240px; padding:20px; position:relative; color:#FFF; font-weight:bold}

div#askthechef div.contbox input{width:130px}
div#askthechef div.contbox textarea{width:450px; height:100px}
div#questionmark{ position:absolute; width:90px; height:80px; right:10px; top:10px; border:0px #F00 solid}

/* for user recipes */
ul.groupreclistcount li a{font-size:10px}