/* Theme Name: BLANK Theme Theme URI: http://sptfirecomputers.com Description: Beauty and the Book Author: Steve Taylor Author URI: http://sptfirecomputers.com Version: 1 */ /* content colors? #fff6d0 #FFFDD0 pink color #ee7eb3 light pink #edafcd teal color #0c9695 */ /* Reset */ * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } html, body { height: 100%; margin: 0 0 1px; padding: 0; } ul, li { list-style: none; } a:link { color: #ffffff; text-decoration: none; border: 0; } a:visited { color: #ffffff; text-decoration: none; border: 0; } a:hover, a:active { color: #de17a6; text-decoration: underline; border: 0; } body { background: #000000; /* background:url(images/bodybg.jpg) repeat; */ } #page-wrap { margin: 25px auto; width: 960px; background-color: #ee7eb3; /* box-shadow: 0 8px 20px black; -moz-box-shadow: 0 8px 20px black; -webkit-box-shadow: 0 8px 20px black; */ } #content { width: 585px; float: left; } #sidebar { width: 175px; float: left; padding: 10px 0 0 0; } .archives { padding: 30px } #header { /* margin: 0 auto; background: #ee7eb3; z-index: 5; */ } .bandb { padding: 0 0 0 0; } #sidebar2 { width: 192px; float: right; padding: 10px 0 0 0; } p.kathy-about a { display: block; width: 190px; height: 253px; background: url(/images/kathy.jpg) no-repeat bottom center; text-indent: -9999px; } p.kathy-about a:hover { background-position: top center; } body#about p.kathy-about a { background-position: top center; } p.bandbshow a { display: block; width: 190px; height: 143px; background: url(/images/hats-full.jpg) no-repeat bottom center; text-indent: -9999px; } p.bandbshow a:hover { background-position: top center; } #amazon-add { margin: 0 auto; width: 120px; } #top-banner-ad { margin: 0 0 10px 5px; } a.top-ad { display: block; height: 90px; width: 550px; text-indent: -9999px; background-image: url(/images/banner-ads/bandbshow.jpg); background-repeat: no-repeat; background-position: top center; border: 1px solid white; } a.top-ad:hover { background-position: bottom center; border: 1px solid #de17a6; } /* Main Nav */ #main-nav { margin: 0 0 0 0; padding: 0 0 0 15px; width: 155px; text-indent: -9999px; } #main-nav li { list-style: none; } #main-nav li a { display: block; width: 116px; height: 132px; } #main-nav li a.home { background-image: url(images/nav/nav-headshot-home.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.about { background-image: url(images/nav/nav-headshot-about.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.contact { background-image: url(images/nav/nav-headshot-contact.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.authors { background-image: url(images/nav/nav-headshot-authors.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.girlfriend { background-image: url(images/nav/nav-headshot-6-full.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.blog { background-image: url(images/nav/nav-headshot-kathy-blog.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.book-selections { background-image: url(images/nav/nav-headshot-book-selections.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.pulpwood { background-image: url(images/nav/nav-headshot-pulpwood.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.events { background-image: url(images/nav/nav-headshot-events.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.videos { background-image: url(images/nav/nav-headshot-videos.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.media { background-image: url(images/nav/nav-headshot-media-full.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a.pictures { background-image: url(images/nav/nav-headshot-pictures.png); background-repeat: no-repeat; background-position: center center; } #main-nav li a:hover { background-position: center top; background-repeat: no-repeat; } /*------------ nav active states -------------*/ body#about #main-nav li a.about, body#contact #main-nav li a.contact, body#blog #main-nav li a.blog, body#girlfriend #main-nav li a.girlfriend, body#authors #main-nav li a.authors, body#events #main-nav li a.events, body#videos #main-nav li a.videos, body.page-id-122 #main-nav li a.media, body#gw #main-nav li a.girlfriend, body#pictures #main-nav li a.pictures, body#pulpwood #main-nav li a.pulpwood, body#book-selections #main-nav li a.book-selections, body#home #main-nav li a.home { background-position: center bottom; background-repeat: no-repeat; } /*-------------------------------------------*/ #main-content { float: right; width: 585px; margin: 10px 0 0 0; padding: 0 0 0 0; } #main-content p { padding: 10px 10px 10px 8px; } #main-content p a:link, #main-content p a:visited { color: #ffffff; } #main-content p a:hover, #main-content p a:active { color: #de17a6; } h1 { margin: 0 0 5px 0; color: #de17a6; font-size: 22px; font-style: italic; font-weight: bold; } h1 a { margin: 0 0 5px 0; font-size: 22px; font-style: italic; font-weight: bold; } #footer { margin: 0 auto; width: 960px; height: 225px; background: #ee7eb3; } .clear { clear: both; } .cl-left { clear: left; } .cl-right { clear: right; } .footer-nav { padding: 25px 0 0 0; margin: 50px 0 0 0; text-align: center; font-size: 11px; } .opn { padding: 0 0 0 0; text-align: center; font-size: 10px; } .bold { font-weight: bold; } .pic-rt { float: right; padding: 2px 10px 2px 8px; } .pic-lt { float: left; } .pic-up { margin: -100px 0 0 0; } .center { text-align: center; } .picks { width: 165px; margin: 0 auto; } #home .picks { display: none; } .recom { font-size: 14px; font-weight: bold; } /* Generic Utility */ .hide { position: absolute; top: -9999px; left: -9999px; } /* Specific to example one */ #example-one { background: url(images/tab-bg.png) no-repeat; /* border: 3px solid #0c9695; */ width: 550px; padding: 15px 0 10px 25px; margin: 0 0 0 10px; /* -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; */ } #example-one .nav { overflow: hidden; margin: 0 0 10px 0; } #example-one .nav li { width: 120px; float: left; margin: 0 10px 0 0; } #example-one .nav li.last { margin-right: 0; } #example-one .nav li a { display: block; height: 40px; padding: 5px 0 0 0; /* background: #0c9695; */ background: url(images/button.png) no-repeat bottom center; color: white; font-size: 12px; text-decoration: underline; text-align: center; border: 0; border: 0; } #example-one .nav li a:hover { background: url(images/button.png) no-repeat top center; color: #000000; border: 0; } #example-one ul { list-style: none; } #example-one ul li { width: 515px; } #example-one ul li a { display: block; /* border-bottom: 1px solid #666; */ padding: 4px; color: #ffffff; border: 0; } #example-one ul li a:hover { background: #0c9695; color: white; border: 0; } #example-one ul li:last-child a { border: none; border: 0; } #example-one ul li.nav-one a.current { /* background: #0c9695; */ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; } #example-one ul li.nav-two a.current { /* background: #0c9695; */ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; } #example-one ul li.nav-three a.current { /* background: #0c9695; */ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; } #example-one ul li.nav-four a.current { /* background: #0c9695; */ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; } #example-one ul.featured li a:hover, #example-one ul.core li a:hover, #example-one ul.jquerytuts li a:hover, #example-one ul.classics li a:hover { background: #0c9695; font-weight: bold; color: #f3eb72; border: 0; } li a.books { width: 500px; } li a.left { float: left; } .tab-bottom { margin: -8px 0 0 10px; } /* Authors Nav */ .authors-nav ul { list-style: none; width: 460px; position: relative; padding: 0 10px; } .authors-nav ul li { display: inline; } .authors-nav ul li a { display: block; float: left; background: url(images/author-button1.png) no-repeat top center; /* border-top: 1px solid #edafcd; background: #edafcd; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -moz-linear-gradient(top, #65a9d7, #3e779d); */ height: 17px; width: 30px; padding: 3px 0 0 0; /* -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; -webkit-text-stroke: 1px transparent; */ font: bold 16px; color: #ffffff; text-decoration: none; margin: 0 5px 0 0; text-align: center; font-weight: bold; } .authors-nav ul li a:hover { background: url(images/author-button1.png) no-repeat bottom center; color: #000000; /* border-top: 1px solid #edafcd; background: #ee7eb3; background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a)); background: -moz-linear-gradient(top, #3d789f, #28597a); */ } .authors-nav ul li a:active, .authors-nav ul li a.current { background: url(images/author-button1.png) no-repeat bottom center; color: #fff233; /* border-top-color: #edafcd; background: #ee7eb3; */ position: relative; } /* End Authors Nav */ .free-list { margin: 25px 0 0 0; border: 1px solid black; } .paid-list { margin: 25px 0 0 0; border: 1px solid black; } h3.author { font-size: 16px; float: left; padding: 0 0 0 10px; width: 200px; } h3.book-title { font-size: 14px; float: right; width: 370px; } h3.narrow { font-size: 14px; float: right; width: 335px; } .author-pic { float: left; padding: 0 10px 2px 10px; } .book-cover { float: right; padding: 0 10px 2px; } .rollover a span { display: none; } .rollover a:hover span { display: block; position: absolute; padding: 5px; z-index: 100; color: #de17a6; background: #edafcd; text-align: center; } .pulp { padding: 0 0 0 45px; } .pulp li { list-style-type: disc; } .pulp li.indent { list-style-type: none; padding: 0 0 0 15px; text-decoration: underline; } .left-right { margin: 0 10px; } .larger { font-size: 28px; } .larger a { font-size: 28px; } .italic { font-style: italic; } .recent-tweets { background: #edafcd; width: 188px; } .twtr-hd { display: none; } .twtr-profile-img-anchor { } .twtr-profile-img { } .tweet-title { padding: 16px 0 0 0; } a .twtr-hyperlink:hover { color: #de17a6; } #twitter_div { width: 192px; } #twitter_update_list li { padding: 5px; } #twitter_update_list li a { font-size: 13px; } /* ------------ wordpress specefic ----------- */ .alignleft { float: left; margin: 5px 5px 5px 0; } .alignright { float: right; margin: 5px 0 5px 0; } .register a { display: block; width: 199px; height: 43px; background: url(images/register-button.png) no-repeat top center; color: #ffffff; text-indent: 17px; line-height: 36px; font-size: 16px; } .register a:hover { background-position: center bottom; color: #de17a6; }