@charset "UTF-8"; /* CSS Document */ /*Theme Name: IndiePix 2010 white FILM PAGEHierarchy: This is the main filmpage template for indiepixfilms.com. Should be listed last (right before page specific css)Author: Kyle WaltersDate: 1/25/2010*/ body { background: url(/image/230344) #000 top center no-repeat; } h2 { text-transform: uppercase; padding-left: 60px; } ul, ol { padding: 0px; } h1 { margin: 25px 0 5px; } /**************CHANGES FROM MAIN STYLE TO BACKGROUND STRETCHED IMAGE STYLE:film pages, review pages, etc****************/ #content { padding: 30px 30px; } /****HEADER/FOOTER CHANGES****/ #header_main { border-right: 0px solid #9FADAE; border-left: 0px solid #9FADAE; width: 950px; } #header .get_independent { /*width: 265px !important; border-right: 2px solid #F00;*/ /*padding-right: 2px;*/ } #header .search_nav { width: 250px !important; } #footer_main { border-right: 0px solid #9FADAE; border-left: 0px solid #9FADAE; width: 950px; } #footer_genres { padding-right: 15px; } /*****MOVIE ROW CHANGES****/ .movie_row { margin-left: -30px; margin-right: -30px; } /*******************ABOVE THE FOLD*******************/ #film_abovefold { clear: both; } #abovefold_left { float: left; margin-right: 30px; width: 230px; text-align: center; } .film_cover { /*border: 1px solid #2E3131;*/ } #film_action { margin: 15px 0px; } #film_action a { display: block; color: #FFF; background: #000000; padding: 10px 5px 10px 5px; /*border: 1px solid #9FADAE;*/ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-transform: uppercase; text-decoration: none; font-size: 26px; } #film_action a:hover { background: #2E3131; color: #FFF; /*border-color: #2E3131;*/ } #film_action a.totalpink { color: #FFF; background: #f8306f; } #film_action a.totalpink:hover { background: #fa598c; color: #FFF; } #film_action .buy_btn {} #film_action .preorder_btn { background-color: #7DA0A1; border-color: #2E3131; } #film_action .play_btn { background-color: #7DA0A1; border-color: #2E3131; } #abovefold_left .coming_soon { text-transform: uppercase; font-size: 14px; margin: 20px 0px; } #abovefold_left .star_ratings { /*width: 155px;*/ margin: 0 auto; } #share_film { clear: both; text-align: center; margin: 20px auto; padding: 0px 0px 20px; } #share_film span { float: left; } #share_film img { height: 40px; } .addthis_toolbox .custom_images a:hover img { opacity: 0.75; } .addthis_toolbox .custom_images a img { opacity: 1; } #abovefold_left .addons { width: 220px; border: 1px solid #7DA0A1; padding: 5px; margin: 0px auto 10px; text-align: left; } #abovefold_left .addons span { padding-left: 5px; padding-bottom: 10px; font-weight: bold; color: #CA628B; letter-spacing: 1px; } #abovefold_right { float: right; width: 620px; } #abovefold_right .whatis { margin: 5px 0px 0px; } #abovefold_right .whatis h3 a { text-decoration: none; color: #7DA0A1; } #abovefold_right .whatis h3 a {} #abovefold_right .price { font-size: 15px; padding: 5px 0px; } #abovefold_right .availability { font-size: 25px; font-weight: bold; padding: 15px 0px 5px; color: #7DA0A1; } #abovefold_right .availability span { font-size: 20px; font-weight: normal; padding: 15px 0px 5px; color: #7DA0A1; } /**********ON DEMAND OVERLAY**********/ .film_coverbtns_playoverlay { margin-left: 63px; margin-top: 120px; height: 102px; width: 102px; float: left; position: absolute; z-index: 500; } .film_coverbtns_playoverlay img { height: 102px; width: 102px; } /*********OTHER VERSIONS NEW*********/ /***********OTHER VERSIONS***********/ #other_versions { font-size: 11px; margin-top: 20px; } .other_versions_holdertable { border: 1px solid #7DA0A1; } .other_versions_holdertable td { border-bottom: 0px; } /*this is the problem*/ table.other_versions_holdertable:hover td { background-color: #fefefe; } table.other_versions_holdertable:hover tr { background-color: #fefefe; } .other_versions_table {} .other_versions_table td { border-bottom: 1px solid #DAEBEA; } .other_versions_table tr:hover td.hovershow { background-color: #DAEBEA; } .other_versions_table tr.highlight { cursor: pointer; } .other_versions_table a { text-decoration: none; color: #2e3131; } .other_versions_table a:hover { text-decoration: none; } .other_versions_table a:visited { text-decoration: none; } .hotpinktextbold { font-weight: bold; color: #f8306f !important; font-size: 13px; } .hotpinktext { color: #f8306f; } .other_versions_table th { background-color: #fefefe; color: #7DA0A1; font-weight: bold; } .other_versions_table .pricecolumn { color: #000; padding-left: 70px; text-align: right; } .otherversion_multirow tr:hover td, .otherversion_multirow:hover tr { background-color: #fefefe; } .pluscolumn { padding: 0px; } .otherversion_multirow_table { padding: 0px; border: 0px; width: 100%; } .otherversion_multirow_table td { padding-left: 24px; border-bottom: 0px; } .otherversion_multirow_table tr:hover td { background-color: #DAEBEA; } #abovefold_right .other_versions .single_version { width: 200px; float: left; font-size: 14px; padding: 0px 0px 5px; } /************/ .details_column { width: 275px; margin-right: 15px; margin-top: 15px; float: left; } .details_column p { margin: 0; } .details_specialfeatures { width: 565px; margin-top: 3px; } .details_specialfeatures img { margin-top: 15px; } .details_specialfeatures p { margin: 0; } .film_genres { margin-top: 20px; font-size: 14px; } .film_genres p { margin: 0; } .title_version { font-size: 18px; margin-top: 0px; padding-top: 0px; margin-bottom: 25px; } .title_type { font-size: 0.8em; } /*********************MEDIA CENTER*********************/ #film_media { clear: both; width: 100%; margin: 0px 0px; } .videoholder { float: left; width: 540px; margin-right: 20px; } .videoholder span { text-transform: uppercase; padding-right: 10px; font-weight: bold; font-size: 14px; } .image_thumbs {} .image_thumbs img { /*border:1px #2e3131 solid;*/ } .image_thumbs_single { margin-bottom: 8px; margin-right: 10px; height: 71px; width: 96px; overflow: hidden; float: left; } /*********************BELOW THE FOLD*********************/ #film_belowfold { clear: both; } .film_leftcolumn { width: 450px !important; width: 400px; float: left; padding: 0px 20px 0px 30px; } .film_leftcolumn_bg { padding: 15px; border: 1px solid #7DA0A1; margin-top: 15px; } .film_leftcolumn_bg span { text-transform: uppercase; padding-right: 10px; font-weight: bold; font-size: 12px; } .film_rightcolumn { width: 320px; float: left; /*border-left: 1px solid #7DA0A1;*/ padding: 20px 20px; margin-left: 20px; border: 1px solid #7DA0A1; } #castcrew { float: right; margin-right: 6px; } .castcrew_single { width: 150px; float: left; margin-right: 9px; } .film_rightcolumn h4 { font-weight: bold; text-transform: uppercase; margin: 0; } .castcrew_single p { margin: 0px 0 10px; } .castcrew_single a { color: #2E3131; text-decoration: none; } .castcrew_single a:hover { text-decoration: underline; } .award_name { text-transform: uppercase; } #press blockquote { font-style: normal; margin-left: 0px; } .contentholder_full { padding: 0px 30px; } /*********CAST NEW***********/ #cast div { padding-left: 20px; } #cast div img { margin-top: 15px; } /************CAST************/ #cast { width: 370px; float: left; /*border-left: 1px solid #7DA0A1;*/ padding: 0px 0px; margin-left: 20px; } #cast table { width: 350px; padding: 0px 10px 0px; margin-top: 0px; margin-bottom: 0px; } #cast tr.highlight { cursor: pointer; } #cast a { text-decoration: none; } #cast a:hover { text-decoration: none; } #cast th { background-color: #fefefe; color: #000; font-weight: bold; padding-bottom: 0px; padding-top: 0px; } #cast .rolecolumn { color: #000; width: 150px; } .cast_namecolumn { width: 200px; } /****************RELATED MEDIA HOLDERS - found in indiepix_main.css****************/