/* Theme Name: Crunched_Theme Description: Crunch Design wordpress template for Sheridan Rogers Author: Christian Hanvey Site: sheridanrogers.com / sheridanrogers.com.au Title: Main CSS file to override default blueprint base Email: chris@crunchdesign.com.au */ /* ---------------------------------------------------------------- COLOUR REFERENCE ---------------- SKY BLUE: #acdefb DARK BLUE: #104a8b / #0d4889 TAN: #f2d8b9 LIGHT TAN: #f5e1c8 ORANGE TAN: #ffbe81 POO BROWN: #8a704b / #6f5632 ---------------------------------------------------------------- */ body { background: #acdefb url(../images/F_rattanfade.jpg) bottom left repeat-x; padding-bottom: 88px; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color: #414040; font-size: 88%; } /* links */ a:link, a:visited { color: #104a8b; } a:hover, a:active { color: #ffbe81; } h1 { font-size: 2.5em; } h1 a:link, h1 a:visited { text-decoration: none; } h1 a:hover, h1 a:active { text-decoration: underline; } .alignright { float: right; margin-left: 10px;} .alignleft { float: left; margin-right: 10px; } /* HEADER ---------------------------------------------------------------- */ #Header { background: #acdefb url(../images/H_rattan.png) top left repeat-x; height: 117px; border-bottom: 1px solid #fbefdf; } #Header .container { position: relative; } #HeaderPics { position: absolute; top: 20px; right: 0; } #HeaderPics .wrap { float: right; margin-left: 24px; } #HeaderPics img { } #SheridanPic { position: absolute; top: 0; left: 0; } #MastHead { background: transparent url(../images/signature.png) top left no-repeat; text-indent: -9999em; height: 80px; width: 375px; margin: 20px 0px 0px 125px; } /* nav */ #Nav { background: #f2d8b9 url(../images/H_gingham2.jpg) top left repeat-x; } #Nav .wrap{ background: transparent url(../images/rip_white_bot.png) bottom left repeat-x; padding-bottom: 24px; padding-top: 16px; } #NavMain { list-style-type: none; margin: 0px 0px 0px 150px; padding: 0px; font-size: 1.20em; } #NavMain li { float: left; border-right: 1px solid #8a704b; } #NavMain li.last { border-right: 0px none transparent; } #NavMain a { padding: 0.2em 0.5em; text-decoration: none; } #NavMain a:link, #NavMain a:visited { color: #6f5632; } #NavMain a:hover, #NavMain a:active { color: #f2821a; } #NavMain #current a { } /* CONTENT STYLES ---------------------------------------------------------------- */ #Content{ background: #fff; padding: 1em 0px; } h1 { font-size: 2em; color: #0d4889; } h2 { font-size: 1.75em;} /* breadcrumbs */ .breadcrumb { margin-bottom: 10px; } /* Recipe of the week (Rotw) */ #Rotw { background: #dcf1fe url(../images/rotw_grad.jpg) top left repeat-x; border: 2px solid #fff; padding: 0px 10px 10px; margin-bottom: 20px; } #Rotw h2 { background: transparent url(../images/recipeOweek.png) top left no-repeat; text-indent: -9999em; width: 100%; height: 52px; margin-top: -10px; border-bottom: 1px solid #9a8465; } #Rotw a:link, #Rotw a:visited { color: #104a8b; text-decoration: none; } #Rotw a:hover, #Rotw a:active { color: #165fb1; text-decoration: underline; } #RotwPic { float: right; margin-bottom:10px; } #RadioSeg { background: transparent url(../images/013e81_20pc.png) top left repeat; padding: 5px; overflow: auto; clear: both; min-height:110px; /* to temporarily mitigate issues with dropshadow plug in */ } #RadioSeg h3 { float: left; margin: 0px 20px 0px 0px; } #RadioSeg p { margin: 0px; font-size: 0.8em; } #RadioSeg h4 { clear:both; margin-bottom:0.5em; } /* post styles */ .post { margin-bottom: 2em; overflow: auto; } .post .dateline { float: left; margin:0; padding: 0px 0.2em; background: #f5e1c8; border: 2px solid #fff; text-align: center; color: #6f5632; font-weight: bold; font-size: 1.25em; line-height: 1; } .post .dateline span { display: block; font-size: 0.8em; line-height: 1.2; color: #927854; } .dropshadder { background:transparent url(../images/shadow-5px.png) no-repeat scroll right bottom; padding: 0 5px 5px 0; overflow:auto; float:left; margin-right:10px; } .postimage img, .storycontent img { float: right; margin: 10px 0px 10px 10px; } .postimage a { float: right; margin-left: 20px; } .page img { float: right; margin: 10px 0px 10px 10px; } .posts_nav_link { text-align: center; } .posts_nav_link a { margin: 0 2em; } .post .categories { color: #8a704b; } .imgtfe { border: 1px solid #E0E0E0; padding: 2px; } .wp-caption { border: 1px solid #E0E0E0; } .wp-caption img { margin: 5px; float: none; } .wp-caption p { margin: 5px; } #CategoryHeader { margin-bottom: 20px; overflow: auto; } #CategoryHeader div { float: left; margin-right: 16px; line-height: 0; } #CategoryHeader div.last { margin-right: 0; } #RecipeIngredients { padding: 10px; background-color: #ddd; clear: both; float: left; margin: 30px 20px 10px 0px; width: 200px; } #RecipeIngredients h5 { text-transform: uppercase; letter-spacing: 2px; font-size: 1em; color: #8a704b; margin-bottom: 1em; } #RecipeIngredients pre { margin-top: 1em; margin-bottom: 0.5em; } #RecipeIngredients ul { margin: 1em; } #RecipeImage { float: left; margin: 30px 0px; } .recipe_rating .post-ratings img { float: none; } /* to counter default image positioning in a post *; /* SECONDARY STYLES ---------------------------------------------------------------- */ /* dropshadows actually applied on the fly by jquery plugin, but to style the pictures that have a dropshadow, /* they all have white borders and the plug in requires a black background be set on the image */ .boxshadow { border: 2px solid #fff; background-color: #000; -moz-box-shadow: 2px 2px 4px #000000; /* FF3.5+ */ -webkit-box-shadow: 2px 2px 4px #000000; /* Saf3.0+, Chrome */ box-shadow: 2px 2px 4px #000000; /* Opera 10.5, IE 9.0 */ } img.boxshadow { color: #fff; } /* so alt text is visible */ /* sidebar */ .sidebarBox { margin-bottom: 20px; } .sidebarBox h3 { color: #ffbe81; } #RecipeTagCloud { background: #fff url(../images/titles.gif) 0px 0px; text-indent: -9999em; width: 350px; height: 40px; } #Archives { background: #fff url(../images/titles.gif) 0px -40px; text-indent: -9999em; width: 350px; height: 40px; margin-top:1em; } #RecipeTitle { background: #fff url(../images/titles.gif) 0px -80px; text-indent: -9999em; width: 350px; height: 40px; } .linkCats { margin:0; padding:0; list-style-type:none; } .linkCats>li { width: 22%; float: left; margin-right: 3%; font-size: 0.92em; margin-right:3%; } .linkCats>li:last-child { margin-right:0; } .linkCats h4 { height: 40px; margin:1em 0 0.5em; text-indent: -9999em; } /* blogroll */ #linkcat-2 h4 { background: #fff url(../images/titles.gif) 0px -120px; } /* foodie sites */ #linkcat-812 h4 { background: #fff url(../images/titles.gif) 0px -200px; } /* travel sites */ #linkcat-813 h4 { background: #fff url(../images/titles.gif) 0px -240px; } /* kids sites */ #linkcat-814 h4 { background: #fff url(../images/titles.gif) 0px -280px; } .blogroll { list-style-type:none; margin:0; } .blogroll li { line-height: 1.1; margin: 0.3em 0; } #socialMediaLinks h4 { background: #fff url(../images/titles.gif) 0px -160px; text-indent: -9999em; width: 350px; height: 40px; margin-top:1em; } #socialMediaLinks ul { list-style-type:none; margin-left:0; } #socialMediaLinks li { clear:both; margin-top:5px; } #socialMediaLinks li a { line-height:32px; display:block; } #socialMediaLinks li a img { float:left; padding-right:10px; clear:both; } #facebookLink { } #twitterLink { } #linkcat-2 { list-style-type:none; } /* forms */ form p { margin-bottom: 0; } .captcha img { float:none; margin:0; padding:5px; border:1px solid #ccc; } /* searchform */ #searchform #s { width: 100px; } /* call to action panels */ #HomeCallTo { background: #ffbe81 url(../images/rip_white_top.png) top left repeat-x; padding-bottom: 20px; position: relative; padding: 30px 0px 10px;} #HomeCallToClose { position: absolute; bottom: -20px; width: 100%; height: 20px; background: transparent url(../images/rip_orange_top.png) top left repeat-x; } #CallTo div, #HomeCallTo .container div { min-height: 160px; } .box { background: #98a154 url(../images/callto_grad_98a154.jpg) top left repeat-x; } /* fallback image in case no id is specified */ #box1 { background: #8d4776 url(../images/callto_grad_8d4776.jpg) top left repeat-x; } #box2 { background: #98a154 url(../images/callto_grad_98a154.jpg) top left repeat-x; } #box3 { background: #e0764e url(../images/callto_grad_e0764e.jpg) top left repeat-x; } #box4 { background: #91d3dd url(../images/callto_grad_91d3dd.jpg) top left repeat-x; } #box5 { background: #dfebf4 url(../images/callto_grad_dfebf4.jpg) top left repeat-x; } #box6 { background: #98a154 url(../images/callto_grad_98a154.jpg) top left repeat-x; } #box1 h4 { background: transparent url(../images/call_kids.png) top left no-repeat; width: 182px; height: 54px; text-indent: -9999em; } #box2 h4 { background: transparent url(../images/call_adults.png) top left no-repeat; width: 210px; height: 33px; text-indent: -9999em; } #box3 h4 { background: transparent url(../images/call_styling.png) top left no-repeat; width: 210px; height: 33px; text-indent: -9999em; } #box4 h4 { background: transparent url(../images/call_gifts.png) top left no-repeat; width: 210px; height: 33px; text-indent: -9999em; } #box5 h4 { background: transparent url(../images/call_minichef.png) top left no-repeat; width: 290px; height: 33px; text-indent: -9999em; } #box6 h4 { background: transparent url(../images/call_emailUpdates.png) top left no-repeat; width: 290px; height: 33px; text-indent: -9999em; } #CallTo h4, #HomeCallTo h4 { margin-bottom: 0; } #CallTo .box, #HomeCallTo .box { margin-bottom: 20px; padding: 0; } #CallTo .box .wrap, #HomeCallTo .box .wrap { padding: 5px; } #CallTo .box p, #HomeCallTo .box p { margin-bottom: 0; } /* images inside call tos */ #box1 .wrap { background: transparent url(../images/bigcupcake3.png) 130% 100% no-repeat; padding-right: 80px !important; } #box2 .wrap { background: transparent url(../images/adultscook.png) 125% 100% no-repeat; padding-right: 120px !important; } #box3 .wrap { background: transparent url(../images/foodplate.png) 0% 100% no-repeat; } #box4 .wrap { background: transparent url(../images/giftbox.png) 100% 100% no-repeat; padding-right: 110px !important; } #box5 .wrap { background: transparent url(../images/minichefs2.png) 100% 100% no-repeat; padding-right: 180px !important; } /* #box6 .wrap { background: transparent url(../images/giftbox.png) 100% 100% no-repeat; padding-right: 110px !important; } */ #CallTo #box1 .wrap { background-position: 110% 100%; } #HomeCallTo .more_link, #CallTo .more_link { padding-right: 20px; background: transparent url(../images/arrow-W2.png) right center no-repeat; } #HomeCallTo a:link, #HomeCallTo a:visited, #CallTo a:link, #CallTo a:visited { color: #fff; text-decoration: underline; } #HomeCallTo a:hover, #HomeCallTo a:active, #CallTo a:hover, #CallTo a:active { color: #6f5632; text-decoration: none; } #feedburner .small { font-size:0.85em; margin-bottom:0; } .box1 { background: #8d4776 url(../images/callto_grad_8d4776.jpg) top left repeat-x; } .box2 { background: #98a154 url(../images/callto_grad_98a154.jpg) top left repeat-x; } .box3 { background: #e0764e url(../images/callto_grad_e0764e.jpg) top left repeat-x; } .box4 { background: #91d3dd url(../images/callto_grad_91d3dd.jpg) top left repeat-x; } .box5 { background: #476b8d url(../images/callto_grad_476b8d.jpg) top left repeat-x; } .box6 { background: #98a154 url(../images/callto_grad_98a154.jpg) top left repeat-x; } .box7 { background: #dfebf4 url(../images/callto_grad_dfebf4.jpg) top left repeat-x; } .box8 { background: #c1e7f7 url(../images/callto_grad_c1e7f7.jpg) top left repeat-x; } .box9 { background: #d9cded url(../images/callto_grad_d9cded.jpg) top left repeat-x; } /* titles and backgrounds for specific boxes */ #sb_minichefhatapron .wrap {background:transparent url(../images/minichef-hatapron.png) 100% 100% no-repeat;padding-right:180px !important; } #sb_minichefhatapron h4 {background:transparent url(../images/call_title_hats.png) top left no-repeat; width:290px;height:33px;text-indent:-9999em; } #sb_minichefrecipes .wrap {background:transparent url(../images/minichef-recipes.png) 100% 100% no-repeat; padding-right: 180px !important; } #sb_minichefrecipes h4 {background:transparent url(../images/call_title_minichefRecipes.png) top left no-repeat;width:290px;height:33px;text-indent:-9999em;} #sb_minichefclasses .wrap {background: transparent url(../images/minichef-lettuce.png) 100% 100% no-repeat; padding-right: 140px !important; } #sb_minichefclasses h4 {background: transparent url(../images/call_kids.png) top left no-repeat; width:182px; height:54px; text-indent:-9999em; } #sb_minichefsbook h4 {background:transparent url(../images/call_minichef_book.png) top left no-repeat;width:172px;height:34px; text-indent:-9999em;} #sb_minichefsbook .wrap {background: transparent url(../images/minichefbook.png) top right no-repeat; padding-right: 120px !important; } #sb_giftvouchers h4 {background:transparent url(../images/call_gifts.png) top left no-repeat;width:172px;height:34px; text-indent:-9999em; } #sb_giftvouchers .wrap {background: transparent url(../images/CrazyChef.png) bottom right no-repeat; padding-right: 140px !important; } #sb_adultclasses h4 { background: transparent url(../images/call_adults.png) top left no-repeat; width: 210px; height: 33px; text-indent: -9999em; } #sb_adultclasses .wrap { background: transparent url(../images/adultscook.png) 125% 100% no-repeat; padding-right: 120px !important; } #sb_foodstyling h4 { background: transparent url(../images/call_styling.png) top left no-repeat; width: 210px; height: 33px; text-indent: -9999em; } #sb_foodstyling .wrap { background: transparent url(../images/foodplate.png) 0% 100% no-repeat; } .box1 .wrap { background: transparent url(../images/bigcupcake3.png) 130% 100% no-repeat; padding-right: 80px !important; } .box1 h4 { background: transparent url(../images/call_kids.png) top left no-repeat; width: 182px; height: 54px; text-indent: -9999em; } .box5 h4 { background: transparent url(../images/call_minichef.png) top left no-repeat; width: 290px; height: 33px; text-indent: -9999em; } .box5 .wrap { background: transparent url(../images/minichefs2.png) 100% 100% no-repeat; padding-right: 180px !important; } #sb_feedburner h4 {background:transparent url(../images/call_emailUpdates.png) top left no-repeat; width:290px; height:33px; text-indent:-9999em; } /*#sb_feedburner .wrap { background: transparent url(../images/giftbox.png) 100% 100% no-repeat; padding-right: 110px !important; }*/ #sb_potm h3 { width:290px; height:33px; margin-bottom: 0.5em; background:transparent url(../images/call_potm.png) top left no-repeat; text-indent:-9999em; } #sb_potm h4 { font-size: 1.5em; margin-bottom:0.5em; } #CallTo .box1 .wrap { background-position: 110% 100%; } #sidebar .box { padding:0; } #sidebar .box .wrap { padding:5px; } #sidebar .box, #sidebar .box .wrap { min-height:160px; } #sidebar .box h4 { margin-bottom:0; } /* FOOTER ---------------------------------------------------------------- */ #Footer { background: #f2d8b9 url(../images/gingham.jpg) bottom left repeat; border-bottom: 1px solid #fbefdf; color: #8a704b; } #Footer h5 { color: #8a704b; font-size: 1.5em; font-weight: bold; border-bottom: 1px solid #8a704b; margin-bottom: 0.5em; } #Footer .wrap { background: transparent url(../images/F_gingShad.jpg) bottom left repeat-x; padding-bottom: 20px; } #Footer .wrap .wrap { background: transparent url(../images/rip_white_top.png) top left repeat-x; padding: 24px 0px 0px; } #Footer a:link, #Footer a:visited { color: #6f5632; text-decoration: underline; } #Footer a:hover, #Footer a:active { color: #f2821a; text-decoration: none; } /* latest journal and recipe lists */ #Footer .entry_list ul { list-style-type: none; margin-left: 0; } /* MINI CHEFS BOOK page*/ #post-2701 { } #post-2701 .page-title { background: transparent url(/wp-content/themes/crunched/images/minichefs-splash-v2.jpg) top left no-repeat; width: 500px; height:180px; text-indent:-9999em; } #post-2701 h2 { color:#5661c0; } #post-2701 {} /* minichef book banner ad on homepage */ .banner_ad { margin-bottom:20px; border:1px solid #777; margin-left:-30px; } .banner_ad img { display:block; } #amazonLinks { margin-bottom:1.5em; }