/* Theme Name: Michael Obiora Custom Theme Theme URI: http://www.michaelobiora.com Description: Custom Theme Version: 1.0 Author: Jeremy Chow Author URI: http://www.creativekarma.co.uk */ /* Global Styles */ html, body { margin: 0; padding: 0; } body { background: #ffffff; font-family: Helvetica, Arial, Verdana; } p { font-size: 13px; margin-bottom: 20px; line-height: 1.3em; text-align: justify; } h1.header-text { display: none; } h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; border-top: 3px solid #000000; width: 140px; padding: 5px 0 5px 0; margin: 0; } a:link, a:visited { color:#000000; } small { font-size: 14px; font-weight: bold; text-transform: uppercase;} #headerimg { margin: 30px 0 20px 30px;} hr { background-color: #000000; width: 100%; height: 3px; color: #000000; margin: 5px 0 5px 0;} #page { width: 1000px; margin-bottom: 30px;} .post-head { display: block; clear: both; height: 30px;} .post-head h2 { border: 0; float: right; margin-right: -65px; height: 30px; } .post-head small { float:left; height: 30px; } #spacer { width: 100%; height: 30px; position: relative; display: block; clear: both;} /* Index Page */ #home-image { background: url(images/michael-obiora-home.jpg) no-repeat; width: 411px; height: 677px; margin-left: -20px; float: left; } #home-content {float: left; width: 500px; margin-left: 15px; } #home-navigation { float: left; clear: right; margin-top: 10px; margin-bottom: 10px; margin-left: 15px;} .nav-item { float: left; } #actor-nav { background: url(images/actor-nav.jpg); width: 125px; height: 151px; } #actor-nav a:link, #actor-nav a:visited { height: 151px; display: block; } #writer-nav { background: url(images/writer-nav.jpg); width: 125px; height: 151px; } #writer-nav a:link, #writer-nav a:visited { height: 151px; display: block; } #vanity-nav { background: url(images/vanity-nav.jpg); width: 125px; height: 151px; } #vanity-nav a:link, #vanity-nav a:visited { height: 151px; display: block; } #press-nav { background: url(images/press-nav.jpg); width: 125px; height: 151px; } #press-nav a:link, #press-nav a:visited { height: 151px; display: block; } #news-title { background: url(images/news-title.gif); width: 122px; height: 29px; } /* Actor Page */ #actor-image { background: url(images/actor/actor-image.jpg) no-repeat; width: 330px; height: 510px; margin-left: -5px; float: left; } #actor-title { background: url(images/actor/actor-title.gif) no-repeat; width: 359px; height: 82px; margin-left: 150px; margin-top: -20px; float: left; margin-bottom: 30px; } #actor-content {float: left; width: 350px; margin-left: 90px; } #actor h2 { margin-top: 20px; } /* Contact Page */ #contact-image { background: url(images/contact/contact-image.jpg) no-repeat; width: 829px; height: 598px; margin-left: 0px; float: left; margin-bottom: 30px; } #contact-title { background: url(images/contact/contact-title.gif) no-repeat; width: 270px; height: 71px; margin-left: 550px; margin-top: -20px; float: left; margin-bottom: 30px; } #contact p { padding: 0; width: 170px; } .contact-info { position: relative; float: left; margin: 10px 0 0 20px;} #contact { position: relative; width: 430px; background: #ffffff; -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; filter:alpha(opacity=70); margin: 30px; clear: both; overflow: hidden; } /* Vanity Page */ #vanity-image { background: url(images/vanity/vanity-image.jpg) no-repeat; width: 315px; height: 507px; margin-left: -5px; float: left; clear: left; } #vanity-title { background: url(images/vanity/vanity-title.gif) no-repeat; width: 237px; height: 106px; margin-left: 40px; margin-top: -20px; float: left; margin-bottom: 30px; border-top: 0;} #vanity-content { position: absolute; left: 400px; top: 120px; width: 440px; } #vanity-content h2 { margin-top: 20px;} #photo-copyright { font-size: 9px; font-weight: bold; } /* Writer Page */ #writer-image { background: url(images/writer/writer-image.jpg) no-repeat; width: 330px; height: 510px; margin-left: -0px; float: left; } #writer-title { background: url(images/writer/writer-title.gif) no-repeat; width: 359px; height: 82px; margin-left: 180px; margin-top: -20px; float: left; margin-bottom: 0; } #writer-content {float: left; width: 450px; margin-left: 10px; margin-top: -30px; } #writer-content h2 { margin-top: 20px; } #writer-content h2.about-the-book { margin-top: 0; } #book-excerpt { background: url(images/writer/book-excerpt.gif) no-repeat; position: absolute; top: 480px; left: 0px; width: 274px; height: 107px; } #writer-image2 { background: url(images/writer/writer-image2.jpg) no-repeat; float: right; width: 346px; height: 457px; } #review-quote { background: url(images/writer/black-shoes-quote-guardian.gif) no-repeat; position: absolute; top: 480px; left: 10px; width: 300px; height: 176px; } /* Press Page */ #press-image { background: url(images/press/press-image.jpg) no-repeat; width: 350px; height: 540px; margin-left: 40px; float: left; display: block; clear: both; } #press-title { background: url(images/press/press-title.gif) no-repeat; width: 100%; height: 82px; margin-left: 10px; margin-top: -20px; float: left; margin-bottom: 30px; display: block; } #press-content {float: left; width: 600px; margin-left: 30px; } .press-articles { float: left; width: 250px; margin-right: 20px;} /* Sidebar */ #sidebar { width: 280px; position: absolute; top: 200px; left: 570px; } #sidebar li { list-style-type: none; padding: 0;} .DYTWcredits { margin-bottom: 10px;} #ngg-webslice h2 { margin-top: 20px;} #press-gallery { height: 300px; overflow-y: scroll; width: 260px; } /* Footer */ #footer { position:fixed; display: block;clear: both; width: 330px; background: #000000; height: 60px; left: 0; bottom: 30px;} #copyright { position:fixed; display: block;clear: both; width: 390px; height: 15px; left: 0; bottom: 15px; width: 330px; background: #ffffff; text-align: right; } #copyright p { margin: 3px; font-size: 8px; font-weight: bold; text-align: right; } #footer-nav { position: absolute; width: 300px; height: 41px; margin-left: 90px; margin-top: 10px; } #footer-contact-nav { background: url(images/footer/contact-nav.gif) no-repeat; width: 79px; height: 19px; } #footer-contact-nav a:link, #footer-contact-nav a:visited { height:19px; display:block; } #footer-home-nav { background: url(images/footer/home-nav.gif) no-repeat; width: 76px; height: 19px; } #footer-home-nav a:link, #footer-home-nav a:visited { height:19px; display:block; } #footer-press-nav { background: url(images/footer/press-nav.gif) no-repeat; width: 73px; height: 19px; } #footer-press-nav a:link, #footer-press-nav a:visited { height:19px; display:block; } #footer-vanity-nav { background: url(images/footer/vanity-nav.gif) no-repeat; width: 76px; height: 22px; } #footer-vanity-nav a:link, #footer-vanity-nav a:visited { height:22px; display:block; } #footer-writer-nav { background: url(images/footer/writer-nav.gif) no-repeat; width: 79px; height: 22px; } #footer-writer-nav a:link, #footer-writer-nav a:visited { height:22px; display:block; } #footer-actor-nav { background: url(images/footer/actor-nav.gif) no-repeat; width: 73px; height: 22px; } #footer-actor-nav a:link, #footer-actor-nav a:visited { height:22px; display:block; } /* Newsletter */ #ajaxNewsletter, .newsletterContainer { font-size: 11px;/* newsletter container */ height: 20px; } #newsletterFormDiv { } .newsletterTextInput { /* email text input */ margin: 0; padding: 0; } #newsletterLoading { font-size: 11px; /* the loading message while the subscription is being handled */ } .success { /* the success message container */ } .error { /* the error message container */ } #newsletter-signup { clear: both; display: block; } input { float: left; } .gobutton { margin-left: 5px; }