/* *** COLORS green: #0C6736; gray: #D8D8D8; beige: #EEECD0; */ #page { width: 944px; margin: 0 auto; } #header { padding-top: 5px; } #logo { text-align: center; } #logo span { display: block; text-indent: -9999em; width: 5em; height: 0; overflow: hidden; } #nav-main { position: relative; margin:0 -10px; width: 944px; padding:10px; list-style: none; font-size: 18px; background: url(../images/nav/menu_bar.gif) no-repeat 0 100%; } #nav-main ul { list-style: none; display: block; float: left; padding: 0; margin: 0; } #nav-main li { float: left; } #nav-main .lamb ul { display: none; } #nav-main .beef ul { } #nav-main a { color: #0C6736; font-size: 18px; display: block; position: static; width: 155px; padding: 8px 0 6px; border-right: solid 2px #D8D8D8; color: #0C6736; line-height: 1; text-decoration: none; text-align: center; } #nav-main a.active, #nav-main a:hover { background-color: #0C6736; color: #fff; } #nav-main .beef { width: 628px; } #nav-main .lamb { width: 314px; } #nav-main .beef > a, #nav-main .lamb > a { position: absolute; float: none; top:-24px; left: 0; padding: 14px; border: none; font-size: 16px; text-align: center; z-index: 99; } #nav-main .beef > a:hover, #nav-main .lamb > a:hover { background-color: transparent; color: #0C6736; } #nav-main .beef > a { background: url(../images/nav/beef_active.gif) no-repeat 0 0; width: 46px; padding: 14px 0 10px 10px; } #nav-main .lamb > a { left: 56px; background: url(../images/nav/beef_active2.gif) no-repeat 0 0; width: 48px; padding:14px 10px 10px 0; } #lamb #nav-main > li.active-trail > a, .lamb #nav-main > li.active-trail > a { background-image: url(../images/nav/sheep_active2.gif); } #nav-main .beef > a.active, #nav-main .lamb > a.active { color: #0C6736; } #lamb #nav-main .beef > a, body.lamb #nav-main .beef > a { background: url(../images/nav/sheep_active.gif) no-repeat 0 0; } #nav-main li.recipes a { width: 159px; border: none; } .recipe #nav-main li.recipes a, #nav-main li.recipes a.active, #nav-main li.recipes a:hover { background-color: #0C6736; color: #fff; background-image: url(../images/nav/menu_bar_right_a.gif); background-position: 100% 0; background-repeat: no-repeat; } #nav-main ul li.last a { border-right: solid 2px #D8D8D8; } #nav-main ul li.first { position: relative; z-index: 101; } #nav-main ul li.first a.active, #nav-main ul li.first a:hover { background:#0C6736 url(../images/nav/menu_bar_left_a.gif) no-repeat 0 0; color: #fff; } .news #nav-main li.news a { background-color: #0C6736; color: #fff; } #lamb #nav-main .beef ul, body.lamb #nav-main .beef ul { display: none; } #lamb #nav-main .lamb ul, body.lamb #nav-main .lamb ul { display: block; } #lamb #nav-main li.recipes a, body.lamb #nav-main li.recipes a { width: 155px; border-right: solid 2px #D8D8D8; } #lamb #nav-main .last a:hover, body.lamb #nav-main .last a:hover { background-image: none; } /* end nav */ #content { position: relative; margin: 0 -10px; background:#003B78 url(../images/bg/generic_middle.gif) repeat-y 0 0; } #content h1 { padding: 64px 74px 0 74px; font-size: 38px; line-height: 1.5; color: #fff; background: transparent url(../images/bg/generic_top.gif) no-repeat 0 0; } .wrap { padding: 0 0 74px 0; min-height: 946px; background: transparent url(../images/bg/generic_bottom.jpg) no-repeat 0 100%;} #leftcol { float: left; width: 496px; margin:0 0 0 74px; } #leftcol .newstitle { position: relative; margin-left: -16px; margin-right: -16px; padding:0 16px 0.875em; border-bottom: solid 2px #0C6736; } .inner a, #leftcol a { color: #0C6736; } #leftcol img.left { margin:0 1em 1em 0; } #leftcol img.right { margin:0 0 1em 1em; } #leftcol .cols { margin: 0 0 1.5em 0; } #leftcol .cols .col { width: 216px; margin:0; } .wrap .pager { font-size:.9em; background:#EEECD0; padding:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin: 0; text-align: center; } .wrap .pager li { display: inline; } .wrap .pager li a { color:#2774AA; text-decoration: none; padding: 2px 5px; } .wrap .pager li a:hover { text-decoration: underline; } .wrap .messages { background:transparent url(../images/info_icon_2-trans.png) no-repeat scroll 16px 50%; border:1px solid #FFFFFF; color:#FFFFFF; padding:24px 16px 24px 80px; margin:0 74px 1em 74px; } .wrap .messages ul, wrap .messages p { margin-bottom: 0; } #rightcol { float: right; width: 256px; padding-right: 74px; color: #fff; } #rightcol a { color: #fff; } #rightcol .block-search { } #rightcol .menu, #rightcol .view { border: dashed 2px #fff; padding: 16px; margin-bottom: 32px; } #rightcol ul.menu { list-style: none; } #rightcol .view ul { list-style: none; padding: 0; margin: 0; } #rightcol .menu li, #rightcol .view li { margin-bottom: 8px; } #rightcol .menu li.last, #rightcol .view li.last { margin-bottom: 0; border: none; } #rightcol .menu a, #rightcol .view a { text-decoration: none; } #rightcol .menu a:hover, #rightcol .view a:hover { text-decoration: underline; } #rightcol .promos { border: none; padding: 0; } #rightcol .stars { list-style: none; padding: 0; margin-bottom: 32px; } #rightcol .stars li { background: url(../images/star.png) no-repeat 0 1px; padding: 0 0 4px 20px; } #rightcol .News { background:#EEECD0; padding:8px 16px; border: none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin: 0 0 32px 0; } #rightcol .News li { border-bottom: solid 1px #0C6736; padding: 8px 0; margin-bottom: 0; } #rightcol .News a { color: #0C6736; } /* .wrap .block { background: transparent url(../images/block.svg) no-repeat 0 0; } */ .block { color:#0C6736; background:#EEECD0; padding:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #footer { margin:24px 0 16px 0 !important; padding-bottom: 80px; background: url(../images/cow.gif) no-repeat 50% 100%; } #footer a { color: #0C6736; } #secondary { position: relative; margin-bottom: 24px; overflow: hidden; } #secondary .section { float: left; position: relative; width: 270px; padding: 16px; margin: 0 16px 0 0; color: #0C6736; border: dashed 1px; min-height: 164px; } #secondary .section h2 { font-size: 14px; font-weight: bold; } #secondary .section h2 a { text-decoration: none; } #secondary div.last { margin-right: 0; } #secondary .section .text { padding: 0; } #secondary .section .ampersand { /* display: block; */ } #secondary .section .more { margin: 0; text-align: right; position: absolute; bottom:16px; right:16px; } #secondary .okinawa-promo h2 { float: right; width: 208px; text-align: center; } #secondary .okinawa-promo .image { float: left; width: 58px; } #secondary .okinawa-promo .text { text-align: right; } #secondary .okinawa-promo .date { border: 0 !important; font-weight: bold; } #secondary .recipe-contest { position: relative; margin: -16px; } #secondary .recipe-contest p { margin:0; } #secondary .recipe-contest a, #secondary .recipe-contest img { display: block; } #secondary .feed-item { height: 160px; } #secondary .feed-item h2 { margin-bottom: 0; } #secondary .feed-item .date { font-size: 0.8572em; margin-bottom: 0.5em; } #footer .nav, #footer .menu { padding: 8px; text-align: center; font-size:12px; line-height: 1; background: #0C6736; color: #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #footer .nav li, #footer .menu li { display: inline; margin-right: 64px; } #footer .menu li.last { margin-right: 0; } #footer .nav li.last { margin-right: 0; } #footer .menu a { color: #fff; text-decoration: none; } #footer .menu a:hover { text-decoration: underline; } #footer .copyright { text-align: center; font-size: 12px; color: #0C6736; } .form-required { color: #d80000; } .form-item label { display: block; margin-bottom: 0.2em; } .form-item { margin-bottom: 1em; } .form-item .description { font-size: 0.857em; } .form-submit { margin-right: 1em; } #search-block-form { margin-bottom: 32px; } #search-block-form label { display: none; } #search-block-form .form-text { height: 16px; padding: 1px; border: solid 1px #fff; color: #fff; line-height: 1; background: transparent; } #search-block-form input.img { margin-left: 8px; padding-top:1px; vertical-align: middle; } #comments { color: #0C6736; margin-bottom: 32px; padding: 16px 64px 32px 64px; border: solid 1px #0C6736; border-width: 1px 0; } #comments h2.header { float: right; width: 416px; margin-bottom: 16px; } #comments .comment { float: right; clear: right; width: 416px; margin-bottom: 2em; } #comments .comment .content { border: dashed 1px #0C6736; padding: 8px; margin-bottom: 8px; } #comments .comment .picture { width: 85px; float: left; margin-right: 16px; } #comments .comment .links { list-style: none; text-align: right; padding-right: 9px; font-size: 12px; } #comments .comment .links li { display: inline; margin-left: 8px; } #comments .box { width: 334px; } #comment-form .form-text { border: solid 1px #0C6736; width: 100%; } #comment-form .form-textarea { border: solid 1px #0C6736; width: 100%; } #comment-form .tips { font-size: 0.857em; margin-bottom: 2em; } /* page specific */ #front #content { background: #B5C1E1 url(../images/bg/home_middle.png) repeat-y 0 0; } #front #content h1 { background-image: url(../images/bg/home_top.png); } #front .wrap { position: relative; min-height: 540px; background: transparent url(../images/bg/home_bottom.jpg) no-repeat 0 100%; } #front #content h1 { color: #0C6736; } #front #leftcol { color: #0C6736; width: 418px; } #front #leftcol .stars { border: dashed 2px #0C6736; list-style: none; padding:8px 0 0 8px; margin: 0; font-size: 0.785em; } #front #leftcol .stars li { float: left; width: 195px; padding: 0 8px 8px 0; } #front #rightcol .promos { position: absolute; top: 74px; right: 64px; } #front .wrap .news { position: absolute; left: 0; bottom: 32px; width: 912px; padding: 5px 16px; margin-left: 10px; background-color: #0C6736; color: #fff; font-size: 12px; text-align: center; } #front .wrap .news div { display: inline; } #front .wrap .news a { color: #fff; } #tasty #content { background: #43548E url(../images/bg/tasty_middle.jpg) repeat-y 0 0; } #tasty #content h1 { background-image: url(../images/bg/tasty_top.jpg); } #tasty .wrap { min-height: 964px; background: transparent url(../images/bg/tasty_bottom.jpg) no-repeat 0 100%; } #safe #content { background: #43548E url(../images/bg/safe_middle.jpg) repeat-y 0 0; } #safe #content h1 { background-image: url(../images/bg/safe_top.jpg); } #safe .wrap { min-height: 964px; background: transparent url(../images/bg/safe_bottom.jpg) no-repeat 0 100%; } #healthy #content { background: #43548E url(../images/bg/healthy_middle.jpg) repeat-y 0 0; } #healthy #content h1 { background-image: url(../images/bg/healthy_top.jpg); } #healthy .wrap { min-height: 964px; background: transparent url(../images/bg/healthy_bottom.jpg) no-repeat 0 100%; } #healthy #leftcol { width:464px; } #retail_promotion #content { background: #43548E url(../images/bg/seal-promotion_middle.jpg) repeat-y 0 0; } #retail_promotion #content h1 { background-image: url(../images/bg/seal-promotion_top.jpg); } #retail_promotion .wrap { min-height: 1300px; background: transparent url(../images/bg/seal-promotion_bottom.jpg) no-repeat 0 100%; } body.lamb #content { background: #43548E url(../images/bg/sheep_middle.jpg) repeat-y 0 0 !important; } body.lamb #content h1 { background-image: url(../images/bg/sheep_top.jpg) !important; } body.lamb .wrap { min-height: 964px; background: transparent url(../images/bg/sheep_bottom.jpg) no-repeat 0 100% !important; } #lamb #content { background: #43548E url(../images/bg/sheep2_middle.jpg) repeat-y 0 0; } #lamb #content h1 { background-image: url(../images/bg/sheep2_top.jpg); } #lamb .wrap { min-height: 964px; background: transparent url(../images/bg/sheep2_bottom.jpg) no-repeat 0 100%; } #beef #content { background: #8084A7 url(../images/bg/beef1_middle.png) repeat-y 0 0; } #beef #content h1 { background-image: url(../images/bg/beef1_top.png); } #beef .wrap { min-height: 964px; background: transparent url(../images/bg/beef1_bottom.jpg) no-repeat 0 100%; } #news #content { background: #113B73 url(../images/bg/news_middle.png) repeat-y 0 0; } #news #content h1 { background-image: url(../images/bg/news_top.png); padding: 64px 74px 0 74px; } #news .wrap { background: transparent url(../images/bg/news_bottom.jpg) no-repeat 0 100%; } #news .block { margin:0 0 20px 0; padding: 16px 0; } #news .block h2 { border-bottom:2px solid #0C6736; margin:0; padding:0 16px 8px 16px; } #news .block h2 a { color: #0C6736; text-decoration: none; } #news .block h2 a:hover { color: #2774AA; } #news .date { border-bottom:1px dashed #0C6736; padding:3px 16px; } #news .date, #news .links { font-size:.9em; text-align:right; } #news .text { line-height:1.3em; padding:1em 16px 0 16px; } #news .links { padding:16px 16px 0 0; margin: 0; } #news .links a { text-decoration:none; color:#2774AA; } #news .links li { display: inline; border-right: solid 1px #2774AA; margin-right: 8px; padding-right:8px; white-space: nowrap; } #news .links li.last { border: none; margin-right: 0; padding: 0; } .news #content { background: #113B73 url(../images/bg/news_middle.png) repeat-y 0 0; } .news .wrap { background: transparent url(../images/bg/news_bottom.jpg) no-repeat 0 100%; } .news .newstitle { padding: 64px 74px 0 74px; margin: 0; font-size: 38px; line-height: 1.5; color: #fff; background: transparent url(../images/bg/news_top.png) no-repeat 0 0; } .news #content h1 { position: relative; margin:0 -16px 16px -16px; padding:0 16px 8px 16px; background: none; color: #0C6736; font-size: 16px; border-bottom:2px solid #0C6736; } .news #content .block { margin:0 0 20px 0; } .news #content img.left { margin:0 1em 1em 0; } .news #content img.right { margin:0 0 1em 1em; } .news #content .wide { margin-bottom: 2em; text-align: center; } #searchpage #search-form { display: none; } #searchpage .box h2 { display: none; } #searchpage .block { margin:0 0 20px 0; padding: 16px 0; } #searchpage .block h2 { display: block; border-bottom:2px solid #0C6736; margin:0; padding:0 16px 8px 16px; } #searchpage .block h2 a { color: #0C6736; text-decoration: none; } #searchpage .block h2 a:hover { color: #2774AA; } #searchpage .block .search-snippet { padding: 16px; margin: 0; } .page-wide #content { background: #9EC34C url(../images/bg/grass_middle.jpg) repeat-y 0 0; } .page-wide .inner { background-image: url(../images/bg/grass_top.jpg); background-repeat:no-repeat; padding:0 0 10px 0; } .page-wide #content h1 { background-image:none; padding:64px 74px 8px 74px; } .page-wide .wrap { background-image: url(../images/bg/grass_bottom.png); padding-bottom: 64px; min-height: 640px; } .page-wide #content .block { margin:0 74px; } .page-wide #content .block .even { float: right; clear: right; } .page-wide #content .block .odd { clear: both; } .page-wide #content .entry { float: left; margin-bottom: 32px; width: 380px; min-height: 200px; } .page-wide #content .entry h2 { border-bottom: 2px solid #77AB87; padding: 0 0 2px 0; margin: 0; } .page-wide #content .entry .image { float: left; width: 160px; } .page-wide #content .entry .text { float: left; width: 204px; margin: 8px 0 0 16px; } .page-wide .block-menu { position: absolute; top:24px; left: 50%; } .page-wide .block-menu ul { position: relative; overflow: auto; list-style: none; padding: 8px; margin: 0 0 0 -50%; float: left; background: #EEECD0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .page-wide .block-menu li { float: left; border-right: solid 1px #0C6736; padding: 0 8px; } .page-wide .block-menu li.last { border: 0; } .page-wide .block-menu a { color: #0C6736; text-decoration: none; } .page-wide .block-menu a.active, .page-wide .block-menu a:hover { text-decoration: underline; } #meatcuts #content .entry { float: none !important; width: auto; } #meatcuts #content .entry .image { float: left; width: 240px; margin-right: 16px; } #meatcuts #content .entry .text { width: 480px; } #downloads #content .entry { margin-bottom: 32px; width: auto; float: none; } #downloads #content .entry h3 { margin: 0; font-weight: normal; line-height: 1.5; border-bottom: solid 1px #0C6736; } #downloads #content .entry h3 a { text-decoration: none; color: #0C6736; } #downloads #content .entry .image { float: left; width: 240px; margin-right: 64px; } #downloads #content .entry .image a, #downloads #content .entry .image img { display: block; } #downloads #content .entry .text { float: left; width: 240px; margin:8px 24px 0 0; } #downloads #content .entry .more { margin-top: 8px; } #downloads #content .entry .more ul { list-style: none; } #downloads #content .entry .more a { color: #0C6736; } .filefield-icon { float: left; margin-right: 0.5em; } .filefield-file { overflow: hidden; } /*-----------------------------------------------------------------------------*/ body.contest #content, #contest #content { background: #46b035 url(../images/bg/contest_middle_2010.jpg) repeat-y 0 0; } body.contest .wrap, #contest .wrap { background-image: url(../images/bg/contest_bottom_2010.jpg); } body.contest .inner, #contest .inner { background: transparent url(../images/bg/contest_top_2010.jpg) no-repeat 0 0; padding: 0; } body.contest .contest-head, #contest .contest-head { visibility: hidden; height: 330px; overflow: hidden; } #contest .prices { margin:0 10px 40px 10px; background: url(../images/bg/contest_line_2010.png) repeat-x 0 0; } #contest .prices ul { list-style: none; color: #fff; padding: 10px 0; background: url(../images/bg/contest_line_2010.png) repeat-x 0 100%; } #contest .prices li { float: left; height:4em; padding: 0 20px; background: url(../images/bg/contest_line_vert_2010.png) repeat-y 100% 0; } #contest .prices li.last { background: none; } #contest .prices p { font-size: 11px; margin: 0; } body.contest .inner .block, #contest .inner .block { background-color: #fff; } #contest .inner .block ul { list-style: none; padding-left: 0; } #contest .inner .block li { padding-left: 24px; background: url(../images/star_green.gif) no-repeat 0 0; margin-bottom: 10px; } #contest div.messages { margin: 0 0 20px 0; padding: 10px; background: #fff; color: #0C6736; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; font-size: 0.8752em; } #contest div.error { color: #D80000; } #contest-gallery h1, #recipe_2010 h1, #contest-apply h1 { background: none; padding-top: 330px; } /* apply */ #contest-apply .status { display: none; } #contest-apply .form-text { border: solid 1px #0C6736; } #contest-apply fieldset { clear: both; margin-bottom: 20px; } #contest-apply textarea, #contest-apply input { font-size: 1em; color: #0C6736; } #contest-apply legend { font-size: 1.25em; font-weight: bold; } #contest-apply .form-item .description { margin-top: 2px; } #contest-apply .group-address, #contest-apply .group-name { margin-bottom: 0; } #contest-apply .wysiwyg { display: none; } #contest-apply .group-furigana .form-item, #contest-apply .group-name .form-item { float: left; width: 49%; padding-top: 10px; } #contest-apply .group-furigana #edit-field-furigana-firstname-0-value-wrapper, #contest-apply .group-name #edit-field-firstname-0-value-wrapper { float: right; } #contest-apply .group-furigana label, #contest-apply .group-name label { display: inline; } #contest-apply .group-furigana input, #contest-apply .group-name input { width: 160px; display: inline; } #contest-apply .group-furigana legend { font-size: 1em; font-weight: normal; } #contest-apply #edit-field-address2-0-value-wrapper, #contest-apply #edit-field-tel-0-value-wrapper { position: relative; margin: 0 -16px 20px -16px; padding:0 16px 20px 16px; background: url(/images/recipecontest/form-separator.png) no-repeat 0 100%; } #contest-apply #edit-field-nickname-0-value-wrapper, #contest-apply #edit-field-postcode-0-value-wrapper { padding-top: 10px; } #contest-apply #edit-field-quantity-value-wrapper label, #contest-apply #edit-field-generation-value-wrapper label, #contest-apply #edit-field-prefecture-value-wrapper label, #contest-apply #edit-field-postcode-0-value-wrapper label { display: inline; } #contest-apply #edit-field-quantity-value-wrapper .form-select, #contest-apply #edit-field-generation-value-wrapper .form-select, #contest-apply #edit-field-prefecture-value-wrapper .form-select, #contest-apply #edit-field-postcode-0-value-wrapper .form-text { display: inline; } #contest-apply #edit-field-postcode-0-value-wrapper .form-text { width: 5em; } #contest-apply .form-radios .form-item { margin-bottom: 2px; } #contest-apply .node-form { text-align: center; } #contest-apply .node-form .form-item, #contest-apply .node-form fieldset { text-align: left; } #contest-apply #edit-field-agreement-value-wrapper, #contest-apply .node-form .thank-you { position: relative; margin: 0 -16px 20px -16px; padding:20px 16px 0 16px; text-align: left; background: url(/images/recipecontest/form-separator.png) no-repeat 0 0; } #contest-apply #edit-field-agreement-value-wrapper { margin-bottom: 0; } #contest-apply .form-submit { border: none; background: #0C6736; padding: 8px 24px; color: #fff; font-weight: bold; } #contest-apply #edit-field-userfile-0-filefield-upload { display: none; } /* recipe detail */ #recipe_2010 .author, #recipe_2010 .img { text-align: center; } #recipe_2010 .ingredients, #recipe_2010 .steps { margin-bottom: 1.5em; } /* contest gallery */ #contest-gallery .contest-head { height: 0; } #contest-gallery #leftcol { margin-bottom: 24px; width: 536px; } #contest-gallery #rightcol { } #contest-gallery .contest-2010-gallery { clear: both; margin: 0 40px 0 74px; background: none; } #contest-gallery .recipe { float: left; width: 240px; padding: 8px; margin: 0 24px 24px 0; background-color: #fff; } #contest-gallery .recipe h2 { font-size: 1em; height: 2.5em; } #contest-gallery .recipe h2 a { color: #0C6736; text-decoration: none; } #contest-gallery .recipe img { display: block; margin-bottom: 0.25em; } #contest-gallery .recipe p { margin-bottom: 0.25em; } #contest-gallery .recipe .more-link { position: relative; margin: 0 -8px -4px -8px; padding: 5px 8px 0 8px; text-align: right; border-top: dashed 1px #a1bcaa; /* background: url(../images/bg/contest_formline_2010.png) no-repeat 0 0; */ } #contest-gallery .recipe .more-link a { text-decoration: none; } #contest-gallery .contest-2010-gallery .item-list { clear: both; width: 816px; } #contest-gallery .contest-2010-gallery .pager { background-color: #fff; } /* tell a friend */ #webformblock-210 { padding: 20px 0; text-align: center; color: #0C6736; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; } #webformblock-210 form { padding-top: 20px; background: url(../images/bg/contest_formline_2010.png) no-repeat 0 0; } #webformblock-210 h2, #webformblock-210 p { padding: 0 20px; margin-bottom: 10px; } #webformblock-210 input { border: solid 1px #0C6736; background: #fff; } #webformblock-210 .form-item { margin-bottom: 10px; text-align: left; } #webformblock-210 .form-text { width: 98%; font-size: 1em; color: #0C6736; } #webformblock-210 .webform-component-textfield, #webformblock-210 .webform-component-email { padding: 0 20px; } #webformblock-210 #webform-component-your_email, #webformblock-210 #webform-component-friend_email { padding-bottom: 10px; margin-bottom: 10px; background: url(../images/bg/contest_formline_2010.png) no-repeat 0 100%; } #webformblock-210 #edit-submit { background: #0C6736; padding: 8px 24px; color: #fff; font-weight: bold; } #webformblock-210 p.required { font-size: 0.75em; } /*-----------------------------------------------------------------------------*/ #recipes #content { background: #A9A699 url(../images/bg/recipe_middle.jpg) repeat-y 0 0; } #recipes .wrap { background-image: url(../images/bg/recipe_bottom.jpg); } #recipes .inner { background: transparent url(../images/bg/recipe_top.jpg) no-repeat 0 0; padding: 0 74px 32px 74px; } #recipes #content h1 { background:none; clear:both; color:#0C6736; padding:64px 0 0 0; } #recipes #content h1 span { display: block; margin-left: 3.4em; } #recipes #content .intro { width:415px; margin-bottom: 264px; color:#0C6736; text-align: right; } #recipes .top4 { font-size:0.9em; background:#EEECD0; margin-bottom: 32px; padding:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #recipes .top4 ul { list-style: none; padding: 0; margin: 0; } #recipes .top4 li { float: left; position: relative; width: 182px; margin:0 18px 0 0; padding: 0; } #recipes .top4 li a, #recipes .top4 li img { display: block; } #recipes .top4 li.last { margin-right: 0; } #recipes .top4 .views-field-title { position: absolute; top:16px; left:0; width: 100%; } #recipes .top4 .views-field-title a { color: #fff; border-top: dashed 1px #fff; text-decoration: none; padding: 8px 6px 4px 6px; } #recipes .inner h2.archive { margin: 0 0 8px 0; font-size: 38px; color: #fff; } #recipes .inner .block { margin-bottom: 16px; } #recipes .entry { margin-bottom: 32px; } #recipes .entry h3 { margin: 0; font-weight: normal; line-height: 1.5; border-bottom: solid 1px #0C6736; } #recipes .entry h3 a { text-decoration: none; color: #0C6736; } #recipes .entry .image { float: left; width: 240px; margin-right: 64px; } #recipes .entry .image a, #recipes .entry .image img { display: block; } #recipes .entry .text { float: left; width: 240px; margin:8px 24px 0 0; } #recipes .entry .more { margin-top: 8px; } #recipes .entry .more ul { list-style: none; } #recipes .entry .more a { color: #0C6736; } .recipe .wrap { } .recipe .inner { padding: 0 74px 64px 74px; color: #fff; background: transparent url(../images/bg/generic_top.gif) no-repeat 0 0;} .recipe #content h1 { background: none; padding: 64px 0 8px 0; width: 480px; font-size: 24px; } .recipe .messages { margin:0 0 1em 0; } .recipe .inner h3 { font-weight: normal; } .recipe .inner .image { float: left; width: 478px; margin-bottom: 32px; } .recipe .inner .image img { display: block; border:solid 1px #fff; } .recipe .inner .difficulty { float: right; width: 264px; margin-bottom: 16px; } .recipe .inner .steps { float: left; width: 480px; padding:0; margin-bottom: 64px; } .recipe .inner .steps .text { background:#EEECD0; color: #0C6736; margin:0; padding:16px 16px 1px 16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .recipe .inner .steps ol { list-style: none; padding: 0; margin: 0; } .recipe .inner .steps li { overflow: hidden; padding: 0 0 16px 0; margin-bottom: 16px; border-bottom: dashed 1px #0C6736; } .recipe .inner .steps li ul { margin-bottom: 0; list-style: disc; } .recipe .inner .steps li li { overflow: visible; } .recipe .inner .steps li .last { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .recipe .inner .steps li h3 { font-weight: bold; margin-bottom: 8px; } .recipe .inner .steps .preps { position: relative; float: left; width: 140px; margin: -8px 8px 0 0; } .recipe .inner .steps .preps img { display: block; margin-top: 8px; } .recipe .inner .ingredients { float: right; width: 264px; margin-bottom: 32px; } .recipe .inner .ingredients ul { list-style: none; padding: 0; margin-bottom: 32px; } .recipe .inner .ingredients li { background: url(../images/star.png) no-repeat 0 1px; padding: 0 0 0 20px; } .recipe .inner .message { float: right; width: 264px; background: url(../images/kentetsu_tips.jpg) no-repeat 0 2.6em; } .recipe .inner .message .text { position: relative; border: dashed 1px #fff; padding: 8px; margin-left: 96px; } .recipe .inner .message ul { list-style: none; padding: 0; margin: 0; } .recipe .inner .message li { margin-bottom: 16px; } .recipe .inner .message .arrow { position: absolute; left: -11px; top:8px; display: block; width: 11px; height: 23px; background: transparent url(../images/speak-trans.png) no-repeat 0 0; } #beef-roots-ginger-stew #content { background: #893C49 url(../images/bg/recipe3_middle.jpg) repeat-y 0 0; } #beef-roots-ginger-stew .inner { background: transparent url(../images/bg/recipe3_top.jpg) no-repeat 0 0; } #beef-roots-ginger-stew .wrap { min-height: 1550px; background-image: url(../images/bg/recipe3_bottom.jpg); } #korean-style-sukiyaki-nabe #content { background: #C25E44 url(../images/bg/recipe4_middle.jpg) repeat-y 0 0; } #korean-style-sukiyaki-nabe .inner { background: transparent url(../images/bg/recipe4_top.jpg) no-repeat 0 0; } #korean-style-sukiyaki-nabe .wrap { min-height: 1550px; background-image: url(../images/bg/recipe4_bottom.jpg); } #koh-kentetsu-sirloin-shabu-salad #content { background: #4E602E url(../images/bg/recipe2_middle.jpg) repeat-y 0 0; } #koh-kentetsu-sirloin-shabu-salad .inner { background: transparent url(../images/bg/recipe2_top.jpg) no-repeat 0 0; } #koh-kentetsu-sirloin-shabu-salad .wrap { min-height: 1550px; background-image: url(../images/bg/recipe2_bottom.jpg); } #koh-kentetsu-rib-stirfry-wrap #content { background: #4E602E url(../images/bg/stirfry_middle.jpg) repeat-y 0 0; } #koh-kentetsu-rib-stirfry-wrap .inner { background: transparent url(../images/bg/stirfry_top.jpg) no-repeat 0 0; padding-bottom: 284px; } #koh-kentetsu-rib-stirfry-wrap .wrap { min-height: 1550px; background-image: url(../images/bg/stirfry_bottom.jpg); } #beef-vegetables-curry-by-kou-kentetsu #content { background: #EFCE37 url(../images/bg/curry_middle.jpg) repeat-y 0 0; } #beef-vegetables-curry-by-kou-kentetsu .inner { background: transparent url(../images/bg/curry_top.jpg) no-repeat 0 0; } #beef-vegetables-curry-by-kou-kentetsu .wrap { min-height: 1550px; background-image: url(../images/bg/curry_bottom.jpg); } #beef-spice-covered-somen-by-kou-kentetsu #content { background: #C4E6E7 url(../images/bg/soumen_middle.jpg) repeat-y 0 0; } #beef-spice-covered-somen-by-kou-kentetsu .inner { background: transparent url(../images/bg/soumen_top.jpg) no-repeat 0 0; } #beef-spice-covered-somen-by-kou-kentetsu .wrap { min-height: 1550px; background-image: url(../images/bg/soumen_bottom.jpg); } #stroganoff #content { background: #C7BE61 url(../images/bg/stroganoff_middle.jpg) repeat-y 0 0; } #stroganoff .inner { background: transparent url(../images/bg/stroganoff_top.jpg) no-repeat 0 0; } #stroganoff .wrap { min-height: 1550px; background-image: url(../images/bg/stroganoff_bottom.jpg); } #kalbisoup #content { background: #DF552A url(../images/bg/kalbisoup_middle.jpg) repeat-y 0 0; } #kalbisoup .inner { background: transparent url(../images/bg/kalbisoup_top.jpg) no-repeat 0 0; } #kalbisoup .wrap { min-height: 1550px; background-image: url(../images/bg/kalbisoup_bottom.jpg); } /* rounded corner fixes. */ @media all and (min-width:0) { .wrap .pager, #rightcol .News, #recipes .top4, .block { background:transparent url(../images/block.svg) no-repeat 0 0; } #footer .menu { background:transparent url(../images/footer.svg) no-repeat 0 0; } /* #front #rightcol .promos { border-color:transparent; background:transparent url(../images/promo.svg) no-repeat 0 0; } #front #rightcol .promos .koh { bottom: 1px; } */ } @-moz-document url-prefix(http://) { .wrap .pager, #rightcol .News, #recipes .top4, .block { background:#EEECD0; } #footer .menu { background:#0C6736; } /* #front #rightcol .promos { border-color:#0C6736; } #front #rightcol .promos .koh { bottom: 0; } */ } @media projection, all and (-webkit-min-device-pixel-ratio:0) { .wrap .pager, #rightcol .News, #recipes .top4, .block { background:#EEECD0; } #footer .menu { background:#0C6736; } /* #front #rightcol .promos { border-color:#0C6736; background: transparent; } #front #rightcol .promos .koh { bottom: 0; } */ } /* DIAGNOSTICS */