/* Theme Name: Accidents Happen Movie Theme URI: http://www.accidentshappens.com Description: This is the Wordpress code for Accidents Happen, the new movie by Redcarpet Productions Author: Gerry Scullion Author URI: http://www.gerrycircus.com Tags: movie, wordpress, accidents happen magnolia bg: #f4edd1; green bg: #abb47b; nav-off color: #f7f7db; nav-on color: #000000; */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; body {background: #f4edd1 /*url('images/bg-tile.gif') repeat-x 0px 50px*/; padding: 0px; margin: 0px; font-family: arial, sans-serif; font-size: 14px; line-height: 18px; color: #000;} /* FONTS AND LINKS */ p {padding: 3px 0px 6px 0px;} p.description {text-indent: -9999px;} blockquote {font-style: italic; font-size: 15px;} span.no-display {display: none;} .content a {color: #000;} .content a:hover {text-decoration: none;} /* NAVIGATION */ .nav {width: 110px; margin-left: 25px; float: left; font-size: 14px;} .nav a {color: #f7f7db; text-decoration: none; text-transform: uppercase; font-weight: bold;} .nav a:hover {color: #000;} /* LAYOUT ELEMENTS */ .wrap {background: #abb47b url('images/bg-tile.gif') repeat-x; width: 100%; min-height: 700px; margin-top: 10px; border-bottom: 2px solid #fff; } .container {width: 1024px; margin: 0px auto 0px auto; min-height: 700px; position: relative;} .content {width: 410px; float: left;} .viewer {margin-bottom: 20px;} /* ALBUM CONDITIONALS */ body#accidentshappenmovieabout .album, body#accidentshappenmoviegallery .album, body#accidentshappenmovievideo .album, body#accidentshappenmovienews .album {display: none;} .album {position: absolute; bottom: 30px; right: 10px; width: 60px; height: 80px; display: none;} .album p {font-size: 10px;} a.album-cover {width: 60px; height: 60px; background: url('images/album-cover.gif') no-repeat; border: 1px solid #666; display: block; margin-left: 3px;} a.album-cover:hover {border: 1px solid #000;} /* SOCIAL CONDITIONALS */ .social {width: 110px; clear: left; margin-top: 125px; display: none;} .social a {display: block; height: 25px; margin-bottom: 8px;} a.myspace {background: url('images/myspace.gif') no-repeat;} a.youtube {background: url('images/youtube.gif') no-repeat; margin-bottom: 13px;} a.flickr {background: url('images/flickr.gif') no-repeat;} a.facebook {background: url('images/facebook.gif') no-repeat;} a.twitter {background: url('images/twitter.gif') no-repeat;} /* LOGO CONDITIONALS */ .header {width: 1024px; height: 247px;} .header h1 a {display: block; width: 482px; height: 117px; text-indent: -9999px; margin-top: 55px; margin-left: 25px; float: left;} body#wp .header h1 a {background: url('images/logo.gif') no-repeat;} body#wphome .header h1 a {background: url('images/logo.gif') no-repeat;} body#wpabout .header h1 a, body#wpgallery .header h1 a, body#wpvideo .header h1 a, body#wpnews .header h1 a {background: url('images/logo-2.gif') no-repeat;} /* BACKGROUND IMAGES */ body#wphome .container {background: url('images/bg-home.png') no-repeat; background-position: 100px 60px ;} body#wp .container {background: url('images/bg-home.png') no-repeat; background-position: 100px 60px ;} body#wpabout .container {background: url('images/geena-cut.png') no-repeat; background-position: 540px 0px;} body#wpgallery .container {background: url('images/green-coat.png') no-repeat; background-position: 530px 0px;} body#wpvideo .container {background: url('images/billy-ball-2.png') no-repeat; background-position: 710px 0px;} body#wpnews .container {background: url('images/boy-bike.png') no-repeat; background-position: 500px 0px;} li.current_page_item a {color: #000;} /* GALLERY IMAGES */ body#wpgallery a img {float: left; display: inline; border: 2px solid #fff; margin:0px 2px 2px 0px;} body#wpgallery .content {width: 500px;} /* FOOTER */ .footer {width: 483px; height: 250px; margin: 5px auto 50px auto; padding-bottom: 0px; font-size: 10px; color: #8c866f; text-align: center;} .footer a {color: #8c866f;} ul.sponsors {display: inline; float: left; margin: 0px; padding: 0px; border-top: 0px solid red;} ul.sponsors li {border: 0px solid red; height: 31px; display: block; float: left; display: inline;} ul.sponsors li.item-1 {background: url('images/footer-3.gif') no-repeat; background-position: 0px 0px; width: 51px;} ul.sponsors li.item-2 {background: url('images/footer-3.gif') no-repeat; background-position: -51px 0px; width: 56px;} ul.sponsors li.item-3 {background: url('images/footer-3.gif') no-repeat; background-position: -107px 0px; width: 84px;} ul.sponsors li.item-4 {background: url('images/footer-3.gif') no-repeat; background-position: -191px 0px; width: 95px;} ul.sponsors li.item-5 {background: url('images/footer-3.gif') no-repeat; background-position: -285px 0px; width: 42px;} ul.sponsors li.item-6 {background: url('images/footer-3.gif') no-repeat; background-position: -326px 0px; width: 50px;} ul.sponsors li.item-7 {background: url('images/footer-3.gif') no-repeat; background-position: -375px 0px; width: 43px;} ul.sponsors li.item-8 {background: url('images/footer-3.gif') no-repeat; background-position: -417px 0px; width: 58px;} /* ul.sponsors {display: inline; float: left; margin: 0px; padding: 0px;} ul.sponsors li {border: 0px solid red; height: 55px; display: block; float: left; display: inline;} ul.sponsors li.item-1 {background: url('images/footer-2.gif') no-repeat; background-position: 0px 0px; width: 92px;} ul.sponsors li.item-2 {background: url('images/footer-2.gif') no-repeat; background-position: -92px 0px; width: 94px;} ul.sponsors li.item-3 {background: url('images/footer-2.gif') no-repeat; background-position: -186px 0px; width: 150px;} ul.sponsors li.item-4 {background: url('images/footer-2.gif') no-repeat; background-position: -336px 0px; width: 167px;} ul.sponsors li.item-5 {background: url('images/footer-2.gif') no-repeat; background-position: -503px 0px; width: 81px;} ul.sponsors li.item-6 {background: url('images/footer-2.gif') no-repeat; background-position: -584px 0px; width: 86px;} ul.sponsors li.item-7 {background: url('images/footer-2.gif') no-repeat; background-position: -670px 0px; width: 68px;} ul.sponsors li.item-8 {background: url('images/footer-2.gif') no-repeat; background-position: -738px 0px; width: 112px;} /* /* ul.sponsors li {display: inline;} ul.sponsors li a {border: 0px solid red; height: 55px; display: block; float: left;} ul.sponsors li.item-1 a {background: url('images/footer-2.gif') no-repeat; background-position: 0px 0px; width: 92px;} ul.sponsors li.item-1 a:hover {background-position: 0px -55px;} ul.sponsors li.item-2 a {background: url('images/footer-2.gif') no-repeat; background-position: -92px 0px; width: 94px;} ul.sponsors li.item-2 a:hover {background-position: -92px -55px;} ul.sponsors li.item-3 a {background: url('images/footer-2.gif') no-repeat; background-position: -186px 0px; width: 150px;} ul.sponsors li.item-3 a:hover {background-position: -186px -55px;} ul.sponsors li.item-4 a {background: url('images/footer-2.gif') no-repeat; background-position: -336px 0px; width: 167px;} ul.sponsors li.item-4 a:hover {background-position: -336px -55px;} ul.sponsors li.item-5 a {background: url('images/footer-2.gif') no-repeat; background-position: -503px 0px; width: 81px;} ul.sponsors li.item-5 a:hover {background-position: -503px -55px;} ul.sponsors li.item-6 a {background: url('images/footer-2.gif') no-repeat; background-position: -584px 0px; width: 86px;} ul.sponsors li.item-6 a:hover {background-position: -584px -55px;} ul.sponsors li.item-7 a {background: url('images/footer-2.gif') no-repeat; background-position: -670px 0px; width: 68px;} ul.sponsors li.item-7 a:hover {background-position: -670px -55px;} ul.sponsors li.item-8 a {background: url('images/footer-2.gif') no-repeat; background-position: -738px 0px; width: 112px;} ul.sponsors li.item-8 a:hover {background-position: -738px -55px;} */