/* -----------------------------------*/ /* -->>> MAIN CSS File <<<-----*/ /* -----------------------------------*/ /* My color chart this is just for general site wide elements ------------------------------------------ lines that divide boxes on homepage: #969696 site text color (dark gray) #5A5A5A main link visited (green) #7D980B submenu colors (gray) #5a5a5a ------------------------------------------*/ /* GENERAL SITEWIDE LAYOUT ----------------------------------------------- */ body {font-family: Arial, Helvetica, sans-serif;font-size: 12px; background: #251e17;} #wrapper {margin: 0 ; padding:0; width: 1100px; } #faux {background: url(/images/middle.gif);background-repeat:repeat-y;margin: 0 0 0 -5px; width: 1060px;position:relative;} #bottom_border {background: url(/images/bottom.gif);background-repeat:repeat-y;margin: -2px 0 0 -5px; width: 1060px;height:23px;} #top_border {background: url(/images/top.gif);background-repeat:repeat-y;margin: 10px 0 -2px -5px; width: 1060px;height:23px;} #header {position:relative;width: 997px;color: #fff;background: #2A1F15;height:90px; margin: 0 ;padding: 0;background: url(/images/menu_background.png);background-repeat:no-repeat;} .newsletter_dropdown {position: absolute; top: 90px; left:465px; background: url(/images/newsletter_strip.png);background-repeat:repeat-x; width:280px;padding:0px 5px 0 5px;} .newsletter_dropdown input { background-color: #fff; border:1px solid #fff;margin-bottom: 3px;} .newsletter_dropdown p, .newsletter_dropdown h1 { color: #fff; } .newsletter_dropdown h1 { margin-bottom:2px;padding:0;} .newsletter_dropdown p { padding:2px 0 10px 0; margin:0;} .newsletter_dropdown form { padding:0; margin:0;} a.close_form { position:absolute; position: absolute; top: 170px;left:245px; color:#fff;} img#logo {position:absolute; top:3px; left:5px; margin:0px 0px 0 5px; } #section_title { margin: 20px 0 0 0; padding:0;} /**Main Menu Large -- not ie6 has specific rules in another file**/ #main_menu {position:absolute; top:3px; left:270px; width: 500px; padding:0; margin:0; } #nav {margin: 0; padding: 0; height: 35px; list-style: none; display: inline; overflow: hidden; } #nav li { margin: 0; padding: 0; list-style: none; display: inline; } #nav a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0 !important; height /**/:35px; /* for IE5/Win only */ } #nav a:hover { background-position: 0 -35px; } #nav a:active, #nav a.selected { background-position: 0 -35px; } #home a { width: 55px; background: url(/images/home.png) top left no-repeat; } #private_catering a { width: 75px; background: url(/images/private_catering.png) top left no-repeat; } #cooking_lessons a { width: 80px;background: url(/images/cooking_lessons.png) top left no-repeat; } #wine_tasters a { width: 65px;background: url(/images/wine_tasters.png) top left no-repeat; } #cake_lady a { width: 70px;background: url(/images/cake_lady.png) top left no-repeat; } #blog a { width: 45px;background: url(/images/blog.png) top left no-repeat; } #books_downloads a { width: 80px;background: url(/images/books_downloads.png) top left no-repeat; } /**Sub Menu Small**/ #sub_menu {position:absolute; top:50px; left:230px; width: 550px; padding:0; margin:0;} #nav_sub {margin: 0; padding: 0; height: 35px; list-style: none; display: inline; overflow: hidden;} #nav_sub li { margin: 0; padding: 0; list-style: none; display: inline; } #nav_sub a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0 !important; height /**/:35px; /* for IE5/Win only */ } #nav_sub a:hover { background-position: 0 -35px; } #nav_sub a:active, #nav_sub a.selected { background-position: 0 -35px; } #newsletter a { width: 75px; background: url(/images/newsletter.png) top left no-repeat; } #testimonials a { width: 85px;background: url(/images/testimonials.png) top left no-repeat; } #links a { width: 40px;background: url(/images/links.png) top left no-repeat; } #contact_us a { width: 65px;background: url(/images/contact_us.png) top left no-repeat; } #restauraphile a { width: 110px;background: url(/images/the_restauraphile.png) top left no-repeat; } #tips_recipies a { width: 55px;background: url(/images/tips_recipies.png) top left no-repeat; } #about_hulya a { width: 80px;background: url(/images/about_hulya.png) top left no-repeat; } #footer {width: 977px;clear: both;color: #fff;background: #251E17;height:120px; margin: 0px ;padding: 10px;} #footer_container { margin-right:250px; text-align:right; } #footer_container ul {float:right; margin-left:25px} #footer_container a {color:#fff;} .clear { clear: both;} /* HOME PAGE ----------------------------------------------- */ .announce_bar {height: 40px; width:429px; margin: 15px 0 0 0; padding:0; background: url(/images/bg_headingbar.gif); background-repeat:repeat-x; border:1px solid #ebe1d3;} .announce_bar h1 { font-size: 22px; font-weight: bold; color:#2A1F15;background:transparent; margin:6px 4px 0 5px;padding:0;} .announce_bar_small { height: 30px; width:429px; margin: 5px 0 0 0; padding:0; background: url(/images/bg_headingbar.gif); background-repeat:repeat-x;border:1px solid #ebe1d3;} .announce_bar_small h1 { font-size: 19px; font-weight: bold; color:#2A1F15;background:transparent; margin:4px 4px 0 5px;} #leftcolumn_home {color: #333;margin: 100px 0px 10px 10px;padding: 5px;width: 430px; float: left;background:#fff; display:inline;} /**specific for the home page**/ #leftcolumn {color: #333;margin: 20px 0px 20px 10px;padding: 5px 5px 10px 5px;width: 430px; float: left;background:#fff;display:inline;} .bx_left{background: transparent; padding:0; margin:10px 10px 0 0;float:left;width:210px;display:inline;} .bx_left h2{margin:-3px 0; padding:0;} .bx_right{background: transparent;padding:0; margin:10px 0 0 0;float:left;width:210px;display:inline;} .bx_right h2{margin:-3px 0; padding:0;} .horz_intro_bx { margin: 5px 0 0 0; padding:0;} .horz_intro_bx .img_bx { float:left; display:inline;padding:0 5px 0 0; margin:0; width:90px} .horz_intro_bx .txt_bx { float:left; display:inline;padding:0; margin:0; width:315px;} #leftcolumn img { clear:both; } #rightcolumn_home { float: left;color: #333; margin: 100px 0 10px 10px; padding: 5px; width: 270px; background:#fff;display:inline}/**specific for the home page**/ .featured_img {margin-bottom: 5px; } #rightcolumn { float: left;color: #333; margin: 20px 0 20px 10px; padding: 5px 5px 10px 5px; width: 270px; background:#fff;display:inline} #splash_img {background: url(/images/foodwise_bk.gif);background-repeat:repeat;margin: 0 0 0 35px; width: 996px; padding:0;} #splash_img_blog {background: url(/images/foodwise_bk.gif);background-repeat:repeat;margin: 0 0 0 35px; width: 996px; padding:0;} #splash_mesg {margin: 50px 0 0 10px; } .bar_brown { height: 40px; width:270px; background: #19130B; margin:0;} .bar_brown h1{ font-size: 16px; font-weight: bold; color:#fff;margin:0;padding:5px; } .bar_green { height: 40px; width:270px; background: #B0C436; margin:0;} .bar_green h1{ font-size: 16px; font-weight: bold; color:#000;margin:0;padding:5px; } .bar_blue { height: 40px; width:270px; background: #6898C9; margin:0;} .bar_blue h1{ font-size: 16px; font-weight: bold; color:#000;margin:0;padding:5px; } /* TYPOGRAPHY ----------------------------------------------- */ .clear {clear:both; } h1 {margin: 10px 0 0 0; padding:0;font-size: 25px ; font-weight:bold;color: #B0C436;} h2 {font-size: 18px;font-weight:bold;color:#B0C436; margin: 0px;; padding: 0;} h3 { font-size: 17px;padding:0; margin:0;color: #594E3F;} p { margin-bottom: 5px; color:#2A1F15; line-height:1.6em} a:link {color: #2D2D2D;text-decoration: none; } a:visited {color: #2D2D2D; text-decoration:none;} a:hover {text-decoration: underline; color:#2586B0;} a:active { text-decoration: none; } ul, li {list-style-type:none; } strong {font-weight:bold; } a:link { color: #2586B0;text-decoration: none; } a:visited { color: #2586B0; text-decoration:none;} a:hover { text-decoration: underline; color:#2586B0;} a:active { text-decoration: none; } span.legal { font-size: 10px; font-weight:bold; color:#2586B0 } h1#article_title {margin-bottom:25px; margin-top:0px;} /* LEFT / RIGHT COLUMN - GENERAL ----------------------------------------------- */ #leftcolumn .article {margin-bottom:40px; border-bottom: 1px solid #DCDCDC;} #leftcolumn .article h2 {margin-bottom:5px;} #leftcolumn .article li {list-style-type: disc; list-style-position:inside; } #leftcolumn article img {margin-top:10px; margin-bottom:10px; float:left;clear:both;width:430px;} #leftcolumn .article_full {margin-bottom:30px; } #leftcolumn .article_full h2 {margin-bottom:5px;} #leftcolumn .article_full p {margin-bottom:20px;} #leftcolumn .article_full em {font-weight:bold;font-style:italic; margin-bottom:30px;} #leftcolumn .article_full li {list-style-type: disc; list-style-position:inside; } #leftcolumn article_full img {margin-top:10px; margin-bottom:10px; float:left;clear:both;} /* CONTACT FORM - CONTACTS PAGE ----------------------------------------------- */ #leftcolumn form.zemContactForm li {list-style-type: none; margin-bottom:10px; } ul#contact_form { margin-bottom: 30px; margin-top:30px;} ul#contact_form strong { font-weight:bold;} ul#contact_form{ list-style-type:none; margin-top:2px;} .form_container {list-style-type: none; padding:0; margin:0;} .form_container li {list-style-type: none; } form li{display:block; margin:0;padding:4px 0px 6px 0px; } li.buttons{ clear:both; display:block; margin-top:5px;width:20%;} li.buttons input{ color:#fff;background:#2A1F15;font-weight:bold;} .form_container input{background:#fff url(/images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#333; font-size:12px; margin:0; padding:1px 0 5px 0; width:99%;} .form_container textarea { background:#fff url(/images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c;color:#333; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; margin:0; width:99%;} /* COMMENTS ----------------------------------------------- */ .comm_box { background:#9FD7F8; margin: 30px 0 -5px 0; padding:15px 5px 0 5px;} .comm_box img {margin-left: 5px; margin-top:-5px; } .the_comm {text-align: right; } .the_comm p.small_txt{font-size:11px; color:#9FD7F8;} .comment { background: url(/images/comment_bubble.png) no-repeat 0 1px; padding-left: 18px; color: #2f2f2f; text-decoration: none;} /* BLOG ----------------------------------------------- */ .links {margin-bottom: 15px; } .links h2 {color:#564438; font-size:18px;} dd{font-size:16px; padding-bottom: 5px;} dt{font-size: 20px; margin-bottom:20px;} #blog_section img{margin-bottom:5px;} /* ------------------------------------------ -----------CREDITS------------- ------------------------------------------ */ .credits {background: transparent; width: 300px; float:right;margin-top:0px;margin-right:70px; text-align:right;margin-bottom:20px;} .credits p a{font-size: 11px; color:#8d8986; text-decoration:none;} .credits img {margin-bottom:-4px; }