/* CSS for Insider Food Start off with some standard CSS from Yahoo, then go with the nifty Insider Food styles*/ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* ====================================== Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 ======================================== */ /* default space between tabs */ .yui-navset .yui-nav li { margin-right:0.5em; /* horizontal tabs */ } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { margin:0 0 0.5em; /* vertical tabs */ } /* core */ .yui-nav, .yui-nav li { margin:0; padding:0; list-style:none; } .yui-navset li em { font-style:normal; } .yui-navset { position:relative; /* contain absolute positioned tabs (left/right) */ zoom:1; } .yui-navset .yui-content { zoom:1; } .yui-navset .yui-nav li { display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */ } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { display:block; } .yui-navset .yui-nav a { outline:0; /* gecko: keep from shifting */ } .yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */ .yui-navset .yui-nav li a { display:block; display:inline-block; vertical-align:bottom; /* safari: for overlap */ zoom:1; } .yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a { display:block; } .yui-navset-bottom .yui-nav li a { vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */ } .yui-navset .yui-nav li a em { display:block; } /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ .yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{margin:0 0.5em 0 0;}.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{margin:0 0 0.5em;}.yui-navset .yui-content .yui-hidden{display:none;}.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{width:6em;}.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{width:auto;}.yui-navset .yui-navset-left,.yui-navset-left{padding:0 0 0 6em;}.yui-navset-right{padding:0 6em 0 0;}.yui-navset-top,.yui-navset-bottom{padding:auto;}.yui-nav,.yui-nav li{margin:0;padding:0;list-style:none;}.yui-navset li em{font-style:normal;}.yui-navset{position:relative;zoom:1;}.yui-navset .yui-content{zoom:1;}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{display:inline-block;display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;}.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{display:block;}.yui-navset .yui-nav a{position:relative;}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;}.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a{display:block;}.yui-navset-bottom .yui-nav li a{vertical-align:text-top;}.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em{display:block;}.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{position:absolute;z-index:1;}.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{position:static;}.yui-navset .yui-navset-left .yui-nav,.yui-navset-left .yui-nav{left:0;right:auto;}.yui-navset .yui-navset-right .yui-nav,.yui-navset-right .yui-nav{right:0;left:auto;}.yui-skin-sam .yui-navset .yui-nav,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav{border:solid #2647a0;border-width:0 0 5px;Xposition:relative;zoom:1;}.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{margin:0 0.16em 0 0;padding:1px 0 0;zoom:1;}.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected{margin:0 0.16em -1px 0;}.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a{background:#d8d8d8 url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x;border:solid #a3a3a3;border-width:0 1px;color:#000;position:relative;text-decoration:none;}.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em{border:solid #a3a3a3;border-width:1px 0 0;cursor:hand;padding:0.25em .5em;left:0;right:0;bottom:0;top:-1px;position:relative;}.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover{background:#2647a0 url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x left -1400px;color:#fff;}.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus{background:#bfdaff url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) repeat-x left -1300px;outline:0;}.yui-skin-sam .yui-navset .yui-nav .selected a em{padding:0.35em 0.75em;}.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em{border-color:#243356;}.yui-skin-sam .yui-navset .yui-content{background:#fff;}.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content{border-top:1px solid #243356;padding:0.25em 0.5em;}.yui-skin-sam .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav{border-width:0 5px 0 0;Xposition:absolute;top:0;bottom:0;}.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav{border-width:0 0 0 5px;}.yui-skin-sam .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset-right .yui-nav li{margin:0 0 0.16em;padding:0 0 0 1px;}.yui-skin-sam .yui-navset-right .yui-nav li{padding:0 1px 0 0;}.yui-skin-sam .yui-navset-left .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected{margin:0 -1px 0.16em 0;}.yui-skin-sam .yui-navset-right .yui-nav .selected{margin:0 0 0.16em -1px;}.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav a{border-width:1px 0;}.yui-skin-sam .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset-right .yui-nav a em{border-width:0 0 0 1px;padding:0.2em .75em;top:auto;left:-1px;}.yui-skin-sam .yui-navset-right .yui-nav a em{border-width:0 1px 0 0;left:auto;right:-1px;}.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-left .yui-nav .selected a,.yui-skin-sam .yui-navset-left .yui-nav a:hover,.yui-skin-sam .yui-navset-right .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav .selected a,.yui-skin-sam .yui-navset-right .yui-nav a:hover,.yui-skin-sam .yui-navset-bottom .yui-nav a,.yui-skin-sam .yui-navset-bottom .yui-nav .selected a,.yui-skin-sam .yui-navset-bottom .yui-nav a:hover{background-image:none;}.yui-skin-sam .yui-navset-left .yui-content{border:1px solid #808080;border-left-color:#243356;}.yui-skin-sam .yui-navset-bottom .yui-nav,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav{border-width:5px 0 0;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,.yui-skin-sam .yui-navset-bottom .yui-nav .selected{margin:-1px 0.16em 0 0;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,.yui-skin-sam .yui-navset-bottom .yui-nav li{padding:0 0 1px 0;vertical-align:top;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li a,.yui-skin-sam .yui-navset-bottom .yui-nav li a{}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,.yui-skin-sam .yui-navset-bottom .yui-nav a em{border-width:0 0 1px;top:auto;bottom:-1px;}.yui-skin-sam .yui-navset-bottom .yui-content,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-content{border:1px solid #808080;border-bottom-color:#243356;} /*================= Now insert the Insider Food styles ===================*/ /* CSS for Insider Food */ /*@font-face {safari, ff3, opera10... font-family: Maian; src: url(/fonts/Maian.TTF); }*/ html {background:#F7D610;} body {background:#F7D610 url(http://insiderfood.com/images/sprite.png) repeat-x 0 -2050px} #doc4 {background:#fff;border:3px double #f7d610;border-top:none; border-bottom:none;} #bd {padding:5px;} #ft {padding:10px; text-align: center; font-size:90%;} .yui-b .mod {margin:10px 0;position:relative;} h1, h2, h3, h4 { color:#333; font-family:Maian, helvetica, avenir, arial, sans-serif; } h1 {margin: 10px 0; float:left;padding:0 0 90px 0; width:400px; background:url(/images/bg-h1.png) no-repeat 0 100%; color:#84C283; text-align:center; font-weight:normal;font-size:220%; letter-spacing:.15em; } h1 span {display:block;font-weight:bold;font-size:80%;} a {text-decoration: none; color: #2E62FF;} a:hover {text-decoration:underline; color:#606060;} a:visited {color:#1193CD;} a img {border:1px solid #333; padding:2px; } a:hover img {border-color:#DBE4FF; } .resinfo dt a img ,#searchresults a img {border:none; padding:0; } a.rssfeed {padding-left:18px; background:url(/images/sprite.png) no-repeat 0 -1050px;} .yui-gc dt, .yui-gc ol {margin:5px 0;} ol li {list-style-type:none; } li dl { margin:10px 0;} .rssfeed li dl {margin:5px 0;} dt, b {font-weight:bold;} p {margin:10px 0;} /*top nav*/ .topnav {float:left;background: url(/images/sprite.png) repeat-x 0 -100px #0625D0; width:100%;padding:0;border-bottom:3px double #fff;} .topnav ul {margin:0;} .topnav li {list-style-type:none;margin:0 5px 0 0; display:inline; float:left; } .topnav a {font-weight:bold; display:block; float:left;padding: 10px ; color:#fff; font-size:125%; background:#0625D0 url(/images/sprite.png) repeat-x 0 -100px } .topnav .selected a{background-position:0 -1400px; color:#fff;} .topnav a:hover {/*background-position:0 0px;*/ color:#F7D610; text-decoration:none;} .topnav .selected a:hover {background-position:0 -1300px; } /*Search results section*/ .usersquery, .totalresults {float:left; margin:10px;} .usersquery {font-size:130%;} p.spellsuggest {clear:both; padding:10px;} #searchresults h4 a { color: #333; background:#84C283; display:block; padding:2px 5px; text-decoration:none; font-weight:normal;font-size:125%;} #searchresults h4 a:hover { color: #fff; } #searchresults h4 a:visited {color:#608040;} #searchresults h4 a:visited:after { color: #039; font-weight: normal; content: "\00A0\221A"; font-size: 75%; } #searchresults {float:left; margin:0 10px; width:640px;} #searchresults ul { margin-left:5px;} #searchresults li.singleserving {overflow:hidden; width: 305px; float:left;margin:15px 5px 15px 5px ; border:1px solid #84C283; background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;} #searchresults li.singleserving.first { width: 620px; font-size:115%; margin:10px 0 0 5px} #searchresults li.highlight {} #searchresults ul li { width: auto;margin:5px 0; border:none;} li.relatedterms, li.even {clear:left;} .abstract {font-family:Palatino Linotype, georgia, serif;} .citer {color: #333; font-size:90%;} a.amusebouche img {float:left; background:#fff; border:1px solid #666; padding:2px; border-top-color:#999; border-left-color:#999; margin:0 5px 5px 0;} a.amusebouche:hover img {border-color: red;} /* pagination */ .pagelinks {text-align:center; border:1px solid #ccc; padding:5px 0 0 0; clear:left;} .pagelinks ul { } .pagelinks ul li {display:inline; } .pagelinks ul a, .pagelinks ul strong {display;block; padding:3px 5px; } .pagelinks ul strong {background-color:green; color:#fff;} .pagelinks li.nextlink a,.pagelinks li.prevlink a {padding-right:15px; font-size:120%; font-wieght:bold; background:url(/images/sprite.png) no-repeat 100% -1943px;} .pagelinks li.prevlink a {padding-right:0px; padding-left:15px; background-position:0 -1973px; } /* basic nav in the footer */ .footernav li {display:inline; padding:0 5px; margin:0 0 0 0; border-left:1px solid #608040;} .footernav li.first {border:none;} /*Search box*/ #v3search, #homeblaster {color:#666; padding:5px; margin:30px 0 0 0;float:right; width:550px; border:none; } #vesearch { padding:5px;} #v3search input[type ='text'] {width:400px; font-size:150%; border:2px solid #FAE563; padding:2px 5px;} #v3search input[type ='text']:focus {background: #F6F2E4;} #v3search input[type ='submit'] {border:none; background: #FAE563;padding:1px 3px; font-weight:bold;font-size:140%;} #v3search li {display:inline; margin: 0 3px; font-size:85%;} #v3search fieldset { margin:5px; position:relative; } #v3search ul {margin:0 0 0 25px;} #vquerylabel {position:absolute; left:-1000em;display:block;} legend {font-weight:bold;} #cityform #v3search {margin: 0;float:none; width:95%; border:none; } #cityform h4 {margin-top:10px; padding-top:10px;border-top:1px solid #808080;} #cityform .yui-content {padding:10px;} #cityform .yui-nav {font-size:130%; margin:0;} #cityform .yui-content{border:1px solid #243356; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} #homeblaster {font-size:200%;margin:0 10px 0 0;} #homeblaster strong {color:#F7D610;font-size:120%} /* flickr photos */ .flickr {border:1px solid #DBE4FF ; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .flickr.mod .hd {border-bottom:1px solid #dbe4ff; padding:5px;background:#dbe4ff;} .flickr ul, .flickr li {float:left; list-style-type:none;} .flickr li {margin:0;} .flickr li a {display:block; margin:0; padding:0;} .flickr li a img {border:2px solid #fff;} .flickr li a:hover img {border: 2px solid #DBE4FF;} .flickr .ft {clear:left;} /* Resource info*/ .resinfo dl {margin: 5px;} .resinfo dt a {font-size:140%;display:block;} .resinfo dd {margin:5px 0;} .resinfo dd.authimg img {_width:150px; max-width:245px;} .resinfo a.rssfeed {display:block; margin:5px;} /*top related searches - make the original query less important*/ .toprelsearch li a {font-weight:bold;} .toprelsearch li a span {font-weight:normal;} /* simplified tag cloud*/ .tagcloud ul {margin:0;} .tagcloud li {float:left;list-style-type:none; margin:3px;} .tagcloud li a {font-size:inherit; min-height:30px; line-height:30px;display:block; padding:0 4px; } .tagcloud li a:hover {background:#2E62FF; color:#fff; text-decoration:none;} .tagcloud .t1, .tagcloud .t2 {} .tagcloud .t3, .tagcloud .t4 { font-weight:bold;} .tagcloud .t5, .tagcloud .t6 {font-size:125%;} .tagcloud .t7, .tagcloud .t8 {font-size:125%;font-weight:bold;} .tagcloud .t9, .tagcloud .t10 {font-size:140%;font-weight:bold;} .tagcloud .t11, .tagcloud .t12 {font-size:150%;font-weight:bold;} .tagcloud .t13, .tagcloud .t13 {font-size:165%;font-weight:bold;} .tagcloud .t14, .tagcloud .t15 {font-size:175%;font-weight:bold;} /* add .clearfix to floated elements to self clear them */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { zoom:1; } .amazon ul li, .amazon ul {list-style-type:none; margin:0;} dl.bookinfo {width:300px ; float:left;} dl.bookinfo dt, dl.bookinfo dd {width:215px; float:right; margin:0;} dl.bookinfo dd.bookimg {width:80px; float:left; text-align:center; } /* city information */ .cityinfo ul {clear:left;} .cityimg {display:block; float:left; margin:0 5px 5px 5px;} .cityimg span {display:block; margin:3px; color:#666; font-size:85%;} .cityimg img {border:1px solid #666; padding:2px;} .cityimg:hover {text-decoration:none;} .mod .hd { border-bottom:5px double #F7D610; padding:5px 0 0 5px ; text-align:left; font-size:110%;} .mod.yui-navset .hd {background:#fff;border-top:none;border-bottom:none; text-align:left;padding:0;} .mod .hd h2, .mod .hd h3, .mod .hd h1 {margin:0;} /*contextual module */ .contextual .bd { } .contextual .imglinks img {width:120px; float:left; margin:5px;} .contextual .imglinks ul {float:right;width: 150px; margin:5px 0;} #feedback {display:block; margin:0; background-color:#F9D7FE; border:1px solid #808080; } #feedback h4, #feedback p {color:#333; margin:0; padding:5px 0 5px 10px; font-size:100%; float:left; display:inline;} #feedback p.feedbacklink {float:right; padding-right:10px;} p.feedback a {font-weight:bold;} /* badge page - display the code nicely */ .badgecode ul {margin:0;} .badgecode li {text-align:center;list-style-type:none; margin:10px 0; padding:3px;} .badgecode code {text-align:left;display:block; padding:3px; border:1px solid #999; margin:5px 0; font-size:90%;} .badgecode a img {border:none;}