/* TheFloridaChef.com / Main CSS Date Originated: 07/2007 Created: Toni Tesori (tesorit@doacs.state.fl.us) Modified: x Contents: #101 Browser Resets #102 Overall Styles #103 Left Side of Page #104 Right Side of Page #105 Basic Styles #106 Main Content Styles #107 Navigation DL #108 Home Page - Featured Recipe #109 Home Page - Intro and Chef Pic #110 Home Page - Content Styles #111 Home Page - Colorbars #112 About The Chef #113 Commodity #114 Xtreme #115 Smoothies #116 Eat Your Colors #117 Eat Your Colors - At A Glance #118 Photo Galleries #119 Site Map #120 Recipes Other: --Linked recipe.css --Color Files interior.css,green.css,purple.css,red.css,white.css,yellow.css --Lightbox CSS lightbox.css --Print print.css !!To change color theme, link desired color scheme in page !! */ /* #101 Browser Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* #102 Overall Styles */ body { background:#000; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; } #container { width: 790px; /* height:545px;*/ position:relative; margin: 0 auto; background: #fff url(../i/footer_fffc.gif) no-repeat 99.5% 99.5%; padding-bottom:25px; overflow:hidden; margin-top:20px; text-align:left; font-size:85%; } a:visited { color:#666666; } /* #103 Left Side of Page */ div#menu_left { float:left; width:340px; height:496px; /*overflow:hidden;*/ position:relative; margin-top:30px; margin-left:35px; border-right:1px solid #666; _margin-left:20px; } /* #104 Right Side of Page */ div#menu_right { float:left; width:365px; /*height:485px;*/ text-align:left; margin-top:30px; margin-left:30px; overflow:auto; padding-right:5px; } #feat_pic { width:301px; height:375px; border:1px solid #666; float:left; margin-bottom:4px; } /* #105 Basic Styles */ #skipnav, #logo { display:none; } h1#header { width: 302px; height:53px; text-indent:-9000px; float:left; clear:left; margin-top:10px; margin-bottom:15px; } h2 { display:none; } h3#menu { width:97px; height:26px; text-indent:-9000px; margin:0 auto; margin-bottom:15px; } small#footer { clear:both; display:block; font-size:60%; text-align:right; margin:0 auto; padding-top:2px; width:790px; color:#666; padding-bottom:5px; } #footer a { color:#666; text-decoration:none;} #footer a:hover { text-decoration:underline;} hr { display:none; } /* #106 Main Content Styles */ #content { width:350px; } #content p { font-size:80%; line-height:1.5em; margin-bottom:10px; } #content a { text-decoration:none; } #content a:hover { text-decoration:underline; } #content .back { display:block; margin-top:10px; border-top:1px solid #aaa; padding-top:5px; width:325px; clear:both; } #content #pagetitle { font-size:200%; font-weight:normal; text-align:center; margin-bottom:10px; margin-top:-5px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; } #content .pagetitle { font-size:200%; font-weight:normal; text-align:center; margin-bottom:15px; margin-top:10px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; } #content dl { width:325px; line-height:1.5em; } #content dl dt { margin-bottom:2px; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; } #content dl dd { margin-left:20px; margin-bottom:9px; line-height:145%; font-size:80%; _margin-bottom:8px; } #content dt a, #menu_left a { text-decoration:none; } #content dt a:hover, #content dd a:hover { text-decoration:underline; } #content h5 { font-size:77%; font-style:italic; margin-bottom:10px; text-align:center; } #content h4 { font-weight:normal; margin-bottom:10px; text-align:center; font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:125%; } #content dt { font-family:Arial, Helvetica, sans-serif; padding-bottom:-10px; border-bottom:1px solid #aaa; margin-bottom:3px; color:#2f72b7; } #content dt a:hover { text-decoration:none; font-weight:bold; } #content dl dd dl { margin-left:10px; } #content dl dd dl dt { border:0; font-size:130%; margin-top:5px; } #content dl dd dl dd { margin-bottom:0px; font-size:100%; } #content ul { margin-top:5px; } #content li { font-size:11px; margin-bottom:3px; background:url(../i/bullet.gif) left 3px no-repeat; padding-left:15px; line-height:125%; } /* #107 Navigation DL */ dl#nav_dl { text-align:center; width:310px; clear:both; line-height:1em; top:-5px; position:relative; display:block; _top:0px; } dl#nav_dl dt { font-size:80%; display:inline; } dl#nav_dl dd { display:none; } #about #nav_abou, #commodity #nav_comm, #xtreme #nav_xtre, #smoothies #nav_smoo, #eat #nav_eaty, #recipes #nav_reci, #contact #nav_cont { color:#2f72b7; } dl#nav_dl dt a { color:#000; } dl#nav_dl dt a:hover { text-decoration:underline; } /* #108 Home Page - Featured Recipe */ #home #feat_pic { background:url(../i/home_featrecipe.jpg) no-repeat; width:302px; height:296px; } #home dl#featrecipe_dl { clear:both; width:302px; margin-top:10px; margin-bottom:10px; text-align:right; _margin-top:0px; } #home dl#featrecipe_dl dt { display:block; text-align:left; } #home dl#featrecipe_dl dd { display:block; text-align:right; } #home dl#featrecipe_dl dd a { font-size:11px; } #home dl#featrecipe_dl dd a:hover { text-decoration:underline; } /* #109 Home Page - Intro and Chef Pic */ #home #intro { width:224px; height: 63px; float:left; clear:left; border:1px solid #666; margin-right:4px; color:#fff; font-size:71%; line-height:140%; padding:5px; } #home #justinbox { width:61px; height:73px; background: url(../i/JustinBox.jpg) no-repeat; float:left; border:1px solid #666; } /* #110 Home Page - Content Styles */ #home #content dl dt { margin:1px; border:0; } #home #content dl dd { margin-left:20px; margin-bottom:6px; line-height:145%; font-size:77%; _margin-bottom:8px; } #home #content dt a, #menu_left a { text-decoration:none; } #home #content dt a:hover, #content dd a:hover { text-decoration:underline; } #home #content dl { width:355px; } /* #111 Home Page - Colorbars */ #home #colorbar li { display:inline; background:0; margin:0; padding:0; } #home #colorbar li a { float:left; clear:none; height:50px; width:53px; text-indent:-9000px; border:1px solid #666; margin-right:6px; margin-top:5px; } #home a#colorbar_red { background: url(../i/colorbar_red.gif) no-repeat; } #home a#colorbar_orange { background: url(../i/colorbar_orange.gif) no-repeat; } #home a#colorbar_white { background: url(../i/colorbar_white.gif) no-repeat; } #home a#colorbar_green { background: url(../i/colorbar_green.gif) no-repeat; } #home a#colorbar_purple { background: url(../i/colorbar_purple.gif) no-repeat; } #home a:hover#colorbar_red, #home a:hover#colorbar_orange, #home a:hover#colorbar_white, #home a:hover#colorbar_green, #home a:hover#colorbar_purple { background-position: 0 -74px; } /* #112 About The Chef */ #about #feat_pic { background:url(../i/about_featpic.gif) no-repeat; } /* #113 Commodity */ #commodity #feat_pic { background:url(../i/commodity_featpic.gif) no-repeat; } .commodity_article #content h4 { font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; margin-bottom:5px; font-weight:normal; color:#2f72b7; } .commodity_article #content small { display:block; text-align:center; font-size:85%; font-style:italic; margin-bottom:10px; } #commodity ul { margin-top:5px; } #commodity ul li, #eat ul li { font-size:11px; margin-bottom:3px; background:url(../i/bullet.gif) left 3px no-repeat; padding-left:15px; line-height:125%; } #commodity #content dt { margin-bottom:3px; } #commodity #content dl dd { margin-left:0px; margin-bottom:0px; padding-bottom:0px; } #commodity #content dl dt { margin-bottom:0px; margin-top:5px; } #commodity dd.art_title { font-weight:bold; display:block; } #commodity dd.art_feat { display:block; font-style:italic; } /* #114 Xtreme */ #xtreme #feat_pic { background:url(../i/xtreme_featpic.gif) no-repeat; } #xtreme #content h4 { margin-top:5px; } /* #115 Smoothies & Iced Teas */ #smoothies #feat_pic { background:url(../i/home_featrecipe.jpg) no-repeat; } /* #116 Eat Your Colors */ #eat #feat_pic { background:url(../i/commodity_featpic.gif) no-repeat; } #eat #link_red { color:#b73428; } #eat #link_yellow { color:#efaa27; } #eat #link_white { color:#628285; } #eat #link_green { color:#50972d; } #eat #link_blue { color:#554777; } #eat ul { margin-top:-3px; } body#eat.other #content h4 { border-bottom:1px solid #aaa; } /* #117 Eat Your Colors - At A Glance */ dl#glance { width:275px; color:#fff; border:1px solid #666; margin: 0 auto; padding:5px; margin-bottom:10px; } dl#glance dt { color:#fff; border:0; font-weight:bold; } /* #118 Photo Galleries */ dl#gallery dd { width:82px; padding:5px; padding-top:7px; display:block; float:left; background-color:#c5dbf1; text-align:center; border:1px solid #2f72b7; margin-left:0; margin-right:8px; } body#about.photo dl#gallery dt { clear:both; margin-bottom:10px; } body#about.photo dl#gallery dd img { border:1px solid #2f72b7; } body#about.photo dl#gallery { margin:0; } body#about.photo dl#gallery dd.horiz { height:53px; } body#xtreme.photo dl#gallery dd { width:82px; padding:5px; padding-top:7px; display:block; float:left; background-color:#c5dbf1; text-align:center; border:1px solid #2f72b7; margin-left:0; margin-right:8px; } body#xtreme.photo dl#gallery dt { clear:both; margin-bottom:10px; } body#xtreme.photo dl#gallery dd img { border:1px solid #2f72b7; } dl#gallery { margin:0; } /* #119 Site Map */ #sitemap #feat_pic { background:url(../i/commodity_featpic.gif); } #sitemap #content dt, #sitemap #content dt a { border:0; color:#000; } /* #120 Recipes */ #recipes #feat_pic { background:url(../i/commodity_featpic.gif); } /* #113 Commodity */ #contact #feat_pic { background:url(../i/commodity_featpic.gif) no-repeat; } @import url'/c/recipe.css';