@charset "UTF-8";
* { margin:0; padding:0; }

body { background: #efebdf url(/css/img/common/bg.gif) repeat-x; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#333; }
/*  url(/css/img/common/bg.gif) repeat-x */
#wrap { width:968px; background:url(/css/img/common/wrap-bg.gif) repeat-y; margin:0 auto; text-align:left; }

a { color:#d33b05; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

div.notice { background-color:#fff89e; color:#000; font-size:14px; text-align:center; padding:10px; border:2px solid #f0eca8; margin-bottom:10px; }

/*------------------------
/*		Header
/*-----------------------*/	

#header { height:132px; background:url(/css/img/common/header-bg.gif) top left no-repeat; }
#header #logo { height:100px; margin:0; padding:0; }
#header #logo h1 { padding:5px 0 0 20px; }
#header #logo h1 a { display:block; text-indent:-9999px; background:url(/css/img/common/logo.gif) no-repeat; width:203px; height:88px;  }

#header #logo .search { text-align:center; padding:0; float:right;  height:90px; width:360px; margin-top:-6px;}
#header #logo .search form { width:290px; height:60px; background:url(/css/img/common/search-box.gif) bottom right no-repeat; margin:0 auto; text-align:left; }
#header #logo .search form #q { float:left; height:28px; width:186px; padding:5px 5px 2px 7px; margin:9px 0 0 22px; outline:none; border:none; background:transparent url(/css/img/common/search-input.gif) left top no-repeat; color:#999; font-size:13px; }
#header #logo .search form input.submit { float:left; height:36px; width:44px; background:transparent url(/css/img/common/search-input.gif) right top no-repeat; border:none; text-align:center; margin:9px 0 0 0; }

#header #nav { height:32px; background: #f9c801 url(/css/img/common/nav-inner-bg.gif) repeat-x;  }
#header #nav #nav-inner { background: url(/css/img/common/bottom-yellow-bg.gif) bottom left no-repeat;  height:100%; }
#header #nav #nav-inner .tagline { float:left; margin:12px 0 0 20px; }

#header ul#account { float:right; list-style:none; margin:0 15px 0 0; height:32px; }
#header ul#account li { float:left; font-size:12px;  height:32px; line-height:32px; background:url(/css/img/common/account-bg.gif) bottom left no-repeat; padding:0 10px 0 15px; max-width: 120px; overflow: hidden; white-space: nowrap; }
#header ul#account li a { color:#666; }

#header ul#menu { list-style:none; margin:0 0 0 280px; }
#header ul#menu li { float:left; height:27px; margin:5px 4px 0 0; background:url(/css/img/common/nav-button-inactive-bg.gif) bottom left no-repeat; padding-left:5px; }
#header ul#menu li a { display:inline-block; display:block; height:27px; background:url(/css/img/common/nav-button-inactive-bg.gif) right bottom no-repeat; padding:0 15px 0 10px; line-height:27px; text-decoration:none; color:#FFF; }
#header ul#menu li a:hover { color:#EEE;  }

body#community ul#menu li.lcommunity,
body#recipes ul#menu li.lrecipe,
body#blogs ul#menu li.lblogs,
body#home ul#menu li.lhome { background:url(/css/img/common/nav-button-bg.gif) bottom left no-repeat; }

body#community ul#menu li.lcommunity a,
body#recipes ul#menu li.lrecipe a,
body#blogs ul#menu li.lblogs a, 
body#home ul#menu li.lhome a { color:#777; background:url(/css/img/common/nav-button-bg.gif) right bottom no-repeat; }

body#community ul#menu li.lcommunity a:hover,
body#recipes ul#menu li.lrecipe a:hover,
body#blogs ul#menu li.lblogs a:hover,
body#home ul#menu li.lhome a:hover { color:#000; }

/*------------------------
/*		Content
/*-----------------------*/	

#header-wrapper { height:7px; background:url(/css/img/common/top-white-bg-header.gif) no-repeat; margin-top:10px; }
#content-wrapper { background:url(/css/img/common/top-white-bg.gif) no-repeat; }

#top-banners {width:968px; height:95px;}

#topad { text-align:center; padding:15px 0;}

#content { background:url(/css/img/common/content-bg.gif) 4px 0 repeat-y; padding:0 0 0 0; }

#content #main { float:left; width:648px; }
#content #main .section { background:url(/css/img/common/content-top-bg) top left no-repeat; padding:20px 20px 5px 20px; }
#content #main .section .inside { margin:0 15px; }
#content #main .section h2 { font-size:18px; color:#595959; font-weight:normal; }
#content #main .first { background:none; }

p.desc { line-height:150%; margin:10px 0; }
p.empty { text-align:center; margin:15px 0; }


#content #main .crumb { margin:0 15px 0 15px; padding:0; background:none; border-bottom:1px solid #E8E8E8; font-size:12px; color:#666; padding:10px 0; }

/*------------------------
/*		Third Column
/*-----------------------*/	

.tri #content-wrapper { background:url(/css/img/common/top-white-tri-bg.gif) no-repeat; padding:6px 0 0 0; }
.tri #content {  background:url(/css/img/common/content-tri-bg.gif) 4px 0 repeat-y; }
.tri #content #main { margin-left:179px; width:468px; }
.tri #content #main .section { background:url(/css/img/common/content-top-tri-bg.gif) top left no-repeat; }
.tri #content #main .first { background:none; }
.tri #footer-inner { background:url(/css/img/common/footer-corner-tri-bg.gif) no-repeat; }

/*------------------------
/*		Toolbar
/*-----------------------*/	

ul#toolbar { float:left; margin:0 0 0 -168px; width:161px; list-style:none; }
ul#toolbar li { margin:0 0 10px 0; background:url(/css/img/common/toolbar-bg.gif) repeat-y;  }
ul#toolbar li.blank { background:none; margin:0 0 5px 0; }
ul#toolbar li .inside { background:url(/css/img/common/toolbar-bottom.gif) bottom left no-repeat; padding:0 0 10px 0; }
ul#toolbar li h4 { background:url(/css/img/common/toolbar-top.gif) no-repeat; min-height:35px; text-align:center; color:#fff; padding:5px 0 0 0; line-height:30px; font-size:14px; }
ul#toolbar li ul { list-style:none; background:url(/css/img/common/toolbar-section-top-bg.gif) top left no-repeat; padding:15px 0 0 0; }
ul#toolbar li ul.first { background:none; padding:0; }
ul#toolbar li ul li { margin:7px 15px; padding:0; background:none; }
ul#toolbar li ul li h5 { font-size:14px; color:#595959; margin:5px 0; }
ul#toolbar li ul li.selected { font-weight:bold; }



ul#toolbar .search input.text { display:block; background:#FFF url(/css/img/common/toolbar-search-bg.gif) no-repeat; border:none; width:110px; height:17px; margin:0 auto; outline:none; padding:5px 25px 0 5px; font-size:10px;  }

/*------------------------
/*		Section
/*-----------------------*/	

.section h3.head { font-size:18px; color:#595959; background:url(/css/img/common/section-header-border-bottom-bg.gif) bottom left repeat-x; margin:0 0 10px 0; }
.section h3.head span { background:#FFF; border-bottom:1px solid #FFF; padding:0 15px 0 0; }
.section h3.head small { float:right; font-size:10px; font-weight:normal; }


/*------------------------
/*		Side
/*-----------------------*/	

#side { float:right; width:320px; background:url(/css/img/common/side-top-bg.gif) bottom left no-repeat; padding-bottom:15px; margin-bottom:15px; font-size:12px; list-style:none; }
#side li { background: url(/css/img/common/side-top-bg.gif) top left no-repeat;  padding:15px 19px 0 15px; }
#side li.ad { background: url(/css/img/common/side-top-bg.gif) top left no-repeat; padding:15px 19px 0 15px; }
#side li ul { list-style:none; }
#side li ul li { background:none; padding:0;}
#side li.ad { padding:15px 10px 0 9px; }
#side li h3 { font-size:14px; font-weight:normal; color:#333; border-bottom:1px dotted #666; padding:3px 0; margin:0 0 5px 0; }
#side li h3 small { float:right; }

#side p.center { text-align:center; font-size:12px; margin:5px 0; }

#side li ul.userlist { list-style:none; }
#side li ul.userlist li { float:left; margin:2px 0 0 6px; }
#side li ul.userlist li img { height:50px; width:50px; }

/*------------------------
/*		Side Top
/*-----------------------*/	


#side .first {
background:url("/css/img/common/search-side-bg.gif") no-repeat scroll left top transparent;
}


#side .flush { padding:5px 0 0 4px; background:none; }

/*------------------------
/*		Signup
/*-----------------------*/	

#side .signup h4 { font-size:16px; color:#595959; margin:5px 0 10px 0; }
#side .signup h5 { color:#d33b05; font-size:14px; padding:15px 0 15px 0; }
#side .signup p.desc { font-size:12px; color:#595959; margin:0 120px 15px 0; }

/*------------------------
/*		Recipe Drop Down
/*-----------------------*/
#main .actions { float:right; margin:0 0 0 10px; position:relative; }
#main .actions .drop { display:none; position:absolute; top:20px; right:0; width:150px; background:url(/css/img/recipe/drop-top.gif) top left no-repeat; padding-top:7px; z-index:99; }
#main .actions .drop .din { background:url(/css/img/recipe/drop-bot.gif) bottom left no-repeat; padding-bottom:7px; }
#main .actions .drop ul { list-style:none; background:url(/css/img/recipe/drop-bg.gif); }
#main .actions .drop ul li { border-top:1px solid #e5e5e5; margin:0 3px; padding:3px 5px; font-size:11px; text-align:right; }
#main .actions .drop ul li.first { border-top:none; padding-top:0; }

/*------------------------
/*		Footer
/*-----------------------*/	

#footer { height:63px; background:url(/css/img/common/footer-inner-bg.gif) repeat-x; }
#footer-inner { height:100%; background:url(/css/img/common/footer-corner-bg.gif) no-repeat; padding:15px 15px 0 15px; }
#footer .fright { float:right; line-height:35px; }
#footer .fright a { color:#666; text-decoration:none; font-size:12px; margin:0 5px; }
#footer .fright a:hover { color:#000; }

/*------------------------
/*		Clearfix
/*-----------------------*/	

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*------------------------
/*		Pagination
/*-----------------------*/
div.pagination { text-align:center;	clear:both; margin:5px 0 0 0; padding:5px 0 0 0; 	}
div.pagination a { padding: 2px 4px; margin: 1px; border: 1px solid #d33b05; text-decoration: none; color: #d33b05; }
div.pagination a:hover,
div.pagination a:active { border: 1px solid #DC241F; color: #DC241F; }
div.pagination span.current { padding: 2px 4px;	margin: 2px; border: 1px solid #d33b05;	font-weight: bold; background-color: #d33b05; color: #FFF; }
div.pagination span.disabled { padding: 2px 4px; margin: 2px; border: 1px solid #EEE; color: #DDD; }


/*------------------------
/*		Video
/*-----------------------*/	

.headlineVideo {margin:15px 0px;}

/*------------------------
/*		Ads
/*-----------------------*/	
#narrow_ad_unit { display:none; }
#narrow_ad_unit ul { list-style:none; }
#narrow_ad_unit ul li { padding:5px 0; }
#narrow_ad_unit ul li h4 { margin:0 0 3px 0; }
#narrow_ad_unit ul li h4 a span { font-size:14px; }
#narrow_ad_unit ul li .ad_text { color:#000; } 
#narrow_ad_unit ul li .ad_url { color:#999; }
#side .textad a { text-decoration:none; color:#124774; }
#side .textad a:hover { color:#cb0608; }
#side .textad a span b { font-size:14px; line-height:150%;  }



.textad h2 { margin:2px 0; }
.textad h3 a { color:#595959;  }
.textad ul { list-style:none; margin:0; padding:0; }
.textad ul li { float:left; width:280px; padding:0px 0 5px 5px; }
.textad ul li b { font-size:14px; }
.textad ul li span a { font-size:10px; }
.textad div.center { text-align:center; margin:5px 0 0 0;  }

/*** Ads ***/	
#side .textad { margin:10px 0; }
#side .textad span { margin:5px 0; }
#side .textad span a { text-decoration:none; font-size:10px; }
#side .textad a:hover { color:#cb0608; }
#side .textad a  { font-size:14px; line-height:150%; color:#d33b05; }


.contact p { margin:10px 0; line-height:150%; }

.ad {}



/************** WIDEN TO 1000px *************/
#wrap {
	width:1000px !important;
	background: url("/css/img/common/wrap-bg-1000.gif") repeat-y scroll 0 0 transparent !important;
}
#content #main .section {
	background: url("/css/img/common/content-top-bg-1000.gif") no-repeat scroll left top transparent !important;
}
#content #main .first {
    background: none repeat scroll 0 0 transparent !important;
}
#content #main {
	width: 680px !important;
}
#header {
	background: url("/css/img/common/header-bg-1000.gif") no-repeat scroll left top transparent !important;
}
#header-wrapper 
{
	background: url("/css/img/common/top-white-bg-header-1000.gif") no-repeat scroll 0 0 transparent !important;
}
#header #nav #nav-inner{
	background: url("/css/img/common/bottom-yellow-bg-1000.gif") no-repeat scroll left bottom transparent !important;
}
#content {
	background: url("/css/img/common/content-bg-1000.gif") repeat-y scroll 4px 0 transparent !important;
}
#content-wrapper{
	background: url("/css/img/common/top-white-bg-1000.gif") no-repeat scroll 0 0 transparent !important;
}
#footer-inner {
	background: url("/css/img/common/footer-corner-bg-1000.gif") no-repeat scroll 0 0 transparent !important;
}
.tri #content {
	background: url("/css/img/common/content-tri-bg-1000.gif") repeat-y scroll 4px 0 transparent !important;
}
.tri #content #main {
	width: 500px !important;
}
.tri #content-wrapper {
	background: url("/css/img/common/top-white-tri-bg-1000.gif") no-repeat scroll 0 0 transparent !important;
}
.tri #footer-inner {
	background: url("/css/img/common/footer-corner-tri-bg-1000.gif") no-repeat scroll 0 0 transparent !important;
}
.tri #content #main .section {
	background: url("/css/img/common/content-top-tri-bg-1000.gif") no-repeat scroll left top transparent !important;
}
.tri .recipe {
    width: 472px !important;
}

.search-header h3 {
	background: url("/css/img/search/search-header-bg-1000.gif") no-repeat scroll right top transparent !important;
}

.search-header {
    background: url("/css/img/search/search-header-bg-1000.gif") no-repeat scroll left top transparent !important;
}

.search-footer {
	background: url("/css/img/search/search-footer-bg-1000.gif") no-repeat scroll left top transparent !important;
}

.search-footer div {
    background: url("/css/img/search/search-footer-bg-1000.gif") no-repeat scroll right top transparent !important;
}

#search #search-box .fields .term {
    width: 522px !important;
}

#search #search-box .fields .term input {
    width: 502px !important;
}

/******************* END WIDEN *****************************/