/* Light Green #e7ebca Light Beighe (back of nav bar) #E0DAD4 Light Blue #7FBBC1 Red #A7001F Beige #b0a696 Light Beige #D3CFC9 Mid Blue #00539D Blue Green 2 #007783 Vibrant Green #90A106 Blue #01243D */ body { margin: 0px; font-family: Verdana; font-size: 12px; background: #EFEDEA; } p a:link, p a:visited { color: #A7001f; background-color: #ececec; } p a:hover { color: #000; background-color: #cecece; } #page { width: 760px; margin: 0px auto; background-color: #ffffff; padding: 0 0 10px 0; border-left: 1px dotted #01243D; border-right: 1px dotted #01243D; border-bottom: 1px dotted #01243D; } /* Right side column that holds the subnav, feature recipe, beanfacts etc... */ .right { width: 224px; margin: 0; float: right; display: block;} /* Left side main content area that holds all the text */ /*.txt { color: #01243D; padding: 20px; width: 493px; margin: 0; float: left; display: block;}*/ .txt { color: #01243D; padding: 20px; width: 493px; margin: 0; float: left; display: block; } .txt form {text-align:left;} .txt h1 { font-weight: normal; font-size: 20px; } .txt h1.title, h1.title {font-family: Georgia, "Times New Roman", Times, serif; font-size:26px; color:#00539D; margin-bottom: 3px; } .txt h2 { font-weight: normal; font-size: 14px; color: #00539D; margin-bottom: 5px;} .txt h3 { font-weight: normal; font-size: 12px; margin: 0; color:#A7001F; } .txt p { font-size: 11px; margin: 0 0 10px 0; line-height: 16px; } .txt p.intro { color: #7FBBC1; font-size: 12px; } .txt ol li { margin: 7px 0 0 0; } .txt .small { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; } .small { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; } /* Page Numbers ----------------*/ .paging { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; } .paging strong { padding: 3px; font-size: 160%; /*background-color:#7FBBC1;*/ } .paging em { color: #999; } .txt p label#qty { float: right; margin: -20px 0 0 0; } * html .txt p label#qty { float: right; margin: -27px 0 0 0; } .txt img.editorial_image_right { float: right; clear: right; margin: 10px 0 10px 10px; } .txt img.editorial_image_left { float: left; clear: left; margin: 10px 10px 10px 0px; } .header { background: url(images/nav/newhead.jpg) no-repeat #ffffff; height: 180px; width: 760px; display: block; } .header form { position: relative; top: 115px; left: 200px; width: 300px; margin: 0; } .header form label { display: block; width:300px; clear: right; position: relative; float: left; color: #A7001F; font-size: 12px;} .header form input { position: relative; float: left; font-size: 10px; } .header h1 { width: 112px; height: 73px; display: block; margin: 0px; padding: 0px; } .header h2 { width: 112px; height: 73px; display: block; margin: 0px; padding: 0px; } .header h2 a { width: 258px; height: 65px; display: block; background: url(images/nav/obpmb_logo.gif) no-repeat; text-indent: -9999px; text-decoration: none; } .header h3 { width: 112px; height: 73px; display: block; margin: 0px; padding: 0px; } .header h3 a { width: 258px; height: 65px; display: block; background: url(images/nav/cbg_logo.gif) no-repeat; text-indent: -9999px; text-decoration: none; } /*******************/ /* Old Header */ /*******************/ /* .header { background: url(images/bg_grad.jpg) repeat-y #ffffff; } .header form { margin-top: 10px; } .header form label { color: #A7001F; font-size: 14px; } .header h1 { width: 112px; height: 73px; display: block; margin: 0px; padding: 0px; } .header h1 a { width: 258px; height: 65px; display: block; background: url(images/ontario_bean_producers.gif) no-repeat; text-indent: -9999px; text-decoration: none; } .header h2 { width: 112px; height: 73px; display: block; margin: 0px; padding: 0px; } .header h2 a { width: 258px; height: 65px; display: block; background: url(images/nav/obpmb_logo.gif) no-repeat; text-indent: -9999px; text-decoration: none; } .header h3 { width: 112px; height: 73px; display: block; margin: 0px; padding: 0px; } .header h3 a { width: 258px; height: 65px; display: block; background: url(images/nav/cbg_logo.gif) no-repeat; text-indent: -9999px; text-decoration: none; } */ /* Main Top Menu with Dropdown td.header ul li { float: left; position: relative; height: 28px; text-decoration: none; background-image:none; } td.header ul li ul { display: none; position: absolute; top: 1em; left: 0; text-indent: 2px; z-index: 9999; background-image:none; } td.header ul li > ul { top: auto; left: auto; padding:5px; text-indent: 2px; z-index: 9999; background-image:none; } td.header ul li:hover ul, td.header ul li.over ul{ display: block; padding:5px; background-image:none;} td.header ul li ul li a { text-decoration: none; text-indent: 0; background-color: blue; background-image:none; padding: 5px;} td.header ul { display: block; float: right; list-style-type: none; margin: 0px 10px 0px 0px; padding: 0px; } td.header ul li { float: left; display: block; margin-left: 5px; } td.header ul li.recipes a { display: block; width: 61px; height: 28px; background: url(images/nav/tab_recipes.gif) no-repeat; text-indent: -9999px; text-decoration: none;} td.header ul li.nutrition a { display: block; width: 126px; height: 28px; background: url(images/nav/tab_nutrition.gif) no-repeat; text-indent: -9999px; text-decoration: none;} td.header ul li.resources a { display: block; width: 80px; height: 28px; background: url(images/nav/tab_resources.gif) no-repeat; text-indent: -9999px; text-decoration: none;} td.header ul li.about a { display: block; width: 53px; height: 28px; background: url(images/nav/tab_about.gif) no-repeat; text-indent: -9999px; text-decoration: none;} td.header ul li.beanproducers a { display: block; width: 109px; height: 28px; background: url(images/nav/tab_producers.gif) no-repeat; text-indent: -9999px; text-decoration: none;} td.header ul li.beanproducers ul li { background-image:none; } */ /* Main Top Menu WORKING*/ .header ul { display: block; position: relative; top: 150px; left: 200px; list-style-type: none; margin: 0px; padding: 0px; } .header ul li { float: left; display: block; margin-left: 5px; } .header ul li.recipes a { display: block; width: 61px; height: 28px; background: url(images/nav/tab_recipes.gif) no-repeat; text-indent: -9999px; text-decoration: none;} .header ul li.nutrition a { display: block; width: 126px; height: 28px; background: url(images/nav/tab_nutrition.gif) no-repeat; text-indent: -9999px; text-decoration: none;} .header ul li.resources a { display: block; width: 80px; height: 28px; background: url(images/nav/tab_resources.gif) no-repeat; text-indent: -9999px; text-decoration: none;} .header ul li.about a { display: block; width: 53px; height: 28px; background: url(images/nav/tab_about.gif) no-repeat; text-indent: -9999px; text-decoration: none;} .header ul li.beanproducers a { display: block; width: 109px; height: 28px; background: url(images/nav/tab_producers.gif) no-repeat; text-indent: -9999px; text-decoration: none;} .header img.rotate {display: block; position: absolute; top: 0; margin: 0 0 0 485px; height: 180px; width: 274px; } /**********************/ /* Navigation */ /**********************/ .stripe { background: url(images/nav/nav_back.gif) 0 0 repeat-x #84807b; border-bottom: 3px solid #FFFFFF; height: 30px; width: 760px; text-align: center; overflow: hidden;} .stripe .red { background: #A7001F; color: #ffffff; } .stripe .red ul li a:link { color: #ffffff; height: 15px; padding: 5px; } .stripe .red ul li a:hover { color: #cccccc; background-color: #A7001F; height: 15px; padding: 5px; } .stripe .red ul li a:visited { color: #ffffff; height: 15px; padding: 5px; } .stripe ul { display: block; list-style-type: none; margin: 0 auto; padding: 0px; height: 25px; text-align: center; } .stripe ul li { float: left; display: block; margin-left: 10px; height: 15px; padding: 10px 5px 5px 5px; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight: lighter; color: #fff; } .stripe ul li a:hover { color: #999; } .stripe ul li a:link { color: #fff; } .stripe ul li a:visited { color: #fff; } .stripe ul li.on { background: url(images/nav/nav_back_selected.gif) 0 0 repeat-x #85827d; color: #ffffff; } .stripe ul li.on a:link { color: #ffffff; } .stripe ul li.on a:visited { color: #ffffff; } /* Original Nav .stripe { background: #E0DAD4; border-bottom: 3px solid #FFFFFF; height: 25px; width: 760px; text-align: center; overflow: hidden;} .stripe .red { background: #A7001F; color: #ffffff; } .stripe .red ul li a:link { color: #ffffff; height: 15px; padding: 5px; } .stripe .red ul li a:hover { color: #cccccc; background-color: #A7001F; height: 15px; padding: 5px; } .stripe .red ul li a:visited { color: #ffffff; height: 15px; padding: 5px; } .stripe ul { display: block; list-style-type: none; margin: 0 auto; padding: 0px; height: 25px; text-align: center; } .stripe ul li { float: left; display: block; margin-left: 10px; height: 15px; padding: 5px; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight: lighter; color: #00539D; } .stripe ul li a:hover { color: #000; background-color: #D1C8C0; height: 15px; padding: 5px; } .stripe ul li a:link { color: #00539D; height: 15px; padding: 5px; } .stripe ul li a:visited { color: #00539D; height: 15px; padding: 5px; } .stripe ul li.on { background-color: #A7001F; color: #ffffff; height: 15px; padding: 5px; } .stripe ul li.on a:link { background-color: #A7001F; color: #ffffff; height: 15px; padding: 5px; } .stripe ul li.on a:visited { background-color: #A7001F; color: #ffffff; height: 15px; padding: 5px; } */ /*******************/ /* More button div */ .more { border: 1px solid #000; padding: 10px; background-color: #fff; width: 450px; margin-top: 0; } .more img { float: left; margin-right: 15px; } td.recepefeature { display: block; width: 209px; height: 64px; background: url(images/feature/menu_back.gif) no-repeat 0px 0px; padding-left: 15px; } td.recepefeature:hover { background: url(images/feature/menu_back.gif) no-repeat 0px -64px; } td.recepefeature p a { display: block; width: 209px; height: 64px; background: url(images/feature/menu_back.gif) no-repeat 0px 0px; padding-left: 15px; } td.recepefeature h1 a { display: block; width: 209px; height: 64px; background: url(images/feature/menu_back.gif) no-repeat 0px 0px; padding-left: 15px; } td.recepefeature img a{ display: block; width: 209px; height: 64px; background: url(images/feature/menu_back.gif) no-repeat 0px 0px; padding-left: 15px; } td.recepefeature a { text-decoration: none; } td.recepefeature h1 { margin: 0 0 5px 0; color: #A7001F; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; } td.recepefeature p { margin: 0; color: #333333; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; } td.recepefeature img { margin: 0 10px 0 0; float: left; } td.recepefeature p a:hover { background-position: 0px -64px; } td.recepefeature h1 a:hover { background-position: 0px -64px; } td.recepefeature img a:hover { background-position: 0px -64px; } .nav { background: #E7EBCA; margin: 0px; padding: 0px; } .nav a { text-decoration: none; } .nav ul { list-style-type: none; margin: 0px; padding: 0px; } .nav ul li { width: 224px; height: 64px; display: block; margin: 0px; padding: 0px; } .nav ul li.appetizers a { display: block; width: 224px; height: 64px; background: url(images/nav_app.gif) no-repeat 0px 0px; text-indent: -9999px; } .nav ul li.appetizers a:hover { background-position: 0px -64px; } .nav ul li.maincourse a { display: block; width: 224px; height: 64px; background: url(images/nav_main.gif) no-repeat 0px 0px; text-indent: -9999px; } .nav ul li.maincourse a:hover { background-position: 0px -64px; } .nav ul li.dessert a { display: block; width: 224px; height: 64px; background: url(images/nav_dessert.gif) no-repeat 0px 0px; text-indent: -9999px; } .nav ul li.dessert a:hover { background-position: 0px -64px; } .nav ul li a.current { background-position: 0px -64px; } .feature { /*background: #E7EBCA;*/ margin: 0px; padding: 10px; } .feature a { text-decoration: none; } .feature h3 { color: #A7001F; font-size: 18px; font-weight: normal; margin: 10px 0px 10px 0px; padding: 0px; } .feature p { margin: 10px 0px 0px 0px; color: #007783; padding: 0px; } .alsosee_img { float: left; padding-right: 10px; } .alsosee { font-size: 10px; color: #01243D; } .alsosee a { font-size: 10px; color: #01243D; } .alsosee a:link { font-size: 10px; color: #01243D; background: none; } .alsosee a:visited { font-size: 10px; color: #01243D; background: none; } .alsosee a:hover { font-size: 10px; color: #A7001F; background: none; } .feature img { margin: 0 10px 3px 0px; clear: both; } .feature a:link { color: #01243D; background: none; } /* Right ride section nav area */ .section_nav { background: #D3CFC9; margin: 0px; padding: 0px 0px 10px 0px; } .section_nav h1.health { display: block; width: 224px; height: 50px; background: url(images/section_nav/nutrition_health2.jpg) 0 0 no-repeat; margin: 0 0 10px 0; text-decoration: none; text-indent: -9999px; } .section_nav h1.about { display: block; width: 224px; height: 50px; background: url(images/section_nav/about_us.jpg) 0 0 no-repeat; margin: 0 0 10px 0; text-decoration: none; text-indent: -9999px; } .section_nav a { text-decoration: none; } .section_nav h3 { color: #01243D; font-size: 16px; font-weight: normal; margin: 0px 10px 0px 10px; } .section_nav p { font-size: 10px; margin: 3px 10px 0px 10px; padding: 5px; color: #A7001F; background-color: #E2E0DC; } .section_nav a { color: #01243D; } .section_nav ul { list-style-type: none; margin: 0px 10px 10px 10px; padding: 0px; } .section_nav li { display: block; width: 190px; font-size: 10px; margin: 3px 0px 0px 0px; padding: 5px; color: #A7001F; background-color: #E2E0DC; list-style-type: none; } .section_nav li a:hover { text-decoration: underline; } /* Original Upcoming Events .upcoming { background: #D3CFC9; border-top: 4px solid #FFFFFF; padding: 15px;} .upcoming h3 { margin: 0px; padding: 0px; display: block; color: #01243D; font-weight: lighter; font-size: 18px; } .upcoming dl { margin: 0px; padding: 0px; } .upcoming dl dt { color: #007783; font-weight: bold; font-size: 10px; margin-top: 0px; } .upcoming dl dd { color: #333; font-size: 10px; } */ /* New Upcoming Events ------------*/ .upcoming { display: block; width: 224px; height: 70px; background: url(images/events.gif) 0 0 no-repeat; margin: 10px 0 10px 0; } .upcoming h3 { margin: -5px 0 0 0; padding: 0px; display: block; width: 35px; position: relative; left:35px; top: 21px; color: #A7001F; font-weight: bold; font-size: 1.8em; font-family:Arial, Helvetica, sans-serif; text-align: center;} .upcoming h4 { margin: 0px; padding: 0px; display: block; width: 35px; position: relative; left:35px; top: 15px; color: #ffffff; font-weight: bold; font-size: .8em; font-family:Arial, Helvetica, sans-serif; text-align: center;} .upcoming dl { margin: 0px; padding: 0px; } .upcoming dl dt { color: #007783; font-weight: bold; font-size: 10px; margin-top: 0px; } .upcoming dl dd { color: #333; font-size: 10px; } /* .beautifulbean { background: url(images/beautiful_bean.gif) no-repeat; width: 109px; height: 56px; color: #666666; font-size: 9px; padding: 55px 0px 0px 115px; } .beautifulbean a { color: #666666; text-decoration: none; position: relative; padding: 0px; margin: 0px; } .beautifulbean h3 { display: none; } */ .beautifulbean { background: url(images/beautiful_bean.gif) no-repeat; width: 210px; height: 56px; color: #666666; font-size: 9px; padding: 68px 0px 0px 0px; } .beautifulbean a { color: #666666; text-decoration: none; position: relative; padding: 0px; margin: 0px; } .beautifulbean h3 { display: none; } .beanfacts { width: 224px; font-family: tahoma, arial, helvetica, sans-serif; } .beanfacts h1 { float: left; text-align:right; font-family: tahoma, arial, helvetica, sans-serif; font-size: 25px; width: 40px; font-weight: lighter; margin: 0 10px 0 10px; color: #b0a696;} .beanfacts p { float: left; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; font-weight:bold; width: 150px; margin: 0; color: #b0a696;} td.healthy { background: #C8C1B6; border-right: 4px solid #FFFFFF; border-top: 4px solid #FFFFFF; } td.main { padding: 10px; } td.main { font-size: 10px; color: #01243D; background: url(images/bg_main.gif) no-repeat top right; } td.main h3 { display: block; margin: 0px; padding: 0px; width: 214px; height: 217px; text-indent: -9999px; background: url(images/whitepeabeans.gif) no-repeat; float: left; } td.main h4 { color: #00539D; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: normal; padding: 0px 0px 0px 10px; margin: 20px 0px 10px 0px; } td.main p { padding-top: 0px; margin-top: 0px; padding-right: 20px; padding-left: 10px; } td.main .foot { clear: left; background: #E0DAD4; margin: 10px 0px 10px 10px; padding: 5px; font-size: 9px; color: #01243D; } td.main .foot strong { color: #00539D; font-weight: normal; } .main { padding: 0 10px 10px 10px; margin: -10px 0 0 0; } .main { font-size: 10px; color: #01243D; background: url(images/bg_main.gif) no-repeat top right; } .main h3 { display: block; margin: 0px; padding: 0px; width: 214px; height: 217px; text-indent: -9999px; background: url(images/whitepeabeans.gif) no-repeat; float: left; } .main h4 { color: #00539D; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: normal; padding: 0px 0px 0px 10px; margin: 20px 0px 10px 0px; } .main p { padding-top: 0px; margin-top: 0px; padding-right: 20px; padding-left: 10px; } .main .foot { clear: left; background: #E0DAD4; margin: 10px 0px 10px 10px; padding: 5px; font-size: 9px; color: #01243D; } .main .foot strong { color: #00539D; font-weight: normal; } td.pg2 .foot { clear: left; background: #E0DAD4; margin: 10px 10px 10px 10px; padding: 5px; font-size: 9px; color: #01243D; } .foot { clear: left; background: #E0DAD4; margin: 10px 10px 10px 10px; padding: 5px; font-size: 9px; color: #01243D; } .recipearea { width: 490px; margin-bottom: 15px; font-size: 11px; display: block; clear: both;} .recipearea h3 { margin-bottom: 15px; font-size: 2.5em; font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif; font-weight: lighter; color: #00539D; } .recipearea td { font-size: 11px; } .recipe_col1 { float: left; width: 200px; margin-right: 10px; } .recipe_col2 { float: left; width: 280px; } td.recipearea { padding: 5px; font-size: 11px; } .alternate { background-color: #e7ebca; padding: 5px; font-size: 11px; } /* Alternate Background colour for Nutrition Table Cells */ .alt1 { background-color: #e7ebca; padding: 5px; font-size: 11px; margin-top: 3px; } .alt2 { background-color: #bacfe1; padding: 5px; font-size: 11px; margin-top: 3px; } .alt3 { background-color: #ecdca4; padding: 5px; font-size: 11px; margin-top: 3px; } .alt1, .alt2, .alt3 a, a:link, a:visited {text-decoration:none; color: inherit; } .ingredientearea { width: 490px; font-size: 11px; display: block; } .ingredientearea td { border-top: 1px solid #cccccc; padding: 5px; font-size: 11px; } /* .eventProducers { background-color: #e7ebca; padding: 5px; font-size: 11px; margin-top: 3px; } .eventConsumers { background-color: #bacfe1; padding: 5px; font-size: 11px; margin-top: 3px; } */ .eventProducers p strong{ text-align:left; } .eventProducers { background-color: #ffffff; padding: 5px; font-size: 11px; margin-top: 3px; color:#00539D; } .eventConsumers { background-color:#F0F0F0; padding: 5px; font-size: 11px; margin-top: 3px; color:#01243D; font-style:italic;} .producers { padding: 20px 20px 20px 10px; color: #01243D; background-color: #ffffff; } .producers h1 { font-weight: normal; font-size: 20px; font-family:Georgia, "Times New Roman", Times, serif; color:#90A106; margin-top:0;} .producers h2 { font-weight: normal; font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif; color:#01243d; } .producers h3 { font-weight: bolder; font-size: 12px; margin: 0 0 4px 0; color:#A7001F; text-transform:uppercase; letter-spacing:0.2em; color:#90A106; } .producers p { /*font-size: 11px;*/ margin: 0 0 10px 0; } .producers p.intro { color: #7FBBC1; font-size: 13px; } .producers img { float:left; margin: 0 10px 10px 0; } /* producers main nav */ #producer_navbar { height: 2.4em; background: #A7001f; border-bottom: 1px solid #90A106; font: 12px Georgia, Times, serif; overflow: hidden; min-width: 720px; max-width: 758px; margin:0; color: #fff; } #producer_navbar li {float: left; padding: 0 14px 0 6px; margin-right: 15px; } #producer_navbar li a {display: block; padding: 0.75em 0 0.25em 0; text-transform: uppercase; color: #fff;} #producer_navbar a:hover, a { color: #555; } /* #navbar {height: 2.4em; background: #FBFAF4; border-top: 5px solid #333; font: 18px Georgia, Times, serif; overflow: hidden; min-width: 750px;} #navbar li {float: left; padding: 0 23px 0 13px; margin-right: 5px; background: url(/pix/diamond-black.gif) 100% 66% no-repeat;} #navbar li a {display: block; padding: 0.75em 0 0.25em; text-transform: uppercase; color: #000;} */ /* Columns */ .navigation { float:left; display:block; width:150px; margin-right:30px; } /* Producers page navigation */ .navigation ul { list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px; font-size:10px; font-weight: bold; } .navigation ul li { border-top: 1px solid #cecece; margin: 4px 0px 0px 0px; padding: 0px; } .navigation ul li a { color: #01243d; text-decoration: none; } .navigation ul li a:hover { color: #000000; text-decoration:underline; } .navigation ul.producers_sub { list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px; font-size:10px; font-weight:normal; } .navigation ul li.producers_sub { border-top: 1px solid #cecece; margin: 3px 0px 0px 0px; padding: 0px; } .navigation ul li a.producers_sub { color: #01243d; text-decoration: none; } .navigation ul li a:hover.producers_sub { color: #000000; text-decoration:underline; } /* 3column layout */ .left_content { float:left; display:block; width:410px; margin-right:20px; } .left_content .left_col1 { float:left; display:block; width:200px; margin-right:10px; } .left_content .left_col2 { float:left; display:block; width:200px; clear:right; } .right_content { float:left; display:block; width:120px; margin-right:0px; clear:right; } /* 2column layout ------------------------------*/ .content { float:left; display:block; width:730px; clear:right; } .content .producer_col1 { float:left; display:block; width:500px; margin-right:20px; overflow: hidden; } .content .producer_col2 { float:left; display:block; width:200px; clear:right; overflow: hidden; } .content .producer_col2 h1 { font-weight: bolder; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 0; text-transform:uppercase; letter-spacing:0.2em; color:#01243D; background-color:#E0DAD4; padding:3px;} .content .producer_col2 p { font-size: 10px; margin: 0 0 10px 0; border-bottom:1px solid #ececec; padding:3px; color:#333333; } .content .producer_col2 td { font-size: 10px; font-weight: lighter; } .content .producer_col2 table {width: 200px; margin: 0;} /* Blog Page styles ----------------------------- */ #search {display: block; position: relative; float: left; width: 200px; } #producertitle {display: block; position: relative; float: left; width: 250px; } h6.pagetitle { color: #A7001F; font-size: 30px; font-weight: lighter; margin: 0; } .blog h1 { background-color: #aaa099; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #ffffff;} .blog h1.new { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #ffffff; text-indent: 35px; background: url('images/new.gif') 3px 3px no-repeat #aaa099; } .blog h1.important { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #ffffff; text-indent: 35px; background: url('images/important.gif') 3px 3px no-repeat #aaa099; } .date { text-align: right; font-size: 11px; color: #999; margin: 0; } .pull { float: right; clear:right; font-weight: normal; width: 150px; font-size: 15px; line-height: 20px; font-family:Georgia, "Times New Roman", Times, serif; color:#90A106; text-align:center; padding:10px; margin:10px 0 10px 10px; border-top: 2px solid #90A106; border-bottom: 2px solid #90A106; font-style:italic;} .news { width:100%; padding:10px; border:1px solid #333333; margin: 10px 0 10px 0; } .news h1 { font-weight: normal; font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif; color:#01243d; background-color:#e7ebca; padding:3px; margin-top:0; } .news p { /*font-size: 10px;*/ margin: 0 0 10px 0; border-bottom:1px solid #ececec; padding:3px; color:#333333; background-color: #E7F2F3; } .col1 { float: left; width: 230px; margin-right: 25px; } .col2 { float: left; width: 230px; } .cola { float: left; width: 220px; margin-right: 25px; } .colb { float: left; width: 220px; margin-right: 25px; } .colc { float: left; width: 220px; } .colbig { float: left; width: 230px; margin-right: 25px; } .colsmall { float: left; width: 230px; } /*.clear { clear: both; height: 1px; overflow: hidden; margin-top: -1px; font-size: 1px; }*/ .clear { height: 1px; clear: both; overflow: hidden; display: block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*.clear { display: inline-block; } */ /* Holly Hack Targets IE Win only \*/ * html .clear {height: 1%;} .clear {display: block;} /* End Holly Hack */ html[xmlns] .clear {display: block;} hr { border-bottom: 2px dotted #00539D; border-top: none; height: 2px; margin: 5px 0 5px 0; clear: both; text-decoration: none; } h1#title { font-size: 1.3em; font-weight: lighter; color: #7f783a; font-family:Georgia, "Times New Roman", Times, serif; } h2#author { font-size: 0.9em; color: #666; font-weight: lighter; margin-bottom: 0; } h3#date { font-size: 0.8em; color: #999; margin-top: 0; font-weight: lighter; } p#synopsis { display: none; } p#keywords { display: none; } /* Home page recipe Promos ----------------*/ #outter { background-color: #ffffff; padding: 0 0 5px 0; margin: 0; width: 760px; /*min-height: 400px;*/ } #outter #homepromo { margin: 0; width:730px; display: block; clear: right; position: relative;} #outter #homepromo .mainimg1 { margin: 0; /*display:block;*/ width:535px; height:217px; background: url('images/feature/appetizer.jpg') no-repeat 0 0 #999; position: absolute; left: 0px; top: 0px; text-indent: -9999px; } #outter #homepromo .mainimg2 { margin: 0; /*display:block;*/ width:535px; height:217px; background: url('images/feature/dessert.jpg') no-repeat 0 0 #f10; position: absolute; left: 0px; top: 0px; text-indent: -9999px; } #outter #homepromo .mainimg3 { margin: 0; /*display:block;*/ width:535px; height:217px; background: url('images/feature/main.jpg') no-repeat 0 0 #cf1; position: absolute; left: 0px; top: 0px; text-indent: -9999px; } #outter #homepromo #homeright { display:block; width:220px; height: 217px; margin: 0 0 0 540px; } #outter #homepromo #homeright UL { list-style-type: none; padding: 0px; display:block; width: 220px; min-height: 217px; margin: 0; clear: right; } #outter #homepromo #homeright li { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; overflow: hidden; } #outter #homepromo #homeright li a { text-decoration: none; } #outter #homepromo #homeright li.thumb1 a { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; background: url('images/feature/spring_app.jpg') 0 0 no-repeat; text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb1 a:hover { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; background: url('images/feature/spring_app.jpg') 0 -72px no-repeat; text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb1 a:visited {text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb2 a { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; background: url('images/feature/spring_main_tn.jpg') 0 0 no-repeat; text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb2 a:hover { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; background: url('images/feature/spring_main_tn.jpg') 0 -72px no-repeat; text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb2 a:visited {text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb3 a { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; background: url('images/feature/spring_dessert_tn.jpg') 0 0 no-repeat; text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb3 a:hover { margin: 0; text-indent:-9999px; display: block; width: 220px; height: 72px; background: url('images/feature/spring_dessert_tn.jpg') 0 -72px no-repeat; text-decoration: none; overflow: hidden; } #outter #homepromo #homeright li.thumb3 a:visited {text-decoration: none; overflow: hidden; } #outter #homepromo h1 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; margin-bottom:3px; } #outter #homepromo h2 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; margin-top: 0; } #outter #homepromo p { font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; } .blogheader { display: block; background: url(images/blog_head.jpg) 0 0 no-repeat #73a0c5; margin: 0 0 0 1px; padding: 0; height: 180px; width: 758px; } .tableborder{ height:70px; border-left-style:solid; border-left-width:2px; border-left-color:#009900; border-right-style:solid; border-right-width:2px; border-right-color:#009900; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#009900; vertical-align:bottom; text-align:right; } input.button { font-family:Verdana,sans-serif; background-color:#EEEEEE; border-style:solid; border-width:1px; } /*llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll*/ .recipePageTitle { font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:26px; color:#00539D; } #recipeThumbsContainer { float: left; display: block; width: 490px; margin:0; clear: right; text-align:center; } #recipeThumbsContainer .recipeThumb { display: block; width: 150px; margin-right:10px; margin-top:10px; margin-bottom:20px; } #recipeThumbsContainer .recipeThumb p { color:red; } .recipeThumbInfo { } .recipeThumbInfo h4 { font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:11px; color:#A7001F; margin-top:2px; } .recipeThumbInfo p a { font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; margin-top:-10px; /* background-image:url(images/icon-addtobook.jpg); */ background-repeat:no-repeat; background-position:center center; display:block; padding-left:20px; width:130px; } .recipeThumbInfo p a:hover { background-image:url(images/bu-addToRecON.gif); background-repeat:no-repeat; background-position:center center; display:block; padding-left:20px; text-decoration:underline; width:130px; } .recipeThumbInfo h4 a { color:#A7001F; } .recipeThumbInfo h4 a:hover { text-decoration:underline; color:#666666; } .recipeThumbInfo p { background-color:#FFFFFF; } .recipeThumbPicture { height:150px; width:150px; position:relative; display:block; border:#CCCCCC 1px solid; overflow: hidden; } .recipeThumbPicture a { } .recipeThumbPicture a img { position:absolute; bottom:0; border:0; } .recipePaging { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:10px; } #recipe_book_header { background: url(images/grnHeader.gif) 0 0 no-repeat #588a47; width: 437px; color: #ffffff; padding:8px; } #recipe_book_header h1, #recipe_book_header h2, #recipe_book_header p {color: #ffffff; }