/* GLOBAL */ BODY { background-color:#BEAA9C; text-align:center; } * { margin:0; padding:0; font-family: Verdana; font-size: 11px; color: #897156; } ol, ul, li {} h1, h2, h3, h4, h5, h6 {} a {} /* DIVS */ /* Wrappers */ #food-and-family-outer-wrapper { width:994px; margin:0 auto; } #food-and-family-wrapper { width:980px; margin:0 auto; padding:0; background:#fff; } /* Header */ #food-and-family-header-login-menu { width:980px; height:25px; text-align:right; margin:0 0 5px 0; padding:10px 0 0 0; background:#BEAA9C; } #food-and-family-header-login-menu ul li { display:inline; list-style-type:none; } #food-and-family-header-login-menu a { font-size: 12px; color: #E9E1DA; font-weight: bold; text-decoration: none; padding:0 0 0 15px; } #food-and-family-header-login-menu a:hover { color: #CC0000; text-decoration: none; } #food-and-family-header-wrapper { width:980px; height:210px; margin:0; padding:0; background-image: url(../images/graphics/food-and-family-logo.jpg); } #food-and-family-header-newsletter { height:30px; margin:0; padding:0; text-align:right; } #food-and-family-header-left { width:180px; height:120px; float:left; padding:0px; margin:0 4px 0 0; background:#fff; } #food-and-family-header-middle { width:604px; height:90px; float:left; padding:0px; margin:0 4px 0 0; } #food-and-family-header-right { width:180px; height:90px; float:right; background:#FF33FF; } #food-and-family-header-menu { width:950px; height:35px; margin:0 15px 0 15px; padding:0; float:right; background:url(../images/graphics/food-and-family-menu.jpg) repeat-x; text-align:left; } /* Content */ #food-and-family-content-wrapper { width:980px; margin:0; padding:15px 0 15px 0; clear:both; background:#fff; text-align:left; } /* Content Single Column */ #food-and-family-content-single { width:980px; margin:0; padding:0; float:left; text-align:left; background:#fff; } #food-and-family-text-single { padding:0 20px 50px 20px; margin:0; } #food-and-family-text-single h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-single h2 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-single h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-text-single ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } /* Content Two Column Left Wide */ #food-and-family-content-left-wide { width:700px; margin:0; padding:0; float:left; display:inline; text-align:left; } #food-and-family-text-left-wide { padding:0 20px 50px 20px; margin:0; border-right:1px solid #BEAA9C; } #food-and-family-text-left-wide h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-left-wide h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-text-left-wide h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-content-right-wide { width:280px; margin:0; padding:0; float:left; text-align:left; } #food-and-family-text-right-wide { padding:0 20px 50px 20px; margin:0; width:200px; } #food-and-family-text-right-wide h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-right-wide h2 { font-size:16px; font-weight:600; display:inline; } #food-and-family-text-right-wide h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-text-right-wide ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } /* Content RECIPES Two Column Right Wide */ #food-and-family-recipe-left { width:280px; margin:0; padding:0; float:left; display:inline; text-align:left; } #food-and-family-recipe-text-left { padding:0 20px 50px 20px; margin:0; } #food-and-family-recipe-text-left h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-recipe-text-left h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-recipe-text-left h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-recipe-right-wide { width:680px; margin:0; padding:0; float:left; text-align:left; } #food-and-family-recipe-text-right-wide { padding:0 20px 50px 20px; margin:0 0 50px 0; border-left:1px solid #BEAA9C; } #food-and-family-recipe-text-right-wide h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-recipe-text-right-wide h2 { font-size:16px; font-weight:600; display:inline; } #food-and-family-recipe-text-right-wide h3 { font-size:16px; font-weight:600; display:inline; } #food-and-family-recipe-text-right-wide ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } /* Content RECIPES Three Column Borders */ #food-and-family-recipe-borders-left { width:280px; margin:0; padding:0; float:left; display:inline; text-align:left; } #food-and-family-recipe-borders-text-left { padding:0 20px 50px 20px; margin:0; } #food-and-family-recipe-borders-text-left h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-recipe-borders-text-left h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-recipe-borders-text-left h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-recipe-borders-middle { width:418px; margin:0; padding:0; float:left; text-align:left; } #food-and-family-recipe-borders-text-middle { padding:0 20px 50px 20px; margin:0; border-left:1px solid #BEAA9C; border-right:1px solid #BEAA9C; } #food-and-family-recipe-borders-text-middle h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-recipe-borders-text-middle h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-recipe-borders-text-middle h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-recipe-borders-right { width:280px; margin:0; padding:0; float:right; text-align:left; } #food-and-family-recipe-borders-text-right { padding:0 20px 50px 20px; margin:0 0 50px 0; } #food-and-family-recipe-borders-text-right h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-recipe-borders-text-right h2 { font-size:16px; font-weight:600; display:inline; } #food-and-family-recipe-borders-text-right h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-recipe-borders-text-right ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } /* Content ARTICLES Two Column Right Wide */ #food-and-family-article-left { width:240px; margin:0; padding:0; float:left; display:inline; text-align:left; } #food-and-family-article-text-left { padding:0 20px 50px 20px; margin:0; } #food-and-family-article-text-left h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-article-text-left h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-article-text-left h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-article-right-wide { width:720px; margin:0; padding:0; float:left; text-align:left; } #food-and-family-article-text-right-wide { padding:0 20px 50px 20px; margin:0 0 50px 0; border-left:1px solid #BEAA9C; } #food-and-family-article-text-right-wide h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-article-text-right-wide h2 { font-size:16px; font-weight:600; display:inline; } #food-and-family-article-text-right-wide h3 { font-size:16px; font-weight:600; display:inline; } #food-and-family-article-text-right-wide ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } /* Content ARTICLES Three Column Borders */ #food-and-family-article-borders-left { width:240px; margin:0; padding:0; float:left; display:inline; text-align:left; } #food-and-family-article-borders-text-left { padding:0 20px 50px 20px; margin:0; } #food-and-family-article-borders-text-left h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-article-borders-text-left h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-article-borders-text-left h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-article-borders-middle { width:498px; margin:0; padding:0; float:left; text-align:left; } #food-and-family-article-borders-text-middle { padding:0 20px 50px 20px; margin:0; border-left:1px solid #BEAA9C; border-right:1px solid #BEAA9C; } #food-and-family-article-borders-text-middle h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-article-borders-text-middle h2 { font-size:16px; font-weight:600; display:inline; color:#CC0000; } #food-and-family-article-borders-text-middle h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-article-borders-right { width:240px; margin:0; padding:0; float:right; text-align:left; } #food-and-family-article-borders-text-right { padding:0 20px 50px 20px; margin:0 0 50px 0; } #food-and-family-article-borders-text-right h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-article-borders-text-right h2 { font-size:16px; font-weight:600; display:inline; } #food-and-family-article-borders-text-right h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-article-borders-text-right ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } /* Content INDEX Three Column */ #food-and-family-content-left { width:240px; margin:0 16px 0 0; padding:0; float:left; display:inline; text-align:left; } #food-and-family-text-left { padding:0 20px 50px 20px; margin:0; } #food-and-family-text-left h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-left h2 { font-family: Arial; font-size: 14px; color: #F3D1CF; font-weight: bold; display:inline; } #food-and-family-text-left h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-text-left ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } #food-and-family-content-middle { width:470px; margin:0; padding:0; float:left; text-align:left; } #food-and-family-text-middle { padding:0 0 50px 0; margin:0; } #food-and-family-text-middle h1 { font-size: 14px; color:#CE005C; font-weight:600; margin:0; padding:0 0 0 10px; text-align:left; display:inline; } #food-and-family-text-middle h2 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-middle h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-text-middle ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } #food-and-family-text-middle a { text-decoration:underline; color: #897156; } #food-and-family-text-middle a:hover { text-decoration:ubderline; color: #CC0000; } #food-and-family-content-right { width:240px; margin:0; padding:0; float:right; text-align:left; } #food-and-family-text-right { padding:0 20px 50px 20px; margin:0; } #food-and-family-text-right h1 { font-size:20px; font-weight:600; display:inline; } #food-and-family-text-right h2 { font-family: Arial; font-size: 14px; color: #F3D1CF; font-weight: bold; display:inline; } #food-and-family-text-right h3 { font-size:14px; font-weight:600; display:inline; } #food-and-family-text-right ul li { padding:0 0 0 5px; display: list-item; list-style-type: none; } #food-and-family-content-images { width:570px; height:106px; margin:0px 0px 0px 0px; padding:0px; float:left; background:#fff; } /* Categories */ #food-and-family-categories { padding:20px 0 30px 5px; margin:0; text-align:left; clear:both; border-top:1px solid #d8d5be } #food-and-family-categories ul { list-style-type:none; text-decoration:none; } #food-and-family-categories ul li { list-style-type:none; text-decoration:none; line-height:20px; } #food-and-family-categories ul li a { font-size:12px; color:#CC0000; font-weight:bold; list-style-type:none; text-decoration:none; } #food-and-family-categories ul li a:hover { color:#BEAA9C; text-decoration:none; } #food-and-family-categories ol li a { font-size:12px; color:#CC0000; list-style:outside decimal; text-decoration:none; } #food-and-family-categories ol li a:hover { color:#BEAA9C; text-decoration:none; } /* Registration Form */ #food-and-family-registration { width:300px; padding:30px 0 30px 100px; margin:0; text-align:left; } /* Add Recipes */ #food-and-family-add-recipes { width:500px; padding:30px 0 30px 100px; margin:0; text-align:left; } /* Footer */ #food-and-family-footer { width:980px; height:40px; margin:0 auto; text-align:center; padding:0; background-color:#977D64; clear:both; } #food-and-family-footer-left { width:200px; float:left; } #food-and-family-footer-right { width:780px; float:right; } #food-and-family-footer-text-left { padding:5px 0 0 10px; margin:0; text-align:left; } #food-and-family-footer-text-right { color:#E9E1DA; padding:12px 10px 0 0; margin:0; text-align:right; } #food-and-family-footer-text-right a { color:#E9E1DA; font-weight:600; padding:0 10px 0 10px; margin:0; text-decoration:none; } #food-and-family-footer-text-right a:hover { color:#cc0000; text-decoration:none; } /* Copyright */ #food-and-family-copyright { padding:5px 0 0 0; margin:0 auto 20px auto; width:980px; color:#897156; background:none; text-align:center; font-size:10px; text-decoration:none; } #food-and-family-copyright a { padding:0 10px 0 10px; margin:0; color:#897156; background:none; text-align:center; font-size:10px; text-decoration:none; } #food-and-family-copyright a:hover { color:#CC0000; text-decoration:none; } /* Addthis */ #food-and-family-addthis { text-align:center; padding:0; margin:0 auto; } /* CLASSES */ /* General */ .error { color:#CC0000; font-weight:bold; } .outtakes { font-family:times new roman; font-size:30px; font-weight:600; color: #C4B39F; text-align:center; font-style:normal; } .images-left { width:200px; padding:0 20px 0 0; float:left; } .clear { clear:both; } .food-and-family-titles { width:960px; padding:0 0 0 20px; margin:0 0 20px 0; font-size:20px; font-weight:600; display:inline; float:left; } /* Lists */ .ulist-indent-30 { padding:0 0 0 30px; list-style:square outside; } .olist-indent-30 { padding:0 0 0 30px; list-style:decimal outside; font-weight:bold; } .unordered-list { padding:0 0 0 5px; display: list-item; list-style-type: none; } .ordered-list { padding:0 0 0 30px; list-style:decimal outside; } /* Text Indents */ .text-indent-50 { padding:20px 50px 20px 100px; margin:0; } /* Forms */ .textarea-faf { font-size: 11px; border:1px solid #BEAA9C; padding:2px; display: inline; } .select-faf { font-size: 11px; height:22px; border:1px solid #BEAA9C; padding:2px; display: inline; } .input-faf { font-size: 11px; height:16px; text-indent:2px; border:1px solid #BEAA9C; padding:2px; display: inline; } .input-checkbox-faf { font-size: 11px; height:14px; border:1px solid #BEAA9C; vertical-align: middle; display: inline; } /* Sidebar Title Boxes */ .title-side { padding:7px 0 0 0; height:30px; text-align:center; background: url(../images/graphics/food-and-family-title-bg-side.jpg) repeat-x; } /* Center Title & Box */ .box-center-top { width:470px; height:31px; background: url(../images/graphics/food-and-family-center-box-top.jpg) repeat-x; padding:0; margin:0; } .box-center-top-text { padding:7px 0 0 0; } .box-center-middle { width:470px; padding:0; margin:0px; background: url(../images/graphics/food-and-family-center-box-middle.gif) repeat-y; } .box-center-base { width:470px; height:5px; background: url(../images/graphics/food-and-family-center-box-base.gif) no-repeat; clear:both; } .box-center-text { text-align:left; padding:15px 15px 30px 15px; margin:0; } /* Flash */ .flash-z { z-index:-1; position:relative; } /* Links */ a.blue { color:blue; text-decoration:underline; } a.blue:hover { color:#BEAA9C; text-decoration:underline; } a.recipe-title { color:#897156; font-size:14px; font-weight:600; display:inline; text-decoration:none; } a.recipe-title:hover { color:#CC0000; text-decoration:none; } a.article-title { color:#897156; font-size:14px; font-weight:600; display:inline; text-decoration:none; } a.article-title:hover { color:#CC0000; text-decoration:none; } a.categories { color:#CC0000; text-decoration:none; font-weight:600; } a.categories:hover { color:#897156; text-decoration; } a.links-red { color:#CC0000; text-decoration:underline; font-weight:bold; } a.links-red:hover { color:#897156; } a.links-red-plain { color:#CC0000; text-decoration:none; font-weight:bold; } a.links-red-plain:hover { color:#897156; } /* DROP MENU */ #drop-menu-1 ul { display:inline; z-index:30; } #drop-menu-1 { margin:0; padding:0; z-index:30; } #drop-menu-1 li { margin:0; padding:8px 13px 0 13px; list-style:none; background:url(../images/graphics/food-and-family-menu.jpg) repeat-x; height:35px; float:left; font:600 16px Arial; } #drop-menu-1 li a { margin:0 1px 0 0; padding:0; color:#E9E1DA; font:600 16px Arial; text-align:left; text-decoration:none; display:block; } #drop-menu-1 li a:hover { color:#990000; } #drop-menu-1 div { position:absolute; visibility:hidden; margin:5px 0 0 0; padding:0; background:#b7688b; border:1px solid #CC6600; z-index:30; } #drop-menu-1 div a { position:relative; display:block; margin:0; padding:5px 10px 5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; background:#CE005C; color:#fff; font:bold 12px verdana; z-index:30 } #drop-menu-1 div a:hover { background:#A40049; color:#fff; } .drop-menu-1-heading { background:#5B839F; width:140px; font-size:12px; font-weight:600; color:#fff; padding:1px 5px 1px 5px; display:block; }