/* Global.css - SPC Food Hub */
/* global styles */
a {color:#a02e14; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
a.more {color:#F07410;font:normal 11px arial,sans-serif;}
span.video {background:url(http://img.timeinc.net/recipes/static/i/video.gif) left center no-repeat; padding-left:18px;}

.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.hide {display:none;}
img {border:0;}
#adtop {position:absolute; top:33px; right:10px; width:728px; height:90px; z-index:9999;}
#footer_adtop {margin: 0 132px 5px; padding-top: 10px; border-top: 1px solid #E5E5E4;}
#ad300x250, .google {font:normal 10px arial,sans-serif; color:#555;}
.adTxt {font:11px arial, sans-serif; color:#c6c6c6; text-align:center;}

#topbar {background:#b13320; border-bottom:1px solid #ffcd7b; font:bold 11px arial, sans-serif; color:#fff; padding:3px 10px; height:15px; overflow:hidden;}
#topbar a {color:#fff;}

#breadcrumbs {margin-left:20px; font:normal 12px georgia,times,serif;}
#breadcrumbs a {color:#a02e14;}
.dek {color:#627A85;}
hr {color:#cfd6d8; background:#cfd6d8; height:1px; border:none; margin:10px 0; padding:0; clear:both;}
hr.spnvid {color:#e8dada; background:#e8dada; height:3px; margin:15px 0;}
hr.yellow {color:#ffde98; background:#ffde98; height:3px; margin:15px 0;}

.right {float:right;}
.left {float:left;}
.note {font:normal 11px arial,sans-serif; color:#666;}
.bodycopy {line-height:18px;}
.subscribe, .subscribe a {color:#86A6C9;}
.top15 {margin-top:15px;}

#headerSrch {background:#FFF1B3; border-right:1px solid #DEC8B6; border-bottom:1px solid #DEC8B6;}
#headerSrch form {background:#FFF4C1; padding:8px 10px; margin:0;}
#headerSrch form input {vertical-align:middle; margin-left:5px;}
#headerSrch form input.text {width:400px; border:1px solid #ccc; border-color:#8d8d8d #ccc #e3e3e3 #ccc; padding:3px 2px;}
#headerSrch label {display:none; vertical-align:middle; font:bold 12px arial, sans-serif; color:#8F5F2B;}

#headerCM {float:right; margin:15px 10px 0 0; font:bold 12px arial, sans-serif;}
#headerCM ul {list-style:none; margin:0; padding:0;}
#headerCM li {display:inline; padding:0 0 0 10px;}
#headerCM li a {background:url(http://img.timeinc.net/recipes/static/i/arrow1-fs8.png) left center no-repeat; padding-left:11px;}

/* Touts */
.tout {color:#555;clear:both;}
.tout .imgcont {float:left; padding:0 6px 4px 0;}
.tout .eyebrow, .tout .eyebrow a {color:#2A2A2A; font-size:11px; font-weight:bold;}
.tout .title {font-size:15px;}
.tout h3 {font-size:18px; font-weight:normal; color:#2A2A2A;}
.tout p {margin:4px 0 0 0;}

/* Page Layout */
body {font:normal 13px georgia,times,serif; color:#555;}
body, #container, form, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {margin:0; padding:0;}
p {margin:0 0 1em 0;}
h1 {font:normal 21px georgia,times,serif; color:#627A85;}

#container, #header, #topnav, #content, #footer, #sisterfooter {width:994px;}
#container {position:relative; padding-top:0; padding-bottom:10px; margin:0 auto;}

/* Header */
#header {position:relative; background:#fffbe9; height:140px; z-index:9999;}
#header #logo {margin:0; position:absolute; top:11px; left:0;}

#header #promo, #header #promo a {position:absolute; top:16px; left:365px;}
#header #promoflash, #header #promoflash a {position:absolute; top:32px; left:715px;}
#header #hdrtxt {font:normal 11px arial,sans-serif; padding:5px 10px; color:#A0A0A0;}
#header #hdrtxt a {color:#A0A0A0; text-decoration:none;}
#header #hdrtxt a:hover, a:active {text-decoration:underline;}

#header #hdrtxt .left {float:left;}
#header #hdrtxt .right {float:right; padding-left:10px; background:url(http://img.timeinc.net/recipes/static/i/arrow_orange.gif) no-repeat;}
#header #hdrtxt .right a {text-decoration:underline; color:#555;}
#header #hdrsearch {position:absolute; top:37px; left:355px;}
#header #hdrsearch label span{color:#fff; display:none;}
#header #hdrsearchoptions label {font:bold 11px arial,sans-serif; text-transform:uppercase; color: #2A2A2A; margin:3px 5px 0 0;}
#header #hdrsearchoptions label, #header #hdrsearchoptions input {float:left;}

#header #hdrsearchform {position:relative; margin-top:1px; background:url(http://img.timeinc.net/recipes/static/i/bg_search.gif) no-repeat; height:31px; width:304px;}
#header #hdrsearchform input#hdrsearchbox {float:left; width:218px; height:19px; padding:2px 0 0 5px; margin:4px 0 3px 5px; font:normal 15px arial,sans-serif; border-top:2px solid #7B7C7E; border-right:1px solid #C3C4C6; border-left:1px solid #C3C4C6; border-bottom:0; color:#A8A8A8;}
#header #hdrsearchform input#hdrsearchbox.active {color:#000;}
#header #hdr_btn_search {float:right; margin:3px 4px;}


#topnav li a, #topnav a span, #topnav li.menu a, #topnav li.menu a span {background: url(../i/topnav.gif) no-repeat 0 0;}

#topnav{ clear:both;position:absolute; top:115px; left:0; z-index:9998;}
#topnav ul {list-style:none; margin:0; padding:0;}
#topnav li {float:left; position:relative; font:bold 12px arial,sans-serif; z-index:9998;}
#topnav li a {background-position: 0 -201px;  display:block; text-decoration:none !important; display:block;  padding:0  0 0 13px; color:#8f5f2b; white-space:nowrap;margin-right:1px;}
#topnav a span{background-position: right -201px; padding: 5px 13px 4px 0; display:block; position: relative;}
#topnav li a.menu{background-position: 0 -302px;}
#topnav li a.menu span{background-position: right -302px; padding-right: 20px;}
#topnav li li a{background-image:none;}

#topnav li ul {display:none; position:absolute; left:-999em; width:190px; padding:1px 5px 5px 5px; background:#fff; z-index:9999;}
#topnav li li {float:none; font-weight:normal; font-size:0.95em;}

#topnav li li a, #topnav li:hover li a {display:block; background:#fff; padding: 9px 10px; width:170px; }

#topnav ul ul { border:2px solid #E9A14A; background-color:#fff; border-top:none;}
#topnav ul ul li { font:normal 13px arial,sans-serif; background:none; color:#794E1F;}

#topnav ul ul li a.first {border-top: 3px solid #fff;}
#topnav ul ul li a.last {border-bottom: 3px solid #fff;}
#topnav ul ul li a:hover, #topnav ul ul li a:hover span, #topnav ul ul li.active a, #topnav ul ul li.active a span {background-color: #FFE5B7; cursor:pointer;}
#topnav li a:hover, #topnav li.currentchannel a:hover{color:#8f5f2b;}

#topnav li.currentchannel a{background-position: 0 -1px; color:#313130;}
#topnav li.currentchannel a span{background-position: right -1px; }
#topnav li.currentchannel a.menu{background-position: 0 -102px; }
#topnav li.currentchannel a.menu span{background-position: right -102px; }

#topnav li a:hover{background-position: 0 -402px; }
#topnav li a:hover span{background-position: right -402px;}

/*drop down hover states*/
body #topnav li.selected a.menu{background-position: 0 -503px;}
body #topnav li.selected a.menu span{background-position:right -503px;}

#topnav li#grilling a{background-position: 0 -605px; color:#fff;}
#topnav li#grilling a span{background-position:right -605px;}
#topnav li#grilling a:hover{background-position: 0 -707px; color:#fff;}
#topnav li#grilling a:hover span{background-position:right -707px;}

/* safari hack for top navigation (change font-weight from bold to normal)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#topnav li, #headerCM {font-weight:normal;}
}

/* Content */
#content {overflow:hidden; width:994px; padding-bottom:10px;}


/* Footer */
#footer {clear:both; color:#7c5911; background:#fcb523 url(http://img.timeinc.net/recipes/static/i/bgFt1.png) left bottom no-repeat; border-top:1px solid #fff; padding:20px 0 30px 0; font:11px arial, sans-serif;}
#footer a {color:#7c5911; margin:0 2px;}
#footer strong {margin:0 2px;}
#footer .ftLogo {float:left; margin-left:20px;}
#footer .ftLinks {padding-left:210px;}
#footer .ftLinks p {margin-bottom:0.5em;}
#footer .ftLinks p:first-child {font-weight:bold;}
#footer .ftLinks img {vertical-align:middle;}
#footer .copyright {padding-left:210px; font-weight:bold;}
#footer .copyright a {text-decoration:underline;}
#footer .spcMap {margin:1.5em 0; padding-left:210px; font:13px helvetica, verdana, arial, sans-serif; color:#fff;}
#footer .spcMap img {margin-top:10px;}
#footer p.friend {font-weight:bold;}

.recirc {clear:both; background:#fcb523; padding:13px 0; font:11px arial, sans-serif;}
.recirc .ad {float:left; width:150px; margin-left:15px;}
.recirc .touts {float:left; width:795px; margin-left:15px; background:#f5f4f0; padding:1px; color:#000;}
.recirc h3 {float:left; padding:0 0 5px 15px; font:bold 13px helvetica, arial, sans-serif; text-transform:uppercase; color:#fff;}
.recirc strong.mag {margin:0 0 0.5em 0; font-size:14px; display:block;}
.recirc .dek {color:#000;}
.recirc li a {font-size:13px; font-weight:bold;}
.recirc a img {float:left; margin-right:8px; background:#fff; border:1px solid #ccc; padding:1px;}
.recirc a:hover img, .recirc a:focus img, .recirc a:active img {border-color:#3961b3;}
.recirc ul {list-style:none; margin:0; padding:12px 0;}
.recirc li {float:left; width:225px; padding:0 15px; border-left:1px dotted #ccc;}
.recirc li:first-child {border:none;}


/* Ad Column */
#adcol {width:300px; float:right; margin:25px 0 0 0; padding-bottom:10px;}
#adcol, #adcol h3, #adcol ul li {font-family:georgia,times,serif;}
#adcol p {margin:0 0 1em 0;}
#adcol a {color:#A02E14; text-decoration:none;}
#adcol a:hover {text-decoration:underline;}
#adcol a.more {color:#F07410;font-size:11px;font-family:arial,sans-serif;}
#adcol .rtInner {background:white; border:1px solid #cfd6d8; margin:0 6px; padding:6px 4px 4px 6px;}

/* Today on Recipes.com */ /* this  lives in #adcol - parent id removed so that they style would work when this widget is used in an iframe*/
#today {width:300px; color:#A02E14; background:#fffbe9  url(http://img.timeinc.net/recipes/static/i/bgRt.gif) bottom left no-repeat; padding-bottom:6px;}
#today h3 {background:#fffbe9 url(http://img.timeinc.net/recipes/static/i/bgRt.gif) top left no-repeat; padding:4px 10px; margin:0; font-weight:normal; font-size:21px; color:#879297;}
#today ul {border-top:1px solid #cfd6d8; clear:both; margin:4px 2px 0 0; padding:4px 0; list-style-type:disc;}
#today li {color:#A02E14; margin:0 0 0 1.4em; padding:3px 0; font-size:13px; line-height:13px;}
#today .tout .title {font-size:18px; margin:2px 8px 3px 5px;}
#today .tout .eyebrow span a {color:#2A2A2A;}
#today .tout .eyebrow a.rss {color:#F07410; font:normal 11px arial, helvetica; padding-left:15px; margin-left:0.5em; background:url(http://img.timeinc.net/recipes/static/i/rss.gif) left center no-repeat;}
#today .rtInner {background:white; border:1px solid #cfd6d8; margin:0 6px; padding:6px 4px 4px 6px;}
.nL {text-align:center; font:13px arial, sans-serif; background:#fffbe9; padding:1px 0 6px;}


#moreFrom {width:300px; background:#fffbe9 url(http://img.timeinc.net/recipes/static/i/bgRt.gif) bottom right no-repeat;}
#moreFrom .inner {background:url(http://img.timeinc.net/recipes/static/i/bgRt.gif) no-repeat; padding:4px 9px 9px 9px;}
#moreFrom h3 {padding:0 0 4px 0; margin:0; font:21px georgia, serif; color:#879297;}
#moreFrom .btns {float:right; text-align:right; width:50px;}
.addTo {border-top:1px dotted #e8eadc; clear:both; padding-top:5px;}
.addTo .getRSSList a {margin-right:5px; white-space:nowrap; text-decoration:underline;}
.addTo label {font:bold 11px/18px arial, sans-serif;}
.addTo form * {vertical-align:top;}



/* Most Viewed Recipes */
#adcol #mvr {width:300px; background:#fffbe9 url(http://img.timeinc.net/recipes/static/i/bgRt.gif) bottom right no-repeat; padding-bottom:9px; position:relative;}
#adcol #mvr h3 {background:url(http://img.timeinc.net/recipes/static/i/bgRt.gif) no-repeat; padding:4px 10px; margin:0; font:21px georgia, serif; color:#879297;}
#adcol #mvr #mvrAd {position:absolute; top:5px; left:179px;}
#adcol #mvr ul {color:#F07410; background:white; border:1px solid #cfd6d8; margin:0 6px; padding:4px 0 0 0;}
#adcol #mvr li {margin:0; padding:4px 4px 4px 20px; clear:both; list-style:none; font:12px georgia,times,serif; border-top:1px solid #f4903b;}
#adcol #mvr li.btnArrow {border-top:none;}
#adcol #mvr li.first {list-style:none; padding-top:5px; font-size:18px; margin:2px 0; border:none;}
#adcol #mvr li.first img.img1 {border:0; float:left; margin:-5px 5px 5px 2px; _margin-top:-3px;}
#adcol #mvr li.search-recipes-module {border-top:1px solid #f4903b; margin: 0; padding:4px 0 4px 10px;}
#adcol #mvr li.search-recipes-module-first img {border:0; float:left; margin:-5px 5px 5px 2px; _margin-top:-3px;}
#adcol #mvr li.search-recipes-module-first {list-style:none; padding-top:5px; font-size:18px; margin:2px 0; border:none;}

/* Kitchen Design Ideas (formerly: Featured Recipe) */
#adcol .rcpFtrd .rtInner {background:white; border:1px solid #fbd6a1; margin:0 6px; padding:4px;}
.rcpFtrd {width:300px; background:#fffbe9 url(http://img.timeinc.net/recipes/static/i/bgRt.gif) bottom right no-repeat; padding-bottom:9px; margin:0 0 1em 0;}
.rcpFtrd h3 {background:url(http://img.timeinc.net/recipes/static/i/bgRt.gif) no-repeat; padding:4px 10px; margin:0; font:21px georgia, serif; color:#879297;}
.rcpFtrd .tout .title {padding:4px 0; font-size:18px;}
.rcpFtrd .tout .imgcont {padding:0 6px 0 0;}

/* More Cool Stuff */
#adcol .mcs {width:300px; background:url(http://img.timeinc.net/recipes/static/i/bgRt2.gif) bottom left no-repeat; padding-bottom:6px;}
#adcol .mcs h3 {background:url(http://img.timeinc.net/recipes/static/i/bgRt2.gif) top left no-repeat; padding:4px 10px; margin:0; font-weight:normal; font-size:21px; color:#879297;}
#adcol .mcs ul {clear:both; color:#A02E14; border-top:1px solid #cfd6d8; margin:0; padding:4px 0 0 0;}
#adcol .mcs li {margin:0 0 0 1.4em; padding:3px 4px; font-size:13px;}
#adcol .mcs .tout .title {font-size:18px; padding-bottom:5px;}
#adcol .mcs .tout .deck {color:#2a2a2a;}
#adcol .mcs .tout p {padding:0 0 5px 0; margin:0;}

/* "Did You Know?" module (in ad column) */
#adcol .didyk {width:300px; background:url(http://img.timeinc.net/recipes/static/i/dyk.gif) bottom left no-repeat; padding-bottom:6px; margin:-5px 0 10px 0; _margin:0px 0 10px 0;}
#adcol .didyk h3 {background:url(http://img.timeinc.net/recipes/static/i/dyk.gif) top left no-repeat; padding:8px 10px 0 10px; margin:0; font-weight:normal; font-size:18px; color:#2a2a2a;}
#adcol .dykInner {background:#fcefc2; margin:0 6px; padding:0 4px 4px 4px; font:normal 11px arial,sans-serif; color:#555; line-height:15px;}
#adcol .didyk a {color:#a02e14; text-decoration:underline;}
#adcol .didyk a:hover, .didyk a:active {text-decoration:underline;}

/* My Kitchen (left-hand column) */
#myk {width:160px; background:#FEF9E4 url(http://img.timeinc.net/recipes/static/i/bgMyk.jpg) top left no-repeat; text-align:center; border-top:1px solid #cfd6d8; padding-top:60px; margin:0;}
#myk h3 {font-size:18px; color:#2A2A2A; font-weight:normal; margin:0.75em 0; padding:0;}
#myk h3.head, #myk h3.head a {margin:0 0 0.5em 0; color:#2A2A2A;}
#myk p {font:13px/1.4em arial, sans-serif; color:#2c3b3e; padding:0 7px;}
#myk ul {list-style:none; padding:0 0 1em 0; border-bottom:1px solid #cfd6d8; font-size:13px;}
#myk li {margin:0 0 6px 0;}
#myk.nobkgd {background-image: url(); padding-top: 0px;}
#myk #mykBlue {background-color:#FEF1C4; padding-top:5px;}
#myk #mykBlue li {margin:0 0 20px 0;}

/* Recipe Blocks */
.rcpblock {width:502px; clear:both;}
.rcpblock .first {margin-right:10px;}
.rcplist {width:226px; padding:10px; background:url(http://img.timeinc.net/recipes/static/i/bgRecBlk.gif) top left no-repeat; float:left;}
.rcplist h3 {padding:0 0 10px 0; font-weight:normal; font-size:18px; color:#2A2A2A;}
.rcplist ul {color:#990000;}
.rcplist li {margin: 0 0 5px 1.4em; clear:both;}
.rcplist li.first {list-style:none; padding-top:10px; margin:0; font-size:15px; clear:none;}
.rcplist img {border:0; float:left; margin:0 5px 5px 0;}

/* Plain-Text List styles */
.plaintext {color: #555555;}
.listindent {margin-left: 8px;}

ul.plainlist{color:#555;}

/* share toolbar */
#toolbar {margin:8px 0 4px 0;}
#toolbar ul {list-style: none;}
#toolbar li {font: 10px tahoma, sans-serif; display:inline; margin-right:10px;}
#toolbar li a {color:#a9a9a9; padding:2px 2px 8px;}
#toolbar li a:hover {color:#f07410;}
#toolbar a.share {background:url(http://img.timeinc.net/recipes/static/i/nav_tools.gif) no-repeat 0 3px; padding-left:15px;}
#toolbar a.print {background:url(http://img.timeinc.net/recipes/static/i/nav_tools.gif) no-repeat 0 -84px; padding-left:16px;}
#toolbar a.email {background:url(http://img.timeinc.net/recipes/static/i/nav_tools.gif) no-repeat 0 -41px; padding-left:16px;}
#toolbar img {vertical-align:middle;}