/* Theme Name:Gace-themia Theme URI:http://dearmrgacy.com Description:Serial Killer Super Hub Version:1.0 Author:m4tth3m4t1cs Author URI:http://thepogofiles.com The CSS,XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php */ #movie-page{width:980px;margin:103px auto 0 auto;background:#111 url('images/bg-movie-content-dark.jpg') top center no-repeat;;font-size:1.3em;padding-top:1px;} /* ----- Cast & Crew Bios ----- */ #movie-wrapper { width: 980px; margin: 103px auto 0 auto; position: relative; } #cast-crew-top { position: relative; height: 498px; margin: -103px 10px 0 10px; } #cast-crew-top.forsythe { background-image: url('images/bios/bg-forsythe.jpg'); } #cast-crew-top.moss { background-image: url('images/bios/bg-moss.jpg'); } #cast-crew-top.lahana { background-image: url('images/bios/bg-lahana.jpg'); } #cast-crew-top.ristovski { background-image: url('images/bios/bg-ristovski.jpg'); } #cast-crew-top.peterson { background-image: url('images/bios/bg-peterson.jpg'); } #cast-crew-top.forsythe #movie-subnav a.forsythe, #cast-crew-top.moss #movie-subnav a.moss, #cast-crew-top.lahana #movie-subnav a.lahana, #cast-crew-top.ristovski #movie-subnav a.ristovski, #cast-crew-top.yang #movie-subnav a.yang, #cast-crew-top.madison #movie-subnav a.madison, #cast-crew-top.berry #movie-subnav a.berry, #cast-crew-top.peterson #movie-subnav a.peterson, #cast-crew-top.Yang #movie-subnav a.yang { color: #213340; background: transparent url('images/bg-selected.gif') repeat-x 0 50%; } #movie-subnav { position: absolute; top: 22px; left: 10px; width: 160px; } .bios #movie-subnav { top: 125px; } #movie-subnav b.section-title { color: #FFF; font-size: 2.2em; display: block; } #movie-subnav ul { margin: .25em 0 1.5em 0; font-size: 1.3em; } #movie-subnav ul li { padding: 1px 0; } #movie-subnav ul li a { display: inline-block; padding: 0 8px; margin: 0 -8px; } #movie-subnav ul li a:hover { text-decoration: none; color: #FFF; } #movie-subnav ul li a:active { text-decoration: none; color: #213340; } #cast-crew-title { position: absolute; bottom: 20px; left: 110px; width: 180px; } #cast-crew-title h2 { font-size: 100%; } #cast-crew-title h2 #actor { display: block; color: #FFF; font-size: 3.2em; margin-bottom: 4px; } #cast-crew-title h2 #character { color: #999; font-size: 1.4em; } #cast-crew-photos { position: absolute; top: 120px; right: 90px; width: 140px; } #cast-crew-photos li { float: left; padding: 10px 0; } .carousel li a img, #cast-crew-photos li a img { border: 3px solid #112F3C; display: block; } .carousel li a:hover img, #cast-crew-photos ul li a:hover img { border: 3px solid #4A708C; } #cast-crew-photos .next, #cast-crew-photos .prev { position: absolute; left: 54px; background-position: 0 0; width: 32px; height: 32px; cursor: pointer; } #cast-crew-photos .next:hover, #cast-crew-photos .prev:hover { background-position: 0 -32px; } #cast-crew-photos .next:active, #cast-crew-photos .prev:active { background-position: 0 -64px; } #cast-crew-photos .next.disabled, #cast-crew-photos .prev.disabled { background-position: 0 -96px !important; cursor: default !important; } #cast-crew-photos .next { background-image: url('images/next-vertical.png'); bottom: -20px; } #cast-crew-photos .prev { background-image: url('images/prev-vertical.png'); top: -20px; } #cast-crew-bio { font-size: 1.4em; line-height: 1.6em; padding: 20px 110px 40px 110px; background: #161616 url('images/bg-movie-content.jpg') no-repeat 50% 0; } /* ----- Production Stills ----- */ #photos-top { position: relative; margin:0 10px; } .production-photos #photo-carousel { margin-left: 180px; width: 720px; padding-bottom: 20px; position: relative; } .production-photos #photo-carousel li { float: left; } .production-photos #photo-carousel li a { display: block; margin: 20px 10px; } .production-photos .prev, .production-photos .next{background-position: 0 0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute;z-index:10;top:180px; cursor: pointer;} .production-photos .prev{background-image:url('images/prev-horizontal-large.png');left:-24px;} .production-photos .next{background-image:url('images/next-horizontal-large.png');right:-24px;} .production-photos .prev:hover, .production-photos .next:hover{background-position: -32px 0;} .production-photos .prev:active, .production-photos .next:active{background-position: -64px 0;} .production-photos .disabled {background-position: -96px 0 !important; cursor: default;} #photos-top.all #movie-subnav a.all, #photos-top.forsythe #movie-subnav a.forsythe, #photos-top.moss #movie-subnav a.moss { color: #213340; background: transparent url('images/bg-selected.gif') repeat-x 0 50%; } #movie-main { background: #161616 url('images/movie/bg-main.jpg') no-repeat 50% 0; position: relative; padding: 480px 0 20px 0; } /* Teaser Styling for Inline Colorbox launch event */ div#videoHIDR {display:none;visibility:hidden;} div#teaserWRAP {margin:0;padding:0;height:360px;width:640px;} #teaserMain {background:transparent; width:460px; height:250px;position: absolute; left: 21px; top: 200px;} a.inlineLNCH {position: absolute; display:block;position:absolute;top:90px;left:110px;} a.highdef {position: absolute; display:block;position:absolute;top:200px;right:90px;height:40px;} a.ipod {position: absolute; display:block;position:absolute;top:200px;left:95px;height:40px;} img#click2play {display:block;} img#buttonHD {display:block;} img#buttonIPOD {display:block;} #movie-main-columns { padding-left: 10px; } #movie-main-columns .column { font-size: 1.2em; float: left; width: 204px; margin-right: 20px; padding: 0 8px; } #movie-main-columns .last { margin-right: 0 !important; } #movie-main-columns .column h2 { font-size: 1.6em; height: 25px; padding: 14px 0 0 12px; margin: 0 -8px; line-height: 22px; color: #000; background: transparent url('images/movie/bg-subhead.png') no-repeat 0 0; } #movie-main-columns .column h3 { font-size: 1.4em; color: #FFF; margin: 1em 0 0 0; } #movie-main-columns ul.biolist { margin-bottom: 1.5em; } #movie-main-columns ul.biolist li { padding-top: 8px; } #movie-main-columns ul.biolist li.featured { padding-top: 16px; } #movie-main-columns ul.biolist img { float: left; margin: -8px 12px 0 0; border: 3px solid #112F3C; } #movie-main-columns ul.biolist a:hover img { border-color: #4A708C; } #movie-main-columns ul.biolist em { font-size: .9em; color: #666; } #movie-main-columns #photo-carousel {margin: 1em 0 0 32px; width: 140px; position: relative;} #movie-main-columns #photo-carousel .next, #movie-main-columns #photo-carousel .prev { position: absolute; top: 37px; background-position: 0 0; width: 32px; height: 32px; cursor: pointer; } #movie-main-columns #photo-carousel .next:hover, #movie-main-columns #photo-carousel .prev:hover { background-position: -32px 0; } #movie-main-columns #photo-carousel .next:active, #movie-main-columns #photo-carousel .prev:active { background-position: -64px 0; } #movie-main-columns #photo-carousel .next.disabled, #movie-main-columns #photo-carousel .prev.disabled { background-position: -96px 0 !important; cursor: default !important; } #movie-main-columns #photo-carousel .next { background-image: url('images/next-horizontal.png'); right: -32px; } #movie-main-columns #photo-carousel .prev { background-image: url('images/prev-horizontal.png'); left: -32px; } /* ----- News & Updates ----- */ #movie-main-columns ul.news-links {padding-top:1.4em;} #movie-main-columns ul.news-links li {display:block;margin-bottom:1em;position:relative;} #movie-main-columns ul.news-links li a.postLink {} #movie-main-columns ul.news-links li span.postDate {font-size:0.9em;word-spacing:-0.1em;} /* Footer Copy */ #movie-main-columns .movieFooter { font-size: 1.2em; float: left; padding: 0 18px 0 8px; } #movie-main-columns .movieFooter h2 { font-size: 1.6em; height: 25px; padding: 14px 0 0 12px; margin: 0 -8px; line-height: 22px; color: #000; background: transparent url('images/movie/bg-subhead.png') no-repeat 0 0; } #movie-main-columns .movieFooter p {font-size:1.0em;font-weight:normal;line-height:1.4em;}