/* 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.25em; } #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; } #RadioSeg { background: transparent url(../images/013e81_20pc.png) top left repeat; padding: 5px; overflow: auto; clear: both; } #RadioSeg h3 { float: left; margin: 0px 20px 0px 0px; } #RadioSeg p { margin: 0px; font-size: 0.8em; } /* 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 ---------------------------------------------------------------- */ /* 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; } #Blogroll { background: #fff url(../images/titles.gif) 0px -120px; text-indent: -9999em; width: 350px; height: 40px; margin-top:1em; } #Facebook { background: #fff url(../images/titles.gif) 0px -160px; text-indent: -9999em; width: 350px; height: 40px; margin-top:1em; } #linkcat-2 { list-style-type:none; } /* forms */ form p { margin-bottom: 0; } /* 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: #476b8d url(../images/callto_grad_476b8d.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; } /* 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; } /* miscelleanous ---------------------------------------------------------------- */ /* 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 */ .dropshadow { border: 2px solid #fff; background-color: #000; } img.dropshadow { color: #fff; } /* so alt text is visible */