/* Theme Name: FireCracker Films Theme URI: http://www.firecrackerfilms.com Description: Theme for Firecracker Films Version: 1.0 Author: Phil Baker Author URI: http://www.philbakerdesign.co.uk/ */ * { margin: 0; padding: 0; } body { background: #000 url(images/bg_1.jpg) 0 0 no-repeat; font-family: arial, helvetica, verdana, sans-serif; font-size: 62.5%; color: #fff; } h1 { display: block; float: left; text-indent: -999999em; background: url(images/fcf_logo.png) no-repeat; width: 291px; height: 21px; margin-bottom: 15px; } h1 a { display: block; float: left; width: 291px; height: 21px; } h2 { line-height: 21px; height: 16px; padding: 5px 0 0 0; margin-left: 8px; color: #000; font-family: georgia, serif; display: block; float: left; font-size: 1.4em; font-variant: small-caps; } a { outline: none;} ul, ol { list-style: none; } img { border: none; } #wrapper { width: 1010px; float: left; padding: 58px 0 0 47px} #container { width: 1010px; float: left; } #sub { width: 124px; float: left; margin-right: 5px; } #sub .nav { margin-bottom: 20px; width: 124px; float: left; } #sub .nav li { width: 124px; float: left; margin-bottom: 4px; } #sub .nav li a { color: #ffffff; width: 122px; height: 16px; display: block; text-indent: -999999em;} #sub .nav li a:hover { cursor: pointer !important; } #sub .nav li.cat-item-3 a { background: url(images/buttons/news_u.png) top left no-repeat;} #sub .nav li.cat-item-4 a { background: url(images/buttons/reel_u.png) top left no-repeat;} #sub .nav li.cat-item-5 a { background: url(images/buttons/production_u.png) top left no-repeat;} #sub .nav li.cat-item-6 a { background: url(images/buttons/broadcast_u.png) top left no-repeat;} #sub .nav li.cat-item-7 a { background: url(images/buttons/commercial_u.png) top left no-repeat;} #sub .nav li.cat-item-8 a { background: url(images/buttons/music_u.png) top left no-repeat;} #sub .nav li.cat-item-9 a { background: url(images/buttons/motion_u.png) top left no-repeat;} #sub .nav li.page-item-2 a { background: url(images/buttons/about_u.png) top left no-repeat;} #sub .nav li.page-item-9 a { background: url(images/buttons/press_u.png) top left no-repeat;} #sub .nav li.page-item-11 a { background: url(images/buttons/contact_u.png) top left no-repeat;} #content { width: 640px; float: left; } #content .container { width: 620px; float: left; margin-bottom: 10px;} #content a { color: #fff; text-decoration: none; } #content a:hover { color: #cc0000; } #content #imageroll { width: 640px; height: 360px; overflow: hidden; float: left; margin-bottom: 10px; position: relative;} #content #imageroll a.playmovie { position: absolute; z-index: 200; left: 260px; top: 120px; } #content #latestinfo { width: 620px; float: left; margin-bottom: 10px; background: url(images/bkgtrans.png); padding:10px;} #content #latestinfo h3 { font-size: 2.4em; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; } #content #latestinfo h3 a { color: #fff; text-decoration: none; } #content #latestinfo h3 a:hover { color: #cc0000; } #content #latestinfo h4 { font-size: 1.8em; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; margin-bottom: 10px;} #content #latestinfo h5 { font-size: 1.2em; margin-bottom: 3px; } #content #latestinfo p { font-size: 1.2em; margin-bottom: 15px; font-family: Geneva, Arial, sans-serif; } #content p.date { color: #999999; font-size: 1.1em; margin: -5px 0 10px 0; } #content p.tags { color: #cc0000;} #content p.tags a { color: #cc0000; } #content p.tags a:hover { text-decoration: underline; } #content #latestinfo.fullstory { width: 470px; } #content #latestinfo.fullstory ul { color: #999999; font-size: 1.1em; text-transform: uppercase; margin-bottom: 10px; } #content #latestinfo.fullstory h4.share { font-size: 1em; color: #666; margin-bottom: 5px; letter-spacing: 0; text-transform: none; } #content #extra { float: right; width: 140px; } #content #extra h4.related { display: block; float: left; width: 140px; height: 50px; text-indent: -999999em; background: url(images/Related_Content2.png) top left no-repeat;margin-bottom: 10px;} #content #extra a.back { margin-bottom: 10px; float: left; } #content #extra ul.relatedstories { width: 140px; float: left; clear: both; } #content #extra ul.relatedstories li { margin-bottom: 10px; } #content .entry { width: 640px; float: left; margin-bottom: 10px;} #content .entry .thumbnail { margin: 0; padding: 0; width: 320px; height: 180px; float: left; background: url(images/bkgtrans.png) top left;} #content .entry .synopsis { width: 290px; height: 160px; padding: 10px; float: right; background: url(images/bkgtrans_red.png) right repeat-y; overflow: auto; } #content .entry .synopsis h4 { font-size: 1.8em; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; margin-bottom: 5px; } #content .entry .synopsis h4 a { color: #fff; text-decoration: none;} #content .entry .synopsis h4 a:hover { color: #cc0000; } #content .entry .synopsis p { font-size: 1.1em; margin-bottom: 5px; } #content .entry .synopsis ul { font-size: 1.1em; color: #999999 !important; margin-bottom: 5px !important; margin-top: -5px; text-transform: uppercase;} #content .sharelinks { width: 470px; float: left; } #content .sharelinks li { display: block; float: left; margin-right: 5px;} #content ol.form { width: 620px; float: left; } #content ol.form li { width: 620px; float: left; margin-bottom: 10px; } #content ol.form li label { display: block; float: left; width: 150px; font-size: 1.2em; } #content ol.form li label.error { display: block; clear: both; color: #cc0000; margin-left: 150px; width: 300px;} #content ol.form li input.formbox {width: 300px; border: none; background: #fff; color: #000; padding: 2px;} #content input.subBtn { font-size: 1.2em; color: #fff; background: #000; border: none; border-bottom: 2px solid #cc0000; padding: 3px 2px 3px 2px; cursor: pointer; float: left; clear: both; } #content .infolist { width: 620px; float: left; margin: 0 0 15px 0;} #content .infolist li {font-size: 1.2em;} /* ABOUT US STYLE */ #content .aboutwrap { float: left; width: 620px; margin-bottom: 10px; padding-top: 10px;} #content .ph-about { float: left; width: 140px; margin-right: 10px;} #content .info { float: left; width: 470px; } /* CONTCT STYLE */ #content ul.contactinfo { width: 620px; float: left; margin-bottom: 17px; } #content ul.contactinfo li { width: 620px; float: left;margin-bottom: 2px; font-size: 1.3em; } #content ul.contactinfo li strong { width: 247px; float: left; display: block; } #content ul.address { width: 247px; float: left; margin-bottom: 13px; clear: both; } #content ul.address li { width: 247px; float: left; margin-bottom: 2px; font-size: 1.3em; } #content .directions { width: 300px; float: left; } /* SIDE BAR */ #sidebar {float: left; width: 200px; margin-left: 10px; } #sidebar h4 { width: 200px; height: 30px; display: block; float: left; text-indent: -999999em; background: url(images/sidebar-default.png);} #sidebar h4.search { background: url(images/sidebar-search.png) bottom; } #sidebar h4.clients { background: url(images/sidebar-clients.png) bottom; } #sidebar h4.mailing { background: url(images/sidebar-mail.png) bottom; } #sidebar h4.networks { background: url(images/sidebar-networks.png) bottom; } #sidebar h4.rss { background: url(images/sidebar-rss.png) bottom; } #sidebar .widget { background: url(images/bkgtrans.png) top left; width: 180px; padding: 10px; clear: both; margin-bottom: 10px; float: left; } #sidebar .widget p { font-size: 1.1em; margin-bottom: 5px;} #sidebar a { color: #fff; text-decoration: none;} #sidebar a:hover { color: #cc0000; } #sidebar .formbox { width: 176px; border: none; background: #fff; color: #000; padding: 2px; } #sidebar label { font-size: 1.1em; cursor: pointer; } #sidebar ul.social { width: 180px; } #sidebar ul.social li { float: left; width: 180px; font-size: 1.2em; line-height: 18px;} #sidebar ul.social li a { line-height: 18px; } #sidebar ul.social li a img { margin-right: 10px; } #sidebar #clients.widget { padding-bottom: 5px; } #sidebar ul.clients li { width: 50px; display: inline; margin: 0 2px 5px 2px; line-height: 27px; } #sidebar ol.subForm { width: 180px; } #sidebar ol.subForm li { width: 180px; float: left; margin-bottom: 5px;} #sidebar ol.subForm li label.error { color: #cc0000; font-size: 1.1em; } #sidebar ol.subForm li input.error { background: #e29292;} #sidebar .widget.rsslink p { margin: 0; } #sidebar .widget.rsslink a span{ float: left; margin-top: 12px !important;} #sidebar .widget.rsslink a img { float: left; margin-right: 10px; } #sidebar input.subBtn { font-size: 1.1em; color: #fff; background: #000; border: none; border-bottom: 2px solid #cc0000; padding: 3px 2px 3px 2px; cursor: pointer;} #footer { width: 640px; float: left; color: #666; }