/*----------------------------------------------------------------------------- Florida Film Festival Main Stylesheet author: Drive New Media, Inc. date: 11/10 -----------------------------------------------------------------------------*/ @import url('reset.css'); @import url('font_face.css'); @import url('fancybox.css'); /* ------------------------- REUSED CLASSES ---------------------------- */ .left { float: left; } .right { float: right; } .clear { clear: both; } .last { border: none!important; } .red { color: #C0161F;/*red*/ } .grey { color: #333;/*grey*/} .bold { font-weight: bold !important; } .hideHeading { text-indent: -9999px;margin:0;padding:0;display:none; } .additional {color:#fff;line-height:1.1em;padding-top:5px;} .vert_divider { border-right: 1px #eee solid; width: 10px; height: 93px; display: block; float: left; margin: 10px 15px 10px 10px; } .back { font-size: 1.4em; font-weight: bold; position: absolute; top: -45px; left: 20px; } /* ------------------------- LAYOUT SECTIONS ------------------------------ */ /* wRapper Name */ #pharrell { text-align: left; margin: 0 auto; position: relative; width: 1075px;} #header { width: 1085px; margin: 0 auto; padding: 0; position: relative; height:253px; } #header #masthead { text-indent: -9999px; width: 638px; height: 108px; position: absolute; left: 0; top: 66px; } #header #masthead h1.two { background: url('/images/css/h-masthead.png') 0 0 no-repeat; display: block; width: 638px; height: 108px; float: left; } #header #masthead h1 { background: url('/images/css/h-masthead.png') 0 0 no-repeat; display: block; width: 638px; height: 108px; float: left; } /*#header #masthead h1 { background: url('/images/css/h-masthead2.png') 0 0 no-repeat; display: block; width: 778px; height: 132px; float: left; }*/ #header #logo { background: url('/images/css/h-lady-head.png') 0 0 no-repeat; text-indent: -9999px; width: 498px; height: 433px; margin: 0; position: absolute; top: 0; right: -59px; z-index: -1; } /*Homepage Background*/ body#pageHome #content { background: #fff; clear: both; } body#pageBrightHouse #content { padding-top: 30px; margin-top: -30px;} #content { width: 730px; margin: 0; position: relative; background: #fff; color: #4D4D4D; padding: 0px 20px 20px; float: left; min-height: 757px; } #content hr.stripe { background: url(/images/css/g_rule.gif) repeat-x; height: 13px; border: none; } #leftContent {width: 715px;float: left;position:relative; margin: 20px 0 0 -5px; } #leftContent a {color: #808080;text-decoration: underline;font-weight: bold;} #leftContent h2 a { color: #C0161F; /*red*/ } #leftContent #maincolumn table {color:#666;position:relative;} #leftContent hr { clear:both;height:15px;border:none;} /* ---- Containers for home page ----*/ #col3_Left { width: 450px; float: left; margin-top: 20px; clear: both; } #col3_Left h4 { color: #000; font-size: 1.5em;font-weight: bold; } #col3_Left h1 { padding-bottom: 0; margin-bottom: 5px; } #col3_Left .upcomingFilms { float: left; width: 200px; margin: 0 10px 15px 0; } #col3_Left .upcomingFilms img {border:1px solid #ccc; margin-bottom: 3px; } #col3_Left h2.upcoming { clear:both!important; font-size: 2.4em; line-height: 1em; letter-spacing: -1px; color: #00ADEE; padding: 50px 0 10px 0!important; } #col3_Left .upcomingFilms h3 { font-size: 1.4em; font-weight: bold; color: #00ADEE; } #col3_Left .upcomingFilms h4 { font-size: 1.8em; padding:0 0 3px 0; color: #333; } #col3_Left .upcomingFilms h5 { font-size: 1.4em; line-height: 1.3em; color: #D52B36;/*red*/ } /*#col3_Left ul#nowPlayingTimes li { display: inline; border-right: 2px #EB008B solid; padding: 0 5px; } #col3_Left ul#nowPlayingTimes li.last {border-right: none;} #col3_Left ul#nowPlayingTimes li a {font-size: 1.4em;color: #EB008B; text-decoration: underline;font-weight: bold; }*/ #col3_Middle {float: left;width: 260px; margin-top: 20px;} #col3_Middle h2 {font-size: 1.7em;} #col3_Middle h1 {font-size: 1.8em;letter-spacing: -1px;margin-bottom: -12px;margin-top:3px;} #col3_Middle p {font-size: 1.2em;} #col3_Middle ul#widgets {margin-top: -10px;} #col3_Middle ul#widgets li {border-bottom: 1px #ccc solid;padding: 15px 0px 15px 0px; display: block; height: auto; position:relative;} #col3_Middle ul#widgets li.col4 { border-bottom: none; } #col3_Middle ul#widgets ul li {border: none;padding: 0;} #col3_Middle ul#widgets ul li a {color: #D52B36;/*red*/font-size: 1.2em;} #col3_Middle ul#widgets img {padding:3px 0!important;} #col3_Middle ul#widgets p {padding:0 0 5px 0!important;} a.vip { width: 259px; height: 131px; background-position: -259px 0; } a.platinumPassOff { background: url(/images/css/g_platinumPass_Moneyoff.gif) no-repeat; background-position: 0 0; width: 265px; height: 30px; display: block; text-indent: -9999px; margin-top: 10px; } a:hover.platinumPassOff { background-position: 0 -32px; } #col3_Right {float: right; } #col3_Right .sponsoredBy, #rightContent .sponsoredBy { float: left; margin: 0 0 20px 12px; text-align: left; } /* ---- END Containers for home page ----*/ /* ---- SIDE BAR ----- */ #rightContent { float: left; position:relative; width: 268px;margin: 87px 0 0; padding: 15px 0 0; } #rightContentPadding { margin: 0 0 20px 20px; } #rightContent div.hr { clear: both; width: 222px; height: 1px; margin: 10px 0; } #rightContent p { margin-bottom: 10px; } .schedule { margin: -75px 0 183px; margin-top: -365px; } .schedule h1 {background: url('/images/css/animated-schedule-on.gif') 0 0 no-repeat; width: 205px; height: 85px; margin: 0 0 0 9px; padding: 0; } .schedule h1 a { text-indent: -9999px; display: block; width: 187px; height: 64px; margin: 0 0 0 16px; } .sponsoredBy h4 a { color: #888; } .sponsoredBy h4 a span { font-size: 1.11em; } .socialMedia { font-size: .75em; } .socialMedia h2 { margin: 0 0 0 5px; } .socialMedia ul { height: 25px; padding: 10px; margin-left: 30px; } .socialMedia ul li { float: left; padding: 5px 10px; } .socialMedia ul li a { background: url('/images/css/g_social_icons.gif') no-repeat; height: 32px; width: 27px; display: block; } .socialMedia ul li a.facebook { background-position: 0 0; } .socialMedia ul li a:hover.facebook { background-position: -27px 0; } .socialMedia ul li a.twitter { background-position: 0 -30px; } .socialMedia ul li a:hover.twitter { background-position: -27px -30px; } .socialMedia ul li a.youtube_social { background-position: 0 -62px; } .socialMedia ul li a:hover.youtube_social { background-position: -27px -62px; } .twitterContainer a#followFFF { font-family: 'Arial Black', Arial, Helvetica, sans-serif; color: #000; font-size: 1.5em; } .twitterContainer a#followFFF:hover { text-decoration: none; } #twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline { background: none!important; } .twtr-widget .twtr-hd, .twtr-widget .twtr-ft { display: none!important; text-indent: -9999px; } .twtr-tweet { border-bottom-color: #ccc; } #constantContact a h2 { text-decoration: none; font-size: 1.7em; text-decoration: none; } #constantContact a:hover h2 { text-decoration: none; color: #C0141F; } .enzianLogo { margin: 15px 0 0 47px; display: block; width: 101px; height: 86px; } /****** MOVIE THUMBNAILS *****/ ul.movieSummary { padding: 0;float: left;width: 700px;margin: 10px 0 10px 0; background: #fff url(/images/css/thumbnailBg_movies.gif) repeat top left; } ul.eventSummary, body.galleries ul.movieSummary, body.galleries ul.photoGallery {padding: 0;float: left;width: 700px;margin: 10px 0 10px 0;background: #fff url(/images/css/thumbnailBg.gif) repeat top left; } ul.movieSummary li {display: inline-block; float: left; margin: 15px 34px 0 0; padding-bottom: 10px; min-height: 301px; width: 210px; } ul.movieSummary img {border:1px solid #ccc;} ul.movieSummary li.col3 { margin-right: 0; } ul.movieSummary li img { margin-bottom: 5px; } ul.movieSummary li h2 { font-size: 1.6em; padding:0; color: #D52B36;/*red*/ } ul.movieSummary li h1 { font-size: 2.1em; line-height: 1.1em; color: #4d4d4d;/*grey*/ padding: 0; } body.galleries ul.movieSummary li { min-height: 235px; } body.galleries ul.photoGallery { background: #fff url(/images/css/thumbnailBg_photos.gif) repeat top left; } body.galleries ul.photoGallery li { width: 116px; padding: 0; margin: 15px 0 6px 0; min-height: 116px; } body.galleries ul.movieSummary li h1 { font-size: 1.6em; } body.galleries h2 a { font-size: .5em; font-weight: normal; color: #333; text-decoration: none!important; font-family: Arial, Helvetica, sans-serif; } body.galleries h2 a:hover { text-decoration:underline!important; } ul.movieSummary li a {text-decoration:none !important; } ul.movieSummary li a:hover {text-decoration:underline !important;} /* end movie thumbnails */ /*#### movie_meta ####*/ #movie_quote { width: 417px; margin: 0; clear: both; float: left;} body#pageHome #movie_text #movie_quote { float: left; width: 300px; margin-top:0px;} #movie_quote blockquote, body#pageHome #movie_text #movie_quote blockquote { color: #D52B36;/*red*/ font-weight: bold; margin: 15px 0 0 0;} /* ???????????? */ body#pageHome #movie_text #movie_quote blockquote p { font-size: 1.6em;line-height: 1.3em;color: #D52B36;/*red*/ clear:none!important; float:left!important;text-indent:-8px;} #movie_quote blockquote p { width: 300px; } #movie_quote p, body#pageHome #movie_text #movie_quote p {font-size:1.6em!important;line-height: 1.1em;color:#737373; padding:0; clear:none!important; } #movie_quote p span.bold, body#pageHome #movie_text #movie_quote p span.bold { font-weight:bold; } /*Official Site & Discuss Movie Icons*/ .officialSiteImg .discussMovieImg {margin: 0 5px -3px 0;} #leftContent p {padding-bottom: 5px;} #leftContent #maincolumn { width: 424px; clear: both;float: left;} /*body#film_vertical #content #leftContent #maincolumn, body#festivals_vertical #content #leftContent #maincolumn, body#friends_vertical #content #leftContent #maincolumn, body#food_vertical #content #leftContent #maincolumn { width: 440px; border: none; }*/ body#pageHome #movie_text { width: 400px; clear: both; float:left; border: none; } #movie_text p, #event_text p { clear: both; font-size: 1.33em; line-height:1.3em; width: 417px; padding-top: 10px; } /*body#film_vertical #content #leftContent #maincolumn p, body#festivals_vertical #content #leftContent #maincolumn p, body#food_vertical #content #leftContent #maincolumn p, body#friends_vertical #content #leftContent #maincolumn p { width: 420px; } */ body#pageHome #movie_text p { width: 400px; clear: both; } body#pageHome #movie_text ol li{ display:inline; margin-right:8px; font-size: 1.4em; line-height: 1.6em; font-weight: bold; } body#pageHome #movie_text ol#showtimes ul li { display: inline-block; margin-right: 7px; } #movie_text p a, #leftContent #maincolumn p a { font-weight: bold; text-decoration: underline; color: #808080; } body#pageHome #movie_text p a { font-weight:bold; text-decoration:none; color: #D52B36;/*red*/ font-size: 1.1em; } #movie_meta p {font-size: 1.4em!important;line-height:1em;} #movie_text img, body#movie_text img, #event_text img {padding: 0 2px 0 0;} #movie_text img, #event_text img { border-bottom: 10px #fff solid; } #maincolumn img {padding:0 0 5px 0;} /*########## MOVIE/EVENT SHOWTIME DISPLAY ######### */ #showtimes_wrapper { position: relative;top: 0;right: 0;width: 241px;height: 235px;background-color: #002344;padding: 15px 20px 0 20px; float: left;} #showtimes_wrapper h5 { font-size: 1.2em; color: #ff3300; } #showtimes_wrapper h5 a { font-size: 1.3em; color: #ff3300; text-decoration: none; } #showtimes_wrapper h5 a:hover { text-decoration: underline; } #showtimes_wrapper h6 { font-size: 0.7em; color: #FBB040; } #showtimes_wrapper ol#showtimes { color: #fff; font-size:1.45em; margin: 5px 0 20px; } #showtimes_wrapper ol#showtimes li { border-bottom: 1px #944320 solid; clear: left; margin-bottom: 10px; padding-right: 1%; position: relative; width: 241px; } /*#showtimes_wrapper ol#showtimes li span { display: inline; max-width: 130px; }*/ #showtimes_wrapper ol#showtimes li strong { font-size: 1em; } #showtimes_wrapper ol#showtimes li a { color: #FBB040;/*orange*/text-decoration:none; position: relative; display: block; } #showtimes_wrapper ol#showtimes li a span { bottom: 0; left: 150px; position:absolute; } #showtimes_wrapper ol#showtimes li .cal { bottom: 3px; left: 220px; position:absolute; } #showtimes_wrapper ol#showtimes li a:hover { color: #FBB040;/*orange*/text-decoration:underline; } /*#showtimes_wrapper ol#showtimes li ul li { display: inline; border: none; } #showtimes_wrapper ol#showtimes li ul li a { color: #FBB040; text-decoration:none; }*/ #showtimes_wrapper #movie_links { border-bottom: none; float: none; width: 240px; margin:0; padding:0; } #showtimes_wrapper #movie_links a { font-weight: bold;font-size: 1.2em;background: url('/images/css/discussMovie.png') no-repeat top left;padding: 3px 0 3px 33px;margin-top: -14px;text-transform: uppercase;text-decoration: none;color:#fff; display:block; position: relative; z-index: 10;} #showtimes_wrapper #movie_links a:hover {text-decoration:underline;} #showtimes_wrapper #movie_links a.discuss {background: url('/images/css/discussMovie.png') no-repeat center left;} #showtimes_wrapper #movie_links a.trailer {background: url('/images/css/discussMovie.png') no-repeat bottom left;} a[title*="Send to Facebook"] span.at15t_facebook, a[title*="Tweet This"] span.at15t_twitter, .at15t_compact { background-position-x: -20px!important; } .addthis_button_compact { background: url('/images/css/addit.png') no-repeat top left!important; } .addthis_button_facebook { background: url('/images/css/addit_facebook.png') no-repeat top left!important; } .addthis_button_twitter { background: url('/images/css/addit_twitter.png') no-repeat top left!important; } .addthis_toolbox { position: absolute; bottom: 15px; left: 24px; } .addthis_toolbox a, span.addthis_separator { color: #fff!important; } /*#movieTrailer, #movieTrailer2 {display:none;}*/ #pageHome #movie_text { clear: both; float: left; width: 400px; } #pageHome #movie_text .trailerImgWrapper { display: block; position: relative; } .playButton {height:40px;width:40px;position:absolute;left:0px;top: 0px; padding: 5px 0 0 5px; background: url(/images/css/btn_play.png) no-repeat top left;z-index: 20;} /* ######### MAIN CONTENT AREAS 2 COLUMNS ########## */ #movieSearchBar { background: #f2f2f2 url('/images/css/g_filterbar_shadow.jpg') repeat-y top right; padding: 5px 20px 10px; height: 40px; margin: -20px -40px 12px -15px; } #movieSearchBar form#search { border-right: 1px solid #888; width: 430px; padding: 3px 0; margin-right: 30px; display: block; float: left; } #movieSearchBar form#search2 { width: 252px; margin-right: 0!important; display: block; float: left;} #movieSearchBar form div { float: left; margin-right: 27px; } #movieSearchBar form div h2 { font-size: 1.3em; float: left; color: #666; padding: 5px 5px 0 3px; display: block; } #movieSearchBar form#search2 div h2 { padding: 5px 5px 0 0; } #movieSearchBar form div select, #movieSearchBar form div input { font-size: 1.1em; } #movieSearchBar form div select#category { width: 200px; } #movieSearchBar form div input#keywords { width: 115px; clear: both; float: left; } #movieSearchBar form div input.searchBtn { float: right; } #introSection { width: 715px; background: #fff; padding: 0 0 1px; } #leftContent #maincolumn { padding-right: 10px; width: 424px; } #leftContent #maincolumn a, #leftContent #subcolumn a { font-size: inherit; color: #D52B36!important;/*red*/ text-decoration: none!important; font-weight: normal!important; } #leftContent #maincolumn a:hover, #leftContent #subcolumn a:hover { color: #D52B36!important;/*red*/ text-decoration: underline!important; font-weight: normal!important; } #leftContent #maincolumn h2, #leftContent #subcolumn h2 { letter-spacing: -1px; line-height: 1.1em;padding:0 0 5px 0; } #leftContent #maincolumn #movie_text h2 { font-size: 1.7em; margin-bottom: -5px; } #leftContent #maincolumn #movie_text #movie_meta { margin: 0 0 10px; } #leftContent #maincolumn #movie_text .categories ul li { display: inline; float: left; padding-right: 10px; } #leftContent #maincolumn #movie_text .categories ul li a { color: #d52b36;/*red*/ } #leftContent #maincolumn #movie_text .categories ul li a:hover { text-decoration: underline; } #leftContent #maincolumn p { font-size: 1.33em; line-height:1.3em; width: 424px; padding: 0 0 10px 0; } #leftContent #maincolumn ul { margin: 0px 0 10px 0; } #leftContent #maincolumn ul, #leftContent #subcolumn ul { font-size: 1.33em; line-height:1.3em; } #leftContent #maincolumn ul li { font-size:0.88em; } #leftContent #maincolumn blockquote { font-size:1.40em;color: #D52B36;/*red*/font-weight: bold;margin: 15px 0 0 0; } #leftContent #maincolumn h3 { font-size: 1.75em; color: #333; /*text-transform: uppercase;*/ letter-spacing: 0; margin: 3px 0; } #leftContent #maincolumn h4 { font-size: 1.45em; color: #333; /*text-transform: uppercase;*/ letter-spacing: 0; margin: 3px 0;} #leftContent #maincolumn h5 { font-size: 1.45em; color: #D52B36;/*red*/ /*text-transform: uppercase;*/ letter-spacing: 0; margin: 3px 0;} #leftContent #maincolumn ul { padding-left:10px;margin-bottom: 10px; } #leftContent #maincolumn ul li { font-size:0.88em;/*list-style:circle;*/ } #leftContent #subcolumn { margin:0; padding: 0 10px; width: 260px; float:right; border-left: 1px #ccc solid; } #leftContent #subcolumn h2 { font-size: 1.7em; } #leftContent #subcolumn p+h2 { padding: 15px 0 0; } #leftContent #subcolumn .likeMovies { margin-left: 10px; } #leftContent #subcolumn .likeMovies img { border: 1px #eee solid; } #leftContent #subcolumn .likeMovies>h2 { margin-bottom: 10px; } #leftContent #subcolumn .likeMovies ul li { margin-bottom: 15px; } #leftContent #subcolumn .likeMovies ul li h2 { font-size: 1.2em; margin: 5px 0 -5px; } #leftContent #subcolumn .likeMovies ul li h1 { font-size: 1.5em; padding: 0; } #leftContent #subcolumn .likeMovies ul li h3 { font-size: 1.1em; padding: 3px 0 0; } #leftContent #subcolumn p { font-size: 1.2em; clear: both; } #leftContent #subcolumn blockquote { font-size:1.40em;color: #D52B36;/*red*/font-weight: bold;margin: 15px 0 0 0; } #leftContent #subcolumn .majors { margin-left: 10px; } #leftContent #maincolumn .majors { clear: both; float: left; } #leftContent #maincolumn ul { clear: both; float: left; } #leftContent #maincolumn ul li { width: 185px; margin: 0; float: left; } #leftContent #maincolumn .majors ul { width: 690px; } #leftContent #maincolumn .majors ul li { width: 210px; } #leftContent #maincolumn ul li.public { width: 150px; height: 200px; } #leftContent #maincolumn ul#sponsors { width: 715px; } div.w715 { width: 715px;} #leftContent #maincolumn ul li.sponsors { width: 138px; height: 138px; } #leftContent #maincolumn ul#partners { height: 300px;} #leftContent #maincolumn ul li.partners { width: 207px; } #leftContent #maincolumn a.blueButton, #leftContent #subcolumn a.blueButton { background-color: #00ADEE; color: #fff!important; font-weight: bold!important; font-size: 1.1em; padding: 5%; } body.locations_directions #leftContent h1 { font-size: 2.8em!important; padding-bottom: 0;} body.locations_directions #leftContent #subcolumn h1 { font-size: 2.3em; } #leftContent #maincolumn ul.locations { padding: 0!important; } #leftContent #maincolumn ul.locations li a strong { font-size: 1.2em; } #leftContent #maincolumn ul.locations li p { width: 185px; margin-right: 5px; font-size: 1em!important; } body.guest_list #leftContent h1 { float: left; } body.guest_list #leftContent ul>li { border: none; } body.guest_list #leftContent ul li h1 { margin: 20px 0; } body.guest_list #leftContent ul li ul li { border-bottom: 1px #ccc solid; padding: 20px 0; float: left; } body.guest_list #leftContent img { clear: both; float: left; margin-right: 40px; border: 1px solid #eee; } body.guest_list #leftContent h3 { float: left; font-size: 2em; font-weight: bold; color: #555; } body.guest_list #leftContent h3 a { color: #D52B36;/*red*/ font-size: .75em; display: block; } body.guest_list #leftContent p { font-size: 1.33em; width: 480px; float: right; margin: 0 43px 0 0; } /***** COMMENTS *****/ #commentsWrapper { clear: both; border: none; padding: 15px 15px 0 0; width: 417px; } #all_comments { width: 375px; padding-top: 15px; border-top: 1px #dbdbdb solid; } #all_comments h2 { color: #4d4d4d; font-size: 1.8em; line-height: 1em!important; background: url('/images/css/discussMovie.png') no-repeat center left; padding-left: 30px!important; } #all_comments h2.no_comments { background: none; font-size: 1.8em!important; margin-top: 10px; color: #737373; font-family: Helvetica, Arial, sans-serif } .comment { width: 360px; font-size: .9em !important; margin-top: 10px; background-color: #e6e6e6; border: 1px #dbdbdb solid; padding: 5px;} .comment_text p {width:380px !important;} .comment_details p.comment_number { display: none; } .comment_details p.comment_author { font-size: .9em; color: #666; line-height: .3em !important; } .comment_details p.date_published { font-size: .9em; color: #666; line-height: .3em !important; } #comment_entry { margin-top: 30px; } #comment_entry h3 { font-size: 1.6em; } #comment_entry ul { margin: 0 0 0 -10px!important; } #comment_entry ul li { display: block; clear: both; list-style: none!important; } #visible_fields input, #visible_fields textarea { display: block; margin-bottom: 5px; } #visible_fields label {font-size:1.1em;} #visible_fields input.fieldStyle, #visible_fields textarea.fieldStyle { border: none; border: 1px #dbdbdb solid; background-color: #fdfdfd; } #visible_fields input.checkbox { display: inline; } /**** END COMMENTS ****/ /***** SCHEDULE *****/ #schedule_full_col { width: 715px; } /*##### FOOTER #####*/ #footerExpan { background: #000033; display: block; width: 100%; height: 170px; clear: both; position: relative; bottom: 0; left: 0; padding: 0 0 15px; } /*.socialLinks { width: 28px; float: right; height: 152px; padding-left: 25px; } .socialLinks li.last { margin-top: 15px; }*/ .bottomGrey { background-color: /*#3D3766*/ #666; clear: both; display: block; font-size: 1.2em; left: -153px; margin: 0px auto; padding: 0px 24px 15px; position: relative; width: 722px; } .prices { font-size: 1.1em; color: #fff; font-weight: bold; margin: 10px 0 0 0; float: left; } .footerRight { clear:both; } .footerRight a {color:#fff;} ul.footerNav { margin: 10px 0 0 0; color: rgb(51,51,51); clear: both; } ul.footerNav li { display: inline; text-align: right; font-size: 1.1em;line-height: 1.4em; padding-top: 20px;} ul.footerNav li:after { content: " , "; } ul.footerNav li.noComma:after { content: " ";} ul.footerNav li.archives { color: #333; font-size: 1.2em; font-weight: bold; padding-right: 5px; } ul.footerNav a, .footerNav a:link, .footerNav a:visited { color: #fff; } ul.footerNav a:hover { text-decoration:underline !important; } p.address { text-align: right; font-size: .9em; line-height: 1.4em; display: block; clear: both; color: #fff; } /******* CONSTANT CONTACT ********/ #constantContact { margin: 0 0 14px 8px; padding: 0; width:222px; } /* #constantContact h2 -32px */ /******* THESE STYLES ARE FOR PAGES THAT AREN'T TEMPLATE BASED *********/ body#pageNontemplate div#container { text-align: left; font-size: 1.33em; line-height: 1.33em; color: #4D4D4D; padding: 20px; margin: 0 auto; } body#pageNontemplate div#container h3 { padding-bottom: 5px; } body#pageNontemplate div#container p { padding-bottom: 10px; } body#pageNontemplate div#container ul { list-style-type: circle; text-indent: -5px; margin-left: 15px; padding-bottom: 10px; } /******* MAIN NAV ********/ #header ul#mainNav { clear: both; width: 760px; padding: 0 0 0 10px; display: block; position: absolute; bottom: 0px; left: 0; background: #222; } #header ul#mainNav li { float: left; list-style-type: none; position: relative; z-index: 903; } #header ul#mainNav li a { text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #fff; display: block; margin: 0 9px; padding: 5px 0; } #header ul#mainNav li a:hover { color: #FBB040; text-decoration: none; } /****** SUB NAV *******/ #header ul#mainNav li div.sub { position: absolute; /*--Important--*/ top: 28px; background: #940709 url('/images/css/n_subnav_footers.jpg') repeat-x bottom left; padding: 10px 5px 15px; float: left; width: 175px; height: auto; -webkit-box-shadow: 0 3px 7px #000; -moz-box-shadow: 0 3px 7px #000; display: block; display: none;/*--Hidden for those with js turned off--*/ z-index: 905; } #header ul#mainNav li div.sub h6 { background: url('/images/css/n_subnav.jpg') repeat-x top left; /*--Background gradient--*/ display: block; width: 100%; height: 7px; position: absolute; top: 0; left: 0; } #header ul#mainNav li div.sub ul li { width: 100%; /*--Override parent list item--*/ color: #fff; } #header ul#mainNav li div.sub ul li a { float: none; text-indent: 0; /*--Override text-indent from parent list item--*/ background: no-repeat; padding: 1px 5px 5px 0; display: block; text-decoration: none; color: #fff; font-size: 1.1em; line-height: 1; width: 93%; } #header ul#mainNav li div.sub ul li a:hover, #header ul#mainNav li div.sub ul li a.on { color: #FBB040; background-position: 5px 12px ;/*--Override background position--*/ } /*##### scrollable #####*/ /* root element for the scrollable. when scrolling occurs this element stays still. */ #scrollableWrapper { background-color: #fff; margin: 0 0 20px; padding: 0; width: 404px; height:310px; } div.scrollable { position: relative; overflow: hidden; margin: 0 auto; width: 404px; height:310px; } #scrollableWrapper_moviesListPage { background-color: #fff; margin: 0 auto 30px; padding: 0; width: 500px; height:350px; position: relative; } div.scrollable_moviesListPage { position: relative; overflow: hidden; width: 500px; height: 350px; margin: 0 auto; } #scrollableWrapper_detail { background-color: #fff; margin: 0 0 20px; padding: 0; width: 434px; height:250px; position: relative; float: left; } div.scrollable_detail { position: relative; overflow: hidden; width: 434px; height: 250px; } div.scrollable ul.items, div.scrollable_detail ul.items, div.scrollable_moviesListPage ul.items { /* this cannot be too large */ width:20000em; position:absolute; top: 0; left: 0; } div.scrollable ul.items li, div.scrollable_detail ul.items li, div.scrollable_moviesListPage ul.items li { float:left; position: relative; } div.scrollable_moviesListPage ul.items li { border: 1px #ccc solid; padding: 10px; width: 220px; height: 323px; margin: 5px; overflow: hidden; } div.scrollable_moviesListPage ul.items li:hover { background: #f1f1f1; } div.scrollable_moviesListPage ul.items li img { border: 1px #eee solid; } div.scrollable_moviesListPage ul.items li h1 { font-size: 2.1em; padding: 0; } div.scrollable_moviesListPage ul.items li h2 { font-size: 1.6em; margin: 5px 0 0; } div.scrollable_moviesListPage ul.items li p { font-size: 1.2em; } div.scrollable ul.items li a, div.scrollable_detail ul.items li a, div.scrollable_moviesListPage ul.items li a { text-decoration: none!important; } div.scrollable ul.items li div.overlay, div.scrollable_detail ul.items li div.overlay { clear: both; background: url('/images/css/bg_overlay.png') repeat top left;/**/ color: #fff; width: 384px; height: 70px; padding: 5px 10px 20px; position: absolute; bottom: 3px; right: 0; } div.scrollable ul.items li div.overlay p { font-size: 1.3em; } div.scrollable_detail ul.items li div.overlay { width: 414px; height: 20px; } div.scrollable ul.items li h3, div.scrollable_detail ul.items li h3 { font-size: 1.5em; color: #fff; } div.scrollable_detail ul.items li h3 { position: absolute; bottom: 10px; left: 10px; } div.scrollable ul.items li img, div.scrollable_detail ul.items li img { padding-top: 0; } ul.items li.active { border:1px inset #ccc; background-color:#fff; } div.scrollable, div.scrollable_detail { float:left; } /* prev, next, prevPage and nextPage buttons */ a.prev, a.next, a.prevPage, a.nextPage { display:block; width:24px; height:23px; float:left; cursor:pointer; font-size:1px; clear: both; bottom: 50%; background-position: 0 0; } a.prev, a.prevPage { background-image:url('/images/css/scrollable/left.png'); background-repeat: no-repeat; position: absolute; left: 5px; z-index: 10; } a.next, a.nextPage { background-image:url('/images/css/scrollable/right.png'); background-repeat: no-repeat; position: absolute; right: 5px; z-index: 11; } a:hover.prev, a:hover.next, a:hover.prevPage, a:hover.nextPage { background-position: 0 -23px; } #scrollableWrapper_moviesListPage a.prev, #scrollableWrapper_moviesListPage a.prevPage { background-image:url('/images/css/scrollable/left_dark.png'); left: -22px; background-position: 0 0; } #scrollableWrapper_moviesListPage a.next, #scrollableWrapper_moviesListPage a.nextPage { background-image:url('/images/css/scrollable/right_dark.png'); right: -25px; background-position: 0 0; } #scrollableWrapper_moviesListPage a:hover.prev, #scrollableWrapper_moviesListPage a:hover.next, #scrollableWrapper_moviesListPage a:hover.prevPage, #scrollableWrapper_moviesListPage a:hover.nextPage { background-position: 0 -23px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } div.navi { float: right; padding: 10px 0 0 0; height: 20px; width: auto; } div.navi a { background: url('/images/css/scrollable/navigator.png') 0 0 no-repeat; display: block; float: left; font-size: 1px; height:8px; margin: 3px; width: 8px; cursor: pointer; } div.navi a:hover { background-position:0 -8px; } div.navi a.active { background-position: 0px -16px; } #scrollableWrapper_moviesListPage div.navi { float: none; margin: 0 auto; width: 126px; } /*##### tabs #####*/ /* container for slides */ .images { background-color: #666; margin: 10px 0 0 15px; padding: 0; width: 190px; height:80px; position:relative; cursor:pointer; } /* single slide */ .images li { display:none; position:absolute; top:0; left:0; margin:7px; width: 190px; height:80px; } a.footerSponsors { display: block; width: 190px; height: 80px; position: absolute; top: 15px; left: 447px; } /*##### accordion for schedule #####*/ #accordion { background: #fff; width: 715px; border: 1px #bbb solid; } #accordion>li { clear: both; } /* accordion header */ #accordion li>h2 { background:#ccc; margin:0; padding:10px 15px; color: #333; border-bottom:1px solid #aaa; cursor:pointer; } #accordion li>h2:hover { background: #888; } /* currently active header */ #accordion li>h2.current { cursor:default; background-color:#888; } /* accordion pane */ #accordion li div.pane { background: #fff url('/images/css/g_schedule_bg.gif') repeat-x bottom; display:none; height:900px; padding:15px 5px; color:#fff; font-size:12px; } #accordion li div.open { display: block; } #accordion li div.pane h6 { background: url('/images/css/g_schedule_shadow.jpg') repeat-x bottom left; height: 15px; margin: -28px 0 0 -5px; padding: 0; width: 715px; } /* a title inside pane */ #accordion li div.pane ul li>h3 { font-weight: bold; margin:0 0 10px; font-size: 1.2em; color: #333; letter-spacing: .1em; text-transform: uppercase; } #accordion li div.pane ul { margin-left: 43px; display: block; height: 778px; } #accordion li div.pane ul li { width: 150px; display: inline; float: left; padding: 0; margin: 0 15px 15px 0; position: relative; } #accordion li div.pane ul li.plaza_cinema { border: none;} #accordion li div.pane ul li div { margin: 5px 0 0 -7px; background: #eee; display: block; width: 140px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; } #accordion li div.pane ul li div:hover { background: #ccc; } #accordion li div.pane ul li div a { display: block; text-decoration: none; width: 140px; padding: 5px 0 7px; height: 100%; } #accordion li div.pane ul li div h3 { color: #333; font-weight: normal; font-size: 1.1em; margin-bottom: 0px; padding: 0 7px; } #accordion li div.pane ul li div h4 { color: #333; font-weight: bold; font-size: 1.2em; line-height: 13px; padding: 0 7px; } #accordion li div.pane div.events { background: #eee url('/images/css/g_schedule_events_shadow.jpg') repeat-x top left; border-bottom: 1px solid #ddd; padding: 15px 33px; margin: -15px 0 15px -5px; width: 649px; display: block; height: 119px; } #accordion li div.pane div.events h3 { font-size: 1.4em; color: #333; } #accordion li div.pane div.events ul { margin: 7px 0 0 0px; } #accordion li div.pane div.events ul li { display: inline; float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid #ccc; width: 170px; height: 79px; } #accordion li div.pane div.events ul li.wider { width: 150px; } #accordion li div.pane div.events ul li a { text-decoration: none!important; } #accordion li div.pane div.events ul li a { text-decoration: underline!important; } #accordion li div.pane div.events ul li h3 { color: #333; font-weight: normal; font-size: 1em; line-height: 10px; margin: 0 0 5px; } #accordion li div.pane div.events ul li h4 { color: #333; font-size: 1.2em; line-height: 1; } #accordion li div.pane div.events ul li h5 { color: #666; font-size: 1.05em; line-height:1.2em;} /* ------ SCHEDULE BLOCK POSITIONS ------ */ div.starts_1000, div.starts_1015, div.starts_1030, div.starts_1045, div.starts_1100, div.starts_1115, div.starts_1130, div.starts_1145, div.starts_1200, div.starts_1215, div.starts_1230, div.starts_1245, div.starts_1300, div.starts_1315, div.starts_1330, div.starts_1345, div.starts_1400, div.starts_1415, div.starts_1430, div.starts_1445, div.starts_1500, div.starts_1515, div.starts_1530, div.starts_1545, div.starts_1600, div.starts_1615, div.starts_1630, div.starts_1645, div.starts_1700, div.starts_1715, div.starts_1730, div.starts_1745, div.starts_1800, div.starts_1815, div.starts_1830, div.starts_1845, div.starts_1900, div.starts_1915, div.starts_1930, div.starts_1945, div.starts_2000, div.starts_2015, div.starts_2030, div.starts_2045, div.starts_2100, div.starts_2115, div.starts_2130, div.starts_2145, div.starts_2200, div.starts_2215, div.starts_2230, div.starts_2245, div.starts_2300, div.starts_2315, div.starts_2330, div.starts_2345, div.starts_2359, div.starts_0000, div.starts_0015, div.starts_0030 { position: absolute; left: 0; height: 66px; } div.starts_1000{ top: 54px; } div.starts_1015{ top: 65px; } div.starts_1030{ top: 76px; } div.starts_1045{ top: 87px; } div.starts_1100{ top: 98px; } div.starts_1115{ top: 109px; } div.starts_1130{ top: 120px; } div.starts_1145{ top: 131px; } div.starts_1200{ top: 142px; } div.starts_1215{ top: 153px; } div.starts_1230{ top: 164px; } div.starts_1245{ top: 175px; } div.starts_1300{ top: 186px; } div.starts_1315{ top: 197px; } div.starts_1330{ top: 208px; } div.starts_1345{ top: 219px; } div.starts_1400{ top: 230px; } div.starts_1415{ top: 241px; } div.starts_1430{ top: 252px; } div.starts_1445{ top: 263px; } div.starts_1500{ top: 274px; } div.starts_1515{ top: 285px; } div.starts_1530{ top: 296px; } div.starts_1545{ top: 307px; } div.starts_1600{ top: 318px; } div.starts_1615{ top: 329px; } div.starts_1630{ top: 340px; } div.starts_1645{ top: 351px; } div.starts_1700{ top: 362px; } div.starts_1715{ top: 381px; } div.starts_1730{ top: 384px; } div.starts_1745{ top: 395px; } div.starts_1800{ top: 406px; } div.starts_1815{ top: 417px; } div.starts_1830{ top: 428px; } div.starts_1845{ top: 439px; } div.starts_1900{ top: 450px; } div.starts_1915{ top: 461px; } div.starts_1930{ top: 472px; } div.starts_1945{ top: 483px; } div.starts_2000{ top: 494px; } div.starts_2015{ top: 505px; } div.starts_2030{ top: 516px; } div.starts_2045{ top: 527px; } div.starts_2100{ top: 538px; } div.starts_2115{ top: 549px; } div.starts_2130{ top: 560px; } div.starts_2145{ top: 571px; } div.starts_2200{ top: 582px; } div.starts_2215{ top: 593px; } div.starts_2230{ top: 604px; } div.starts_2245{ top: 615px; } div.starts_2300{ top: 626px; } div.starts_2315{ top: 637px; } div.starts_2330{ top: 648px; } div.starts_2345{ top: 659px; } div.starts_2359{ top: 670px; }/* this is a midnight showing */ div.starts_0115{ top: 681px; } div.starts_0130{ top: 692px; } /* CSS3 */ .schedule h1 a { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); transform: rotate(-5deg); position: absolute; top: -49px; right: 39px; } /* .schedule h1 a:hover { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); position: absolute; top: -60px; right: 34px; } */