/** * Theme Name: Quebrada Baking Co. * Theme URI: http://www.chrisabernethy.com/ * Description: Custom theme for Quebrada Baking Co. * Version: 2.5 * Author: Chris Abernethy * Author URI: http://www.chrisabernethy.com/ * Tags: quebrada */ dl.faq { margin: 10px; } .faq dt { font-weight:bold; margin-bottom:10px; } .faq dd { padding:0 20px; } /* 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ body { font: 15px/20px Georgia, serif; color:#59452a; } h1 { font: 37px/37px Georgia, serif; color:#8b2346; background:url(img/icon-header.png) no-repeat 0 5px; padding-left:45px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } a:focus { outline: 1px dotted; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } p,dl,hr,h1,h2,h3,h4,h5,h6, ol,ul,pre,table,address,fieldset { margin-bottom: 20px; } /** General Styling **/ html { background: url(img/bg-main.jpg) repeat-x #ced095; } html#product { background: url(img/bg-product.jpg) repeat-x #ced095; } body { position:relative; top:7px; z-index:0; } #header { position:relative; z-index:500; } #logo { position:absolute; top:-7px; left:-40px; } #content { margin-top:50px; z-index:200;} #footer { font:11px/19px Arial,sans-serif; color:#555; margin-top:50px; } #footer .address { margin-right:25px; } #footer a { color:#555; } #footer .contact a { margin-left:12px; } .entry { margin:17px 25px 0 0; } .entry img { border:2px solid #dddeb5; } .entry a { color:#59452a; } .search-results h3 a { font: 18px/1em Georgia, serif; color:#8b2346; text-decoration:none; } /* * Site Navigation */ /** Main Menu **/ #menu { position:relative; left:98px; } #menu, #menu ul, #menu li { padding:0; margin:0; list-style:none; z-index:1000; } #menu a { display:block; height:50px; color:#59452a; text-decoration:none; } #menu a:focus { outline:0; } #menu li { float:left; background-color:#c3a800; margin-right:5px; } #menu li.hover { background-color:#cfb933; } #menu li li a { width:192px; height:25px; border:1px solid #cfb933; border-width:0px 1px 1px; padding:0 8px; font:13px/25px Arial; } #menu li li { width:210px; overflow:hidden; } #menu ul { position:absolute; width:210px; left:-999em; top:50px; } /** Bring back sub-menus on hover. Right-most sub-menu (page 45) should not go off page **/ #menu li.hover ul { left:auto; } #menu li.last_hover ul { right:70px; } /** Set size and sprite for top level navigation. Padding and margin to avoid pixel artifacts. **/ #menu li a { background: url(img/sprite-menu.jpg) no-repeat; height:0; padding-top:50px; overflow:hidden; } #menu li li a { background-image: none; height:25px; padding-top:0; } /** Sub-menu **/ #submenu { padding:0; margin:0 0 10px 100px; list-style:none; } #submenu a { font:bold 12px/12px Arial; color:#ffcb00; text-decoration:none; } #submenu a:focus { outline:0; } #submenu li.current_page_item a { color:#fff; } #submenu li { float:left; margin:0 15px; padding:0; line-height:15px; } #submenu li.hover a { color:#fff; } /** Navigation **/ #nav { padding:0; margin:8px 0 0 0; list-style:none; float:right; } #nav a { display:block; height:34px; } #nav a:focus { outline:0; } #product #nav { margin-top:0px; } #nav li { float:left; margin:0 8px 0 0; padding:0; height:34px; } /** Set size and sprite for top level navigation. Padding and margin to avoid pixel artifacts. **/ #nav li a { background: url(img/sprite-nav.jpg) no-repeat; height:0; padding-top:34px; overflow:hidden; } #nav li.home a { width: 76px; background-position: 0 0; } #nav li.about a { width: 89px; background-position: -84px 0; } #nav li.newsletter a { width:210px; background-position: -180px 0; } #nav li.search a { width: 80px; background-position: -397px 0; } #nav li.contact a { width:100px; background-position: -484px 0; } /** Currently hovered and current parent swap sprites **/ #nav li.home a:hover { background-position: 0 -34px; } #nav li.about a:hover { background-position: -84px -34px; } #nav li.newsletter a:hover { background-position: -180px -34px; } #nav li.search a:hover { background-position: -397px -34px; } #nav li.contact a:hover { background-position: -484px -34px; } /* * Newsletter Sign-up */ #nav li.newsletter { position:relative; } #newsletter-dialog { position:absolute; top:0; left:0; width:210px; z-index:5000; } #newsletter-dialog .hd { background:#fff url(img/bg-newsletter-hd.png) no-repeat; height:0; padding-top:28px; overflow:hidden; } #newsletter-dialog .bd { background:#fff url(img/bg-newsletter-bd.png) repeat-y; padding:0px 20px 0; } #newsletter-dialog .ft { background:transparent url(img/bg-newsletter-ft.png) no-repeat; height:10px; line-height:0; } #newsletter-dialog input { border:1px solid #7f9db9; width:158px; height:11px; font:11px/1em Arial,sans-serif; padding:5px; } #newsletter-dialog dl { margin:0; } #newsletter-dialog dd { padding-bottom:7px; } #newsletter-dialog button { margin:7px 0 3px; } #newsletter-dialog .privacy { font:11px/15px Arial,sans-serif; color:#77782b; } #newsletter-dialog .privacy a { background:none; color:inherit; padding:0; display:inline; } /* * Kay's Fresh Ideas Callout */ .kays-callout { width:234px; font:12px/16px Arial; color:#333; position:absolute; left:-30px; } .kays-callout .body * { margin:0; } .kays-callout .body a { color:#fff; text-decoration:none; } .kays-callout h3 { font:16px/16px Arial; color:#8b2346; margin-bottom:5px !important; } .kays-callout .head { height:95px; background:url(img/kays-head.png) no-repeat; } .kays-callout .body { background:url(img/kays-body.png) repeat-y; } .kays-callout .foot { height:19px; background:url(img/kays-foot.png) no-repeat; } .kays-callout .content { background:#bebe76 url(img/kays-gradient.gif) repeat-x left bottom; margin:0 9px 0 10px; padding:15px; } .kays-callout li { list-style-type:none; } #product .kays-callout { left:-50px; } /* * Slideshow */ .nwf-slideshow { width:884px; margin:0 0 10px; position:relative; left:-8px; } .nwf-slideshow .head { height:11px; font-size:0; background:url(img/slideshow-head.png) no-repeat; } .nwf-slideshow .body { background:url(img/slideshow-body.png) repeat-y; } .nwf-slideshow .body * { margin:0; } .nwf-slideshow .foot { height:17px; font-size:0; background:url(img/slideshow-foot.png) no-repeat; } .nwf-slideshow .content { padding-top:5px; } .nwf-slideshow .body .content h1 { margin:0 0 15px; position:relative; left:32px; } .nwf-slideshow .body .content .caption { margin:0 8px; padding:8px; font:13px/18px Georgia; color:#333; } .nwf-slideshow .content img { width:862px; height:210px; display:block; margin:auto; } /* * Gallery */ .quebrada-gallery { } .quebrada-gallery .thumbnail-box { float:left; background-color:#dddeb5; width:210px; margin:0 10px 20px 0;} .quebrada-gallery .thumbnail img { display:block; margin:2px; border:0; padding:0; } .quebrada-gallery .thumbnail span { display:block; margin:10px; height:40px; overflow:hidden; font:11px/13px Arial; color:#797d00; text-align:left; } /* * Product Menu */ .menu { clear:both; } .menu .category { float:left; width:260px; margin-right:50px; } .menu .category h3 { font:bold 16px/18px Arial; color:#8b2346; margin:0 0 5px; } .menu .category table { width:100%; border-top:1px solid #996; } .menu .category.odd { clear:both; } .menu .item { font:13px/23px Georgia; color:#333; } .menu .item td { border-bottom: 1px solid #996; } .menu .item .title { display:block; } .menu .item .description { display:block; font-style:italic; } .menu .item .price { display:block; text-align:right; margin-right:3px; } /* * Miscellaneous Styling */ .alignleft         { float:left; } .alignright        { float:right; }