body { background:url(images/bg-body3.jpg) top left repeat-x ; color:#595653; padding-top:13px} #custom-doc { width:61.54em;*width:60.06em;min-width:800px; *height:795px; margin:auto; text-align:left; background:url(images/bg-bd-faux2.jpg) repeat-y -2px 0; border:1px solid #ccc; /*margin-top:1em; */} #custom-doc #supplementaryNav { top:0; } #bd { min-height:640px } #bl { float:left; width:641px; position:relative; border-bottom: solid 2px #FF0000; border-right: solid 2px #FF0000; z-index:0; } *html #bl { left:0px; } #bl-top, #bl-bottom{ overflow:hidden; padding: 0 0 0px 5px } #bl-top { border-bottom: solid 2px #FF0000;} #bl-top-l, #bl-bottom-l { float:left; width:262px; margin-left:151px; padding-right:3px } *html #bl-top-l, *html #bl-bottom-l { *margin-left:75px; }/*IE 6 Hack*/ #bl-top-r, #bl-bottom-r { float:right; width:218px; } #bl-top-r{ width:216px; padding-left:0px } #bl-bottom-r h2, #bl-bottom-r h3, #bl-bottom-r em{ padding-left:5px } #bl-bottom-r p img{margin:0px;} #custom-doc #bl-fixed { position:absolute; top:360px; left:2px; width:134px; min-height:385px; *height:385px; padding-top:0.7em; z-index:4; border-top:2px solid red; } *html #custom-doc #bl-fixed { position:absolute; left:2px; border-top:none; } #bl-top-l { min-height:165px; border-right: solid 2px #FF0000; } #bl-bottom-l { min-height:196px; border-right: solid 2px #FF0000;} #br { float:right; width:150px; padding-left:7px; min-height:430px; background-color:#FFF; margin-top: -92px; /*background-color:#FBE5A9;*/} *html #br { width:140px; padding-left:0px; position:absolute; right:-15px; margin-left:40px; background:none; } /* Ads for the homepage -- this is a hack until we have a proper homepage layout */ #br p a img { margin-top: 8pt; border: 1px solid #ccc; } h2#h2-cc , h2#h2-rotw, h2#h2-events, #dyk{ width:130px; height:28px; text-indent:-99999px } h2#h2-cc { background:url(images/h2-cc.jpg) top right no-repeat; } h2#h2-events { background:url(images/h2-grace-events.jpg) top right no-repeat; } h2#h2-rotw { background:url(images/h2-rotw.jpg) top right no-repeat; margin-top:0em;} #dyk{ width:150px; } #dyk { background:url(images/h2blends.jpg) top right no-repeat; margin:10px 0 } h2#h2-articles, h2#h2-events { font-weight:bold; height:23px; padding-top:5px; font-family:arial;} h2#h2-articles { color:#6A7030; } h2#h2-events { color:#AC7B53; } #bl-top-l a.readmore { color:#6A7030;} #bl-top-r em { font-style:italic; font-size:90% } #bl-top-r h4 { text-transform:uppercase; font-size:85%; color:#E53E45; margin-top:10px;} #bl-bottom-r h3, #bl-bottom-r h3 a { color:#38652A; font-weight:bold; } #bl-bottom-r h3 a { text-decoration:none; } #bl-bottom-r em { color:#38652A; font-style:italic; font-size:85% } #bl-bottom-l a.readmore { color:#AC7B53;} #upcoming-events{ color:#AC7B53; margin-bottom:10px 0; } #upcoming-events a{ color:#AC7B53; text-decoration:none;} .red { color:#E53E45; text-decoration:none } .top-margin { margin-top:10px;} a.readmore { font-style:italic; text-decoration:none } #top-l{ float:left; width:130px; height:320px; margin-left:-1px; z-index:4; position:relative } /*html #top-l{ float:left; width:130px; height:320px; margin-left:-1px; background:url(images/bg-home-nav.jpg) top left no-repeat; z-index:0; }*/ #top-r{ float: right; width:670px; } #flash{ /*background:url(images/bg-flash.jpg) 0 0 no-repeat; */height:228px; width:670px; margin-left:-1px; } *html #flash{ *margin-left:-3px;} /*Primary Links*/ #primary { z-index:4; position: absolute; top:100px; *top:80px } #primary ul li a { border:none; } #primary ul li { list-style-image:none; margin:0; padding:0; list-style-type:none; } #primary a{ margin-left:15px; height:30px;} a#products { text-indent:-99999px; background:url(images/nav-products.jpg) 0 0 no-repeat; width:88px;} a:hover#products{ background-position:0 -34px;} a#articles { text-indent:-99999px; background:url(images/nav-articles.jpg) top left no-repeat; width:88px;} a:hover#articles{ background-position:0 -34px;} a#recipes { text-indent:-99999px; background:url(images/nav-recipes.jpg) top left no-repeat; width:88px;} a:hover#recipes{ background-position:0 -34px;} a#members { text-indent:-99999px; background:url(images/nav-members.jpg) top left no-repeat; width:88px;} a:hover#members{ background-position:0 -34px;} a#videos { text-indent:-99999px; background:url(images/nav-videos.jpg) top left no-repeat; width:88px;} a:hover#videos{ background-position:0 -34px;} a#facebook { text-indent:-99999px; background:url(images/nav-facebook.jpg) top left no-repeat; width:88px;} a:hover#facebook{ background-position:0 -34px;} a#youtube { text-indent:-99999px; background:url(images/nav-youtube.jpg) top left no-repeat; width:88px;} a:hover#youtube{ background-position:0 -34px;} a#flickr { text-indent:-99999px; background:url(images/nav-flickr.jpg) top left no-repeat; width:88px;} a:hover#flickr{ background-position:0 -34px;} a#events { text-indent:-99999px; background:url(images/nav-events.jpg) top left no-repeat; width:88px;} a:hover#events{ background-position:0 -34px;} div.form-item label { margin-top:50px; color:#006633; text-transform:uppercase;} #recipeSearch { margin-left:8px;} #dictionarySearch { margin-left:2px;} #recipeSearch em { font-size:80%; padding-top:20px } #dictionarySearch { margin-top:25px; padding-left:8px; width:135px; height:121px; background:transparent url(images/bg-foodDictionary.jpg) no-repeat} #dictionarySearch label{ display:none;} /* Search -------------------------------------------------------------- */ #search{ /* Search is at the top for this site */ position: absolute; /* top: 20px; */ top: 18px; /* right: 26px; */ right: 6px; } #search .form-text, #recipeSearch .form-text, #dictionarySearch .form-text { margin: 0; width: 120px; height: 16px; font-size: 11px; vertical-align: middle; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 3px; } #search .button, #search .form-submit, #recipeSearch .form-submit, #dictionarySearch .form-submit{ background:#E99536; border:1px solid #996; color: #f1f1f1; font-size:80%; width: 60px; padding:0px; margin-left: 3px; vertical-align: middle; cursor:pointer; height:20px; } * html #search .button { line-height: 12px; } #search .button, #search .form-submit { background:#CE1E2B none repeat scroll 0% 0%; font-size:85%; font-weight:bold; } #recipeSearch .form-text, #dictionarySearch .form-text { float:left; width:85px; margin-top:20px; } #recipeSearch .form-submit, #dictionarySearch .form-submit{ width:24px; margin-top:20px; } #article-image{ background: url(images/lead-fish.jpg) no-repeat; width:284px; height:92px; margin-left:-1px; } *html #article-image{ *margin-left:-3px;} #cc-image{ background:url(images/creative-cooking-photo.jpg) no-repeat; width:218px; height:92px;} #article-image, #cc-image{ float:left; border-right:2px solid red;} #cc-image{ border-right:none;} #article-image { margin-left:6px; } *html #article-image { margin-left:3px; } #hd-front { height:40px; position:relative; background:#FCED9C; } #logo-abs { position:absolute; background:url(images/logo-abs.jpg) top left no-repeat; height:61px; width:112px; left: 8px; top: 1px; } #slogan-abs { position:absolute; background:url(images/slogan-abs.jpg) top left no-repeat; height:41px; width:128px; left: 139px; top: 1px; } #buygrace { margin-left:10px;} #ft.front { border-top:none; margin-top:12px } #panlink { font-size:85%} #buygrace { margin-left:10px;} /*Update Sept 11 2008*/ #bg{ position: absolute; min-height:124px; *height:124px; width:802px; background:url(images/header.png) 0px 0px no-repeat; z-index:2;} #bg2{ position: absolute; min-height:795px; *height:795px; width:155px; background:url(images/left.png) 0px 75px no-repeat; z-index:1;} *html #bg2{ padding-top:276px; height:732px; } #hd-front { z-index:3; height:38px } /*#bg{ position: absolute; min-height:795px; *height:795px; width:802px; background:url(images/bg_home2.png) -2px 0px no-repeat; z-index:0;}*/ #flash { height:229px; width:670px; z-index:0; position: relative; left:1px; border-bottom:1px solid red;} /*div.panel-pane a, div.panel-pane a img, #ft.front a, #buygrace, #recipe-search-form, #glossary-search-form { z-index:0; position:relative; }*/ #bl-bottom-r h3 { margin-top:10px;} #article-image, #cc-image { border-bottom:2px solid red} #bl-top-l p { margin-bottom:.5em} #bl-top-l { font-size:100%} #bl-top-r p.top-margin { margin-top:4px} #forty {margin-left:7px; margin-top:-5px}