/* Theme Name: Pepper Heads Blog Theme URI: http://www.pepperheads-hotsauces.com/blog Description: Custom theme created Pepper Heads Hot Sauces. Version: 1.0 Author: Pepper Heads Hot Sauce Author URI: http://www.pepperheads-hotsauces.com/ Tags: custom theme */ /* ---------- SITE-WIDE STYLES ---------- -------------------------------------- -------------------------------------- */ @font-face { /* This declaration targets Internet Explorer */ font-family: 'Bebas'; src: url('font/bebasneue-webfont.eot'); font-style: normal; font-weight: normal; } @font-face { /* This declaration targets everything else */ font-family: 'Bebas'; src: url(//:) format('no404'), url('font/bebasneue-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; outline: none; } img { border:none; } body { font: normal 62.5% Segoe UI, Arial, sans-serif; color: #88825c; background: #000 url('images/peppers-back.jpg') no-repeat center 0; } .alignright { float: right; margin: 4px 10px 10px; } .alignleft { float: left; margin: 4px 10px 10px 0; } #wrapper { width: 800px; margin: 0 auto; } h1 { font-size: 400%; color:#ad1009; margin: 0 0 20px 0; } h1#logo { display: block; text-indent: -9999px; position: absolute; margin: 10px 0 0 -46px; width: 286px; height: 136px; background: url('images/peppers-logo.png') no-repeat 0 0; } h1#logo a { display: block; width: 286px; height: 136px; } a { color: #675634; } .postmetadata a { color: #d46a02; } a:hover { color: #C0302F; } a.readmore { display: block; width: 75px; height: 17px; background: url('images/peppers-readmore.png') no-repeat 0 0; text-indent: -9999px; margin: 12px 0 0 0; } #top { padding: 60px 0 10px 0; clear: both; overflow: hidden; } #top #login { width: 406px; float: right; text-align: right; height: 24px; } #top #login label { float: left; display: block; width: 130px; color: #aeed73; text-transform: uppercase; font-size: 80%; } #top #login input#login-user, #top #login input#login-pass { background: #77b73c; width: 110px; padding: 2px; font-size: 120%; color: #fff; } #top #login input#login-submit { margin: 8px 0 0 0; } #nav { clear: both; height: 32px; background: url('images/peppers-back-nav.jpg') no-repeat 0 0; } #nav ul { list-style: none; overflow: hidden; } #nav ul li { list-style: none; float: left; } #nav ul li.first { width: 187px; } #nav ul li.last { width: 10px; } #nav ul li a { display: block; height: 32px; text-indent: -9999px; } #nav ul li#homelink { width: 49px; } #nav ul li#homelink a { width: 49px; background: url('images/nav-home.jpg') no-repeat 0 0; } #nav ul li#specialslink { width: 65px; } #nav ul li#specialslink a { width: 65px; background: url('images/nav-specials.jpg') no-repeat 0 0; } #nav ul li#newprodslink { width: 97px; } #nav ul li#newprodslink a { width: 97px; background: url('images/nav-newproducts.jpg') no-repeat 0 0; } #nav ul li#allprodslink { width: 91px; } #nav ul li#allprodslink a { width: 91px; background: url('images/nav-allproducts.jpg') no-repeat 0 0; } #nav ul li#reviewslink { width: 64px; } #nav ul li#reviewslink a { width: 64px; background: url('images/nav-reviews.jpg') no-repeat 0 0; } #nav ul li#myaccountlink { width: 86px; } #nav ul li#myaccountlink a { width: 86px; background: url('images/nav-myaccount.jpg') no-repeat 0 0; } #nav ul li#medialink { width: 51px; } #nav ul li#medialink a { width: 51px; background: url('images/nav-media.jpg') no-repeat 0 0; } #nav ul li#healthlink { width: 58px; } #nav ul li#healthlink a { width: 58px; background: url('images/nav-health.jpg') no-repeat 0 0; } #nav ul li#loginlink { width: 45px; } #nav ul li#loginlink a { width: 45px; background: url('images/nav-blog.jpg') no-repeat 0 0; } #nav ul li a:hover { background-position: 0 -32px !important; } #content { clear: both; background: #fff url('images/peppers-back-content.jpg') no-repeat 0 0; padding: 28px 22px; min-height: 400px; overflow: hidden; font-size: 110%; } #content .wrap { padding: 0 20px; overflow: hidden; } .narrowcolumn { width: 544px; float: left; } .widecolumn { width: 564px; float: left; } .post { padding: 0 0 20px; } .post ul { padding: 0 0 14px 22px; } .post ul li { padding: 2px 0 4px; } .post h2 a { color: #941C07; text-decoration: none; } .post h2 a:hover { color: #421B13; text-decoration: underline; } .post p { margin: 0 0 14px 0; line-height: 150%; } #commentform textarea { width: 500px; } #sidebar { float: right; width: 170px; padding: 0 0 0 18px; overflow: hidden; border-left: 1px solid #E1DBB9; } #sidebar * { list-style: none; } #sidebar ul li ul { padding: 0 0 0 12px; } #sidebar ul li { padding: 6px 0 0 0; } #sidebar ul li ul li { padding: 2px 0; } #sidebar input#s { width: 80px; } #footerhsy { color: #ba5f5f; } #footerhsy #navSupp { padding: 20px 0; text-align: center; } #footerhsy #navSupp a { padding: 0 14px; color: #ba5f5f; } #footerhsy #navSupp a:hover { color: #fff; } #photo h1#pagehead { width: 770px; height: 108px; text-indent: -9999px; background: url('images/photo-header.png') no-repeat 0 0; margin: 0 0 20px; } #photo .pic { width: 425px; float: left; text-align: center; } #photo .pic img { margin: 0 auto; background: #fff; padding-bottom: 34px; border: 8px solid #fff; box-shadow: 0px 0px 4px #c1bc9a; -moz-box-shadow: 0px 0px 4px #c1bc9a; } #photo .info { width: 310px; float: right; font-size: 1.1em; } #photo h2 { font-family: "Bebas", Arial, Helvetica, sans-serif; color: #961d05; font-size: 3.2em; } #photo .post { overflow: hidden; padding: 0 0 34px; margin: 0 0 34px; border-bottom: 1px solid #e1ddc3; } /* ------------- BLOG STYLES ------------ -------------------------------------- -------------------------------------- */ #blog { } #blog .post { } #blog #sidebar { } /* -------- CONTACT PAGE STYLES --------- -------------------------------------- -------------------------------------- */ #contact { } /* ---------- HOME PAGE STYLES ---------- -------------------------------------- -------------------------------------- */ #index { }