/* Theme Name: The Big Yum Theme URI: http://www.thebigyum.com/ Description: Custom Theme for The Big Yum Author: Tim Holt for Rob Jones Author URI: http://www.surefiredigital.co.uk/ Version: 2.0 */ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { padding: 8px 0; font-weight: normal; text-transform: lowercase; color: #F58220; } h1 { font-size: 1.3em; } h2 { font-size: 1.2em; } h3 { font-size: 1em; } p { padding: 8px 0; line-height: 1.3em; font-size: 0.7em; line-height: 1.3em; } em { font-style: normal; color: #EC008C; } #content ul, #content ol { padding: 5px 5px 5px 20px; font-size: 0.7em; } a { text-decoration: none; color: #EC008C; } a:hover { text-decoration: underline; } a img { border: none; } .alignLeft { float: left; margin: 5px 10px 5px 0; } .alignRight { float: right; margin: 5px 0 5px 10px; } .alignCenter { margin: 5px auto; } .clearfix { clear: both; } span.gilder-levin { display: block; position: absolute; left: 0; top: 0; } a span.gilder-levin:hover { cursor: pointer; } body { position: relative; font-family: "Comic Sans MS", arial, sans serif; font-size: 110%; text-align: center; background: #fff; color: #fff; } #wrapper { margin: 22px auto; width: 865px; text-align: left; background: url(images/main.png) left top repeat-y; } #header { position: relative; padding: 23px 26px 0 26px; width: 813px; min-height: 35px; background: url(images/header.png) left top no-repeat; } #header h1.siteTitle { float: left; position: relative; margin-right: 47px; padding: 0; width: 110px; height: 81px; color: #FFF4D9; } #header h1.siteTitle a { text-decoration: none; color: #EC008C; } #header h1.siteTitle a:hover { text-decoration: underline; } #header h1.siteTitle a span.gilder-levin { width: 110px; height: 81px; background: url(images/logo.png); } ul.nav { margin-top: 50px; list-style: none; } ul.nav li { position: relative; float: left; margin-right: 16px; height: 34px; font-size: 0.8em; text-transform: lowercase; } ul.nav li a { text-decoration: none; color: #FFF4D9; } ul.nav li a:hover { text-decoration: underline; } ul.nav li a span.gilder-levin { height: 34px; } ul.nav li.page-item-home, ul.nav li.page-item-6 { width: 49px; } ul.nav li.page-item-home a span.gilder-levin, ul.nav li.page-item-6 a span.gilder-levin { width: 49px; background-image: url(images/gl_home.gif); } ul.nav li.page-item-about-us, ul.nav li.page-item-2 { width: 72px; } ul.nav li.page-item-about-us a span.gilder-levin, ul.nav li.page-item-2 a span.gilder-levin { width: 72px; background-image: url(images/gl_about_us.gif); } ul.nav li.page-item-our-range, ul.nav li.page-item-161 { width: 81px; } ul.nav li.page-item-our-range a span.gilder-levin, ul.nav li.page-item-161 a span.gilder-levin { width: 81px; background-image: url(images/gl_our_range.gif); } ul.nav li.page-item-shop, ul.nav li.page-item- { width: 42px; } ul.nav li.page-item-shop a span.gilder-levin, ul.nav li.page-item- a span.gilder-levin { width: 42px; background-image: url(images/gl_shop.gif); } ul.nav li.page-item-blog, ul.nav li.page-item-7 { width: 38px; } ul.nav li.page-item-blog a span.gilder-levin, ul.nav li.page-item-7 a span.gilder-levin { width: 38px; background-image: url(images/gl_blog.gif); } ul.nav li.page-item-kind-words, ul.nav li.page-item-163 { width: 88px; } ul.nav li.page-item-kind-words a span.gilder-levin, ul.nav li.page-item-163 a span.gilder-levin { width: 88px; background-image: url(images/gl_kind_words.gif); } ul.nav li.page-item-stockists, ul.nav li.page-item-165, ul.nav li.page-item-434 { width: 69px; } ul.nav li.page-item-stockists a span.gilder-levin, ul.nav li.page-item-165 a span.gilder-levin, ul.nav li.page-item-434 a span.gilder-levin { width: 69px; background-image: url(images/gl_stockists.gif); } ul.nav li.page-item-contact-us, ul.nav li.page-item-5 { width: 83px; } ul.nav li.page-item-contact-us a span.gilder-levin, ul.nav li.page-item-5 a span.gilder-levin { width: 83px; background-image: url(images/gl_contact_us.gif); } p#strapline { padding: 15px 0 5px 0; width: 813px; font-size: 7pt; text-transform: uppercase; background: url(images/dot.png) left 4px repeat-x; color: #EC008C; } #main { padding: 10px 26px; width: 813px; } /* #id_stockists #main { background: url(images/content_stockists_map.gif) 595px top no-repeat; }*/ #id_stockists #content { position: relative; } #id_stockists #stockists_map { position: absolute; right: 0; top: 0; width: 250px; } #id_stockists .postContent { padding-right: 320px; min-height: 180px; } ul#sidebar { float: left; margin-top: 52px; width: 114px; list-style: none; padding-bottom: 0; margin-bottom: 0;} ul#sidebar li { margin-bottom: 7px; padding-bottom: 39px; width: 114px; } ul#sidebar li .widgetInner { width: 114px; font-size: 0.8em; font-weight: bold; color: #fff; } ul#sidebar li h3.widgetTitle { padding: 15px 12px 2px 12px; font-size: 0.85em; font-weight: bold; text-transform: none; color: #fff; } ul#sidebar li .widgetInner p { font-weight: normal; padding: 2px 12px; font-size: 0.75em; text-transform: none; color: #fff; } ul#sidebar li#widget_social_links { margin-bottom: 0; padding-bottom: 0; } ul#sidebar li.widget_orange { background: url(images/quote_bottom_orange.png) left bottom no-repeat; } ul#sidebar li.widget_orange .widgetInner { background: url(images/quote_orange.png) left top repeat-y; } ul#sidebar li.widget_orange h3.widgetTitle { background: url(images/quote_top_orange.png) left top no-repeat; } ul#sidebar li.widget_blue { background: url(images/quote_bottom_blue.png) left bottom no-repeat; } ul#sidebar li.widget_blue .widgetInner { background: url(images/quote_blue.png) left top repeat-y; } ul#sidebar li.widget_blue h3.widgetTitle { background: url(images/quote_top_blue.png) left top no-repeat; } ul#sidebar li.widget_green { background: url(images/quote_bottom_green.png) left bottom no-repeat; } ul#sidebar li.widget_green .widgetInner { background: url(images/quote_green.png) left top repeat-y; } ul#sidebar li.widget_green h3.widgetTitle { background: url(images/quote_top_green.png) left top no-repeat; } ul#sidebar li.widget_red { background: url(images/quote_bottom_red.png) left bottom no-repeat; } ul#sidebar li.widget_red .widgetInner { background: url(images/quote_red.png) left top repeat-y; } ul#sidebar li.widget_red h3.widgetTitle { background: url(images/quote_top_red.png) left top no-repeat; } ul#sidebar li.widget_pink { background: url(images/quote_bottom_pink.png) left bottom no-repeat; } ul#sidebar li.widget_pink .widgetInner { background: url(images/quote_pink.png) left top repeat-y; } ul#sidebar li.widget_pink h3.widgetTitle { background: url(images/quote_top_pink.png) left top no-repeat; } #widget_subscription { position: absolute; right: 23px; top: 0; padding-bottom: 39px; width: 209px; background: url(images/quote_bottom_pink_209.png) left bottom no-repeat; } #widget_subscription .widgetInner { width: 209px; font-size: 0.8em; font-weight: bold; color: #fff; background: url(images/quote_pink_209.png) left top repeat-y;} #widget_subscription h3.widgetTitle { padding: 15px 12px 2px 18px; font-size: 0.85em; font-weight: bold; text-transform: none; background: url(images/quote_top_pink_209.png) left top no-repeat; color: #fff; } #widget_subscription form { padding: 2px 12px; } #widget_subscription form p { padding: 2px 0 5px 0; } #widget_subscription form label { display: block; padding: 2px 0; font-weight: bold; } #widget_subscription form input { display: block; } ul#sidebar li p { padding: 2px 12px; font-size: 0.7em; } ul#sidebar li ul { padding: 2px 12px; float: none; font-size: 0.7em; list-style: none; } ul#sidebar li ul li { padding: 2px 0; background: none; } ul#sidebar li ul li a { color: #fff; } #content { position: relative; float: right; width: 676px; } #content blockquote.testimonial { position: absolute; left: 435px; bottom: 0; width: 200px; } #content blockquote.testimonial p { padding: 1px 0; color: #F58220; } #content blockquote.testimonial p cite { font-style: normal; font-size: 0.8em; color: #EC008C; } .postContent { padding-right: 20px; } h1.pageTitle { margin-bottom: 3px; padding-top: 0; padding-bottom: 0; overflow: hidden; } #id_home #content { padding-right: 298px; width: 358px; min-height: 570px; background: url(images/content_home.jpg) right 155px no-repeat; } #id_home h1.pageTitle { position: relative; width: 350x; height: 56px; } #id_home h1.pageTitle span.gilder-levin { width: 350px; height: 56px; background-image: url(images/gl_title_welcome.png); } #id_about_us #content { padding-right: 257px; width: 399px; min-height: 326px; background: url(images/content_about_us.jpg) right top no-repeat; } #id_about_us h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_about_us h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_about_us.png); } #id_our_range #content { padding-right: 298px; width: 358px; min-height: 420px; background: url(images/content_our_range.jpg) right top no-repeat; } #id_our_range h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_our_range h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_our_range.png); } #id_shop #content { padding-right: 286px; width: 370px; min-height: 277px; background: url(images/content_shop.png) right 100px no-repeat; } #id_shop h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_shop h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_shop.png); } #id_blog #content { padding-right: 226px; width: 430px; min-height: 419px; background: url(images/content_blog.png) right top no-repeat; } #id_blog .postContent { width: 340px; } #id_blog h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_blog h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_blog.png); } #id_kind_words #content { padding-right: 226px; width: 430px; min-height: 420px; background: url(images/content_kind_words.png) right top no-repeat; } #id_kind_words .postContent { width: 339px; } #id_kind_words h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_kind_words h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_kind_words.png); } /* #id_stockists #content { padding-bottom: 315px; padding-right: 298px; width: 358px; background: url(images/content_stockists.png) left bottom no-repeat; } #id_stockists h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_stockists h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_stockists.png); } */ #id_stockists #content { padding-bottom: 315px; width: 656px; background: url(images/content_stockists.png) left bottom no-repeat; } #id_stockists h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_stockists h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_stockists.png); } #id_contact_us #content { padding-right: 303px; width: 353px; min-height: 510px; background: url(images/content_contact_us.png) right 180px no-repeat; } #id_contact_us h1.pageTitle { position: relative; width: 215px; height: 56px; } #id_contact_us h1.pageTitle span.gilder-levin { width: 215px; height: 56px; background-image: url(images/gl_title_contact_us.png); } #id_foundation h1.pageTitle { position: relative; width: 451px; height: 57px; } #id_foundation h1.pageTitle span.gilder-levin { width: 451px; height: 57px; background-image: url(images/gl_the_big_yum_foundation.png); } #contentInnerBottom { margin-top: 10px; width: 453px; min-height: 286px; padding-bottom: 11px; background: url(images/content_inner_bottom.png) left bottom no-repeat; } #contentInnerTop { width: 453px; min-height: 275px; padding-top: 11px; background: url(images/content_inner_top.png) left top no-repeat; } #contentInnerMiddle { padding: 0 4px; width: 445px; min-height: 275px; background: url(images/content_inner.png) left top repeat-y; } #contentInner { padding: 0 10px; width: 425px; min-height: 274px; } #contentInner .post { width: 400px; } h1.postTitle { padding-bottom: 0; color: #EC008C; } h1.postTitle a { color: #EC008C; } p.postMeta { padding-top: 0; color: #bbb; } #content ul#newerOlder { padding: 5px; list-style: none; } ul#newerOlder li { width: 200px; color: #EC008C; } ul#newerOlder li#newer { float: left; } ul#newerOlder li#older { float: right; text-align: right; } #footer { padding-top: 35px; width: 865px; background: #fff url(images/footer.png) left top no-repeat; color: #C9CACB; } #footer p { float: left; margin-left: 180px; padding: 3px 0; width: 460px; font-size: 0.65em; } #footer p a { color: #C9CACB; } #footer p#credit { float: right; margin-left: 0; margin-right: 25px; width: 175px; text-align: right; } .TB_overlayBG { background-color: #fff !important; } #TB_window { font-family: "Comic Sans MS", arial, sans serif !important; background: none !important; border: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } #TB_title { position: absolute; right: -20px; top: 35px; background: none !important; } #TB_ajaxWindowTitle { display: none; } #TB_closeAjaxWindow { } #TB_ajaxContent { padding: 25px 40px !important; background: #000 !important; border: none !important; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } #TB_ajaxContent .postContent { padding: 0 !important; height: 380px; overflow: auto; } #TB_ajaxContent p { padding: 5px 0; font-size: 10pt; color: #fff; } h1.regionTitle { margin: 5px 0 10px 0; text-transform: none; font-size: 15pt; color: #CF2A89; border-bottom: 3px solid #CF2A89; } h2.regionTitle { text-transform: none; font-size: 14pt; color: #fff; }