/*----------------------------------------------------------------------------- Enzian Main Stylesheet author: Drive New Media, Inc. date: 6/30/09 -----------------------------------------------------------------------------*/ /* Colors: grey #4D4D4D; cyan #00ADEE; magenta #EB008B; green #BED63A; */ /* =Reset Styles / Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} /* Consistently resizes text and line-height across all browsers */ /*default font size from 16px to 10px */ body { font-size:62.5%; line-height:1.6em;text-align: center;color: #000;font-family: Helvetica, Arial, Verdana, sans-serif;background-color: #fff;} ol, ul {list-style: none;} blockquote, q {quotes: none; display: block;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} hr {border: none;border: 1px #ccc solid;margin: 10px 0;} a {color: #EB008B;/*magenta*/text-decoration: none;} a:hover {color: #EB008B;/*magenta*/text-decoration: underline;} /* -------------------------- HEADERS ------------------------------------ */ /*h1,h2,h3,h4,h5,h6 {text-transform:capitalize!important;}*/ /* Main Movie Title/Eden Bar*/ h1 { font-size: 3.7em; line-height: 1em; letter-spacing: -2px; color: #4d4d4d; padding-bottom:12px; } h2 { font-size: 2.4em; line-height: 1em; letter-spacing: -1px; color: #00ADEE; /*cyan*/ } #leftContent #maincolumn h1 {font-size: 3.7em; line-height: 1em; letter-spacing: -2px; color: #4d4d4d; padding-bottom:2px; } /* Used in the footer for other events */ h3 { color: #00ADEE;/*cyan*/ font-size: 1.2em; font-weight: bold; } h4 { color: #4d4d4d; font-size: 1.2em; font-weight: bold; } /* ------------------------- REUSED CLASSES ---------------------------- */ .left { float: left; } .right { float: right; } .clear { clear: both; } .green { color: #BED63A;/*green*/ } .pink { color: #EB008B;/*magenta*/ } .cyan { color: #00ADEE;/*cyan*/ } .bold { font-weight: bold; } .hideHeading { text-indent: -9999px;margin:0;padding:0;display:none; } .additional {color:#fff;line-height:1.1em;padding-top:5px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inherit; } /* for IE/Mac */ .frapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ------------------------- LAYOUT SECTIONS ------------------------------ */ /* wRapper Name */ #mikeJones { text-align: left; margin: 0 auto; background: #fff url('/images/css/dropShadowBG.jpg') bottom center repeat-y;} #header { width: 960px;margin: 0 auto; padding: 0 24px; background: #404040 url('/images/css/treeTopper.jpg') top center no-repeat;} /*#### Main Navigation ####*/ ul#main_nav { float:left; padding: 15px 0 1px 0;background:transparent url('/images/css/navBG.png') -9999px repeat-y;} /*#### change position of ul bg on other template groups ####*/ #film ul#main_nav, #film_vertical ul#main_nav {background-position:0 0;} #food ul#main_nav, #food_vertical ul#main_nav {background-position:146px 0;} #friends ul#main_nav, #friends_vertical ul#main_nav {background-position:292px 0;} #festivals ul#main_nav, #festivals_vertical ul#main_nav {background-position:438px 0;} #about ul#main_nav, #about_vertical ul#main_nav {background-position:584px 0;} ul#main_nav li { float:left;font-size: 1.1em;line-height:1.33em;padding:20px 10px 10px 15px;width:121px;} li#nav_film span { display:block;text-indent:-9999px;background:transparent url('/images/css/n_Film.gif') no-repeat 0 50%; padding:2px 2px 2px 0;} li#nav_food span { display:block;text-indent:-9999px;background:transparent url('/images/css/n_Food.gif') no-repeat 0 50%;padding:2px 2px 2px 0; } li#nav_friends span { display:block;text-indent:-9999px;background:transparent url('/images/css/n_Friends.gif') no-repeat 0 50%; padding:2px 2px 2px 0; } li#nav_festivals span { display:block;text-indent:-9999px;background:transparent url('/images/css/n_Festivals.gif') no-repeat 0 50%; padding:2px 2px 2px 0; } li#nav_about span { display:block;text-indent:-9999px;background:transparent url('/images/css/n_About.gif') no-repeat 0 50%; padding:2px 2px 2px 0; } ul#main_nav li ul { padding:10px 0 0 0;float:none;} ul#main_nav li ul li { display:block;float:none;padding:0;padding-bottom:6px;min-height:0; } ul#main_nav li a, ul#main_nav li a:link, ul#main_nav li a:visited { color: #B3B3B3; text-decoration: none; } ul#main_nav li a:hover { color: #fff; text-decoration: none; } ul#main_nav li a.on {color: #fff;} /*### ends main navigation ###*/ #logo { float: right; margin: 42px 0 0 10px; padding: 0 10px 0 0; } /*Homepage Background*/ body#pageHome #content { background: #fff url('/images/css/contentBG_home.jpg') top center repeat-y; } #content { width: 960px; margin: 0 auto; background: #fff url('/images/css/contentBG.jpg') top center repeat-y; color: #4D4D4D; padding: 20px; } body#film_vertical #content, body#festivals_vertical #content, body#friends_vertical #content, body#food_vertical #content { width: 960px; margin: 0 auto; background: #fff url('/images/css/contentBG_film_and_festivals.jpg') top center repeat-y; color: #4D4D4D; padding: 20px;} #leftContent {width: 715px;float: left;position:relative;} #leftContent a {color: #808080;text-decoration: underline;font-weight: bold;} #leftContent #maincolumn table {color:#666;position:relative;} #leftContent hr { clear:both;height:15px;border:none;} #leftContent #food_maincolumn hr { height:5px;border-bottom:1px solid #ccc;width:375px;} #leftContent #food_subcolumn hr { height:5px;border-bottom:1px solid #ccc;width:300px;} #rightContent {float: right;position:relative;width: 210px;margin-right: 2px;/*min-height:800px; check in IE*/} /* ---- Containers for home page ----*/ #col3_Left { width: 450px; float: left; } #col3_Left h4 { color: #000; font-size: 1.5em;font-weight: bold; } #col3_Left .upcomingFilms { float: left; width: 200px; margin: 0 10px 15px 0;height:160px; } #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: #EB008B; } /*#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;} #col3_Middle h2 {font-size: 1.6em;} #col3_Middle h1 {font-size: 1.7em;letter-spacing: -1px;margin-bottom: -8px;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;} #col3_Middle ul#widgets li.last {border: none;} #col3_Middle ul#widgets ul li {border: none;padding: 0;} #col3_Middle ul#widgets ul li a {color: #EB008B; /*magenta*/font-size: 1.2em;} #col3_Middle ul#widgets img {padding:3px 0!important;} #col3_Middle ul#widgets p {padding:0 0 5px 0!important;} #col3_Right {float: right;} /* ---- END Containers for home page ----*/ /****** MOVIE THUMBNAILS *****/ ul.movieSummary, ul.eventSummary {padding: 0;float: left;width: 700px;margin: 10px 0 10px 0;background: #fff url(/images/css/thumbnailBg.gif) repeat top left; } body#film ul.movieSummary li, body#about ul.movieSummary li, ul.eventSummary li {display: inline-block; float: left; margin: 15px 34px -6px 0; min-height: 251px; width: 210px; } ul.movieSummary li { padding: 0; margin: 0; display: inline-block; width: 210px; } ul.movieSummary img {border:1px solid #ccc;} body#film ul.movieSummary li.col3, body#about ul.movieSummary li.col3, ul.movieSummary li.col3, ul.eventSummary li.col3 { margin-right: 0; } body#film ul.movieSummary li img, body#about ul.movieSummary li img, ul.movieSummary li img, ul.eventSummary li img { margin-bottom: 5px; } body#film ul.movieSummary li h4, body#about ul.movieSummary li h4, ul.movieSummary li h4, ul.eventSummary li h4 { font-size: 1.8em; padding:0 0 3px 0; } body#film ul.movieSummary li h5, body#about ul.movieSummary li h5, ul.movieSummary li h5, ul.eventSummary li h5 { font-size: 1.4em; line-height: 1.3em; color: #EB008B; } body#film ul.movieSummary li a, body#about ul.movieSummary li a, ul.movieSummary li a, ul.eventSummary li a {text-decoration:none !important;} body#film ul.movieSummary li a:hover, body#about ul.movieSummary li a:hover, ul.movieSummary li a:hover, ul.eventSummary li a:hover {text-decoration:underline !important;} body#film_vertical #content #leftContent ul.movieSummary { padding: 0; float: right; width: 210px; margin: -37px 10px 30px 0; background: none; } body#festivals_vertical #content #leftContent ul.movieSummary { padding: 0; float: right; width: 210px; margin: 0 10px 30px 0; background: none; } body#film_vertical #content #leftContent ul.movieSummary li, body#festivals_vertical #content #leftContent ul.movieSummary li { float: left; margin: 15px 0 0 0; width: 210px; } body#friends_vertical #content #leftContent ul.movieSummary, body#food_vertical #content #leftContent ul.movieSummary { padding: 20px 0 0 0; float: right; width: 210px; margin: -37px 10px 30px 0; background: none; } body#friends_vertical #content #leftContent ul.movieSummary li, body#food_vertical #content #leftContent ul.movieSummary li { float: left; margin: 15px 0; width: 210px; } body#about ul.movieSummary, ul.eventSummary {padding: 0;float: left;width: 700px;margin: 10px 0 10px 0;background: #fff; } /* end movie thumbnails */ /*#### movie_meta ####*/ #movie_quote {float:right;margin-top:0px;width:300px;clear:right;} body#pageHome #movie_text #movie_quote { float: left; width: 300px; margin-top:0px;} #movie_quote blockquote, body#pageHome #movie_text #movie_quote blockquote { color:#EB008B; font-weight: bold; margin: 15px 0 0 0;} /* ???????????? */ #movie_quote blockquote p, body#pageHome #movie_text #movie_quote blockquote p { font-size: 1.6em;line-height: 1.3em;color:#EB008B; 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.4em;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;} #movie_text, #event_text, #leftContent #maincolumn, #leftContent #food_maincolumn { width: 390px; clear: both;float: left;border-right: 1px #dbdbdb solid;} 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 { font-size: 1.33em; line-height:1.3em; width: 375px; 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: 440px; } 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, #leftContent #food_maincolumn p a #event_text p a { font-weight: bold; text-decoration: underline; color: #808080; } body#pageHome #movie_text p a { font-weight:bold; text-decoration:none; color:#EB008B; font-size: 1.1em; } #movie_meta p {font-size: 1.12em;line-height:1.2em;} #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: absolute;top: 0;right: 0;width: 285px;height: 225px;background-color: #000;padding: 15px 20px 0 20px;} #showtimes_wrapper h5 { font-size: 1.5em; color: #00ADEE; } #showtimes_wrapper ol#showtimes { color: #fff; font-size:1.3em; margin-top: 5px; } #showtimes_wrapper ol#showtimes li { border-bottom: 1px #808080 solid; clear: left; margin-bottom: 5px; padding-right: 1%; } /*#showtimes_wrapper ol#showtimes li span { display: inline; max-width: 130px; }*/ #showtimes_wrapper ol#showtimes li ul { margin: -16px 0 0 130px; position:absolute; float: right; width: 160px; color: #EB008B;/*magenta*/ } #showtimes_wrapper ol#showtimes li ul li { display: inline; border: none; } #showtimes_wrapper ol#showtimes li ul li a { color:#EB008B;text-decoration:none; } #showtimes_wrapper ol#showtimes li ul li a:hover { color:#EB008B;text-decoration:underline; } #showtimes_wrapper ol#popcornShowtimes { color: #fff; } #showtimes_wrapper ol#popcornShowtimes li { font-size: 1.8em; border-bottom: none; } #showtimes_wrapper ol#popcornShowtimes li ul { margin: 7px 0; width: 160px; color: #EB008B;/*magenta*/ } #showtimes_wrapper ol#popcornShowtimes li ul li { border: none; } #showtimes_wrapper ol#popcornShowtimes li ul li a { color:#EB008B; text-decoration:none; } #showtimes_wrapper ol#popcornShowtimes li ul li a:hover { color:#EB008B; text-decoration:underline; } #movie_links { border-bottom: 1px #DBDBDB solid; margin: 252px 0 0 0; padding: 0 0 0 15px; width: 300px; float:right; } #movie_links a { font-weight: bold;font-size: 1.2em;background: #fff url('/images/css/discussMovie.gif') no-repeat top left;padding: 3px 0 3px 33px;margin-bottom: 5px;text-transform: uppercase;text-decoration: none;color: #00ADEE;/*cyan*/ display:block;} #movie_links a:hover {text-decoration:underline;} #movie_links a.discuss {background: #fff url('/images/css/discussMovie.gif') no-repeat center left;} #movie_links a.trailer {background: #fff url('/images/css/discussMovie.gif') no-repeat bottom left;} #movieTrailer {display:none;} #pageHome #movie_text { position: relative; } #pageHome #movie_text .trailerImgWrapper { position: relative; display: block; } #pageHome .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;} .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;} /* ######### MAIN CONTENT AREAS 2 COLUMNS ########## */ #leftContent #maincolumn { padding-right: 10px; width: 380px; } #leftContent #maincolumn a, #leftContent #subcolumn a { font-size: inherit; color: #EB008B!important; text-decoration: none!important; font-weight: normal!important; } #leftContent #maincolumn a:hover, #leftContent #subcolumn a:hover { color: #EB008B!important; text-decoration: underline!important; font-weight: normal!important; } #leftContent #maincolumn h2, #leftContent #subcolumn h2 { clear:both; font-size: 2.4em!important; letter-spacing: -1px; line-height: 1.1em;padding:0 0 5px 0; } #leftContent #maincolumn p { font-size: 1.33em; line-height:1.3em; width: 375px; 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:#EB008B;font-weight: bold;margin: 15px 0 0 0; } #leftContent #subcolumn { margin:0; padding: 0 10px 0 5px; width: 300px; float:right; } #leftContent #subcolumn h2 { padding-bottom: 7px; } #leftContent #maincolumn h3, #leftContent #subcolumn h3 { font-size: 1.45em; color: #00ADEE; /*text-transform: uppercase;*/ letter-spacing: 0; margin: 3px 0; } #leftContent #maincolumn h4, #leftContent #subcolumn h4 { font-size: 1.45em; color: #333; /*text-transform: uppercase;*/ letter-spacing: 0; margin: 3px 0;} #leftContent #maincolumn h5, #leftContent #subcolumn h5 { font-size: 1.45em; color: #EB008B; /*text-transform: uppercase;*/ letter-spacing: 0; margin: 3px 0;} #leftContent #subcolumn ul, #leftContent #maincolumn ul { padding-left:10px;margin-bottom: 10px; } #leftContent #subcolumn ul li, #leftContent #maincolumn ul li { font-size:0.88em;list-style:circle; } #leftContent #subcolumn p { font-size: 1.33em; } #leftContent #subcolumn blockquote { font-size:1.40em;color:#EB008B;font-weight: bold;margin: 15px 0 0 0; } #leftContent #food_maincolumn h2, #leftContent #food_subcolumn h2 { font-size: 2.0em !important; letter-spacing: 0; line-height: 1.6em; } #leftContent #food_maincolumn h3, #leftContent #food_subcolumn h3 { font-size: 1.4em; color: #333; text-transform: uppercase; letter-spacing: 0; margin: 3px 0; position: relative; } #leftContent #food_maincolumn a, #leftContent #food_subcolumn a { color: #EB008B!important; text-decoration: none; font-weight: normal!important; } #leftContent #food_maincolumn a:hover, #leftContent #food_subcolumn a:hover { color: #EB008B!important; text-decoration: underline; font-weight: normal!important; } #leftContent #food_maincolumn p { font-size: 1.33em; line-height:1.3em; width: 375px; padding: 0 0 10px 0; } #leftContent #food_subcolumn p { font-size: 1.33em; } #leftContent #food_maincolumn ul, #leftContent #food_subcolumn ul { font-size: 1.33em; line-height:1.3em; margin: 0 0 20px 0; } #leftContent #food_maincolumn ul li, #leftContent #food_subcolumn ul li { font-size:0.88em; } #leftContent #food_maincolumn blockquote { font-size:1.40em;color:#EB008B;font-weight: bold;margin: 15px 0 0 0; } #leftContent #food_subcolumn { margin:0; padding: 0 10px 0 5px; width: 300px; float:right; } .food_additions {font-style:italic;} .price { position: absolute; top: 0; right: 0; font-weight:normal; padding-right:15px; } #leftContent #maincolumn a.blueButton, #leftContent #subcolumn a.blueButton { background-color: #00ADEE; color: #fff!important; font-weight: bold!important; font-size: 1.1em; padding: 5%; } /***** COMMENTS *****/ #commentsWrapper { clear: both; border-right: 1px #dbdbdb solid; padding: 15px 15px 0 0; width: 375px; } #all_comments { width: 375px; padding-top: 15px; border-top: 1px #dbdbdb solid; } #all_comments h2 { color: #4d4d4d; font-size: 1.8em; line-height: 1.3em; background: url('/images/css/discussMovie.gif') no-repeat bottom left; padding-left: 30px; } #all_comments h2.no_comments { background: none; font-size: 1.6em; margin-top: 10px; color: #737373; } .comment { width: 360px; font-size: 1.4em; margin-top: 10px; background-color: #e6e6e6; border: 1px #dbdbdb solid; padding: 5px; } .comment_details p.comment_number { display: none; } .comment_details p.comment_author { font-size: .9em; color: #666; line-height: .9em; } .comment_details p.date_published { font-size: .9em; color: #666; line-height: .9em; } #comment_entry { margin-top: 30px; } #comment_entry h3 { font-size: 1.6em; } #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 ****/ /*##### FOOTER #####*/ #footer {width: 961px;color: #000;margin: 0 auto;font-size: 1.2em;padding: 20px 24px;background-color: #B0CF37; min-height: 200px;} /*ul#other_movies {float:left;height: 151px;} ul#other_movies li a:hover {text-decoration:underline;} ul#other_movies li {display: inline-block;margin:0 15px 0 0;padding-left:110px;float: left;width:113px;height: 152px;position:relative;border-right: 1px #fff solid;} ul#other_movies li .last {border: none;} ul#other_movies li h4 {margin-bottom:1px;} ul#other_movies li h3 {color:#000;} ul#other_movies li h4 {color:#4D4D4D;} ul#other_movies li h5 {color:#000;} ul#other_movies li p {color:#4d4d4d;} ul#other_movies li img {position:absolute;top:0;left:0;}*/ .edenBarFooter { border-right: 1px #fff solid; height: 152px; padding: 0 15px 0 0; } ul#edenEvents { height: 152px; float: left; } ul#edenEvents li { display: inline-block; margin: 0; padding-left:15px; float: left; width:227px; height: 152px; position:relative; border-right: 1px #fff solid; } ul#edenEvents li a:hover { text-decoration: underline; } ul#edenEvents li .last { border: none;} ul#edenEvents li a h3 {color:#fff; font-size: 1.4em; line-height: 1.1} ul#edenEvents li a h4 {color:#52554b; margin-top:1px; width: 207px;} /*ul#edenEvents li h5 {color:#000;} ul#edenEvents li img {position:absolute;top:0;left:0;}*/ .socialLinks { width: 28px; float: right; height: 152px; padding-left: 25px; } .socialLinks li.last { margin-top: 15px; } .bottomGrey { background-color: #666;/*grey*/ width: 961px; padding: 0 24px 10px 24px; margin: 0 auto; font-size: 1.2em; } .prices { font-size: 1.1em; color: #fff; font-weight: bold; margin: 10px 0 0 0; float: left; } .footerRight { float: right; margin-top: 30px; } ul.footerNav { float: right; margin: 10px 0 0 0; color: #fff; } ul.footerNav li { display: inline; text-align: right; font-size: .9em;line-height: 1.4em; padding-top: 20px;} ul.footerNav li:after { content: " | "; } ul.footerNav li.last:after { content: " ";} ul.footerNav a, .footerNav a:link, .footerNav a:visited { color: #fff; } ul.footerNav a:hover { color: #fff; text-decoration:underline !important; } p.address { text-align: right; font-size: .9em; line-height: 1.4em; display: block; clear: both; color: #fff; } .footerBottom { background:#fff url('/images/css/bg_footer.jpg') no-repeat; height:22px;width:1037px;margin:0 auto;} /*##### CALENDAR #####*/ #showtime_calendar { background: #9E9E9E; width: 218px; margin:0 auto; } #calendar { width:218px; text-align: center; border: 1px #fff solid; } #calendar .calendarHeader {text-align:center;color: #fff;text-transform:uppercase;font-size:1.2em;font-weight:bold;padding:6px 0 0;} .calendarHeaderRow {background-color:#9E9E9E;} table#calendar td.calendarDayHeading {color:#000;font-size:0.88em;text-transform:uppercase;text-align:center;font-weight:bold;border:none;background:#9E9E9E url(/images/css/calendar.gif) no-repeat top;padding: 3px 0;height: 10px;border-bottom: 2px #fff solid;} table#calendar td {background:#c1c1c1 url(/images/css/calendar.gif) no-repeat center;padding:0;text-align: center;color:#fff;width: 30px;height: 24px;border: 1px #fff solid;vertical-align: top;} table#calendar tr td.calendarToday a, table#calendar tr td.calendarToday {background: #00ADEE url(/images/css/calendar.gif) no-repeat bottom;color: #fff!important;display: block;width: 30px;height: 24px;border: none;} div.calendarMonthLinks a { color: #fff; } div.calendarMonthLinks a:hover { color: #EB008B;/*magenta*/ } /*CAROUSEL FEATURES*/ /*##### scrollable #####*/ /* root element for the scrollable. when scrolling occurs this element stays still. */ #scrollableWrapper {background-color: #E6E6E6; margin: 0 auto; padding: 15px 22px 60px 25px; margin: 12px 0 10px 0; width: 169px; height:300px;} #scrollableWrapper div.scrollable { position:relative; overflow:hidden; width: 166px; height:310px;} /* required settings root element for scrollable items. Must be absolutely positioned and it should have a super large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ div.scrollable ul.items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated on horizontal scrolling typically this element is the one that *you* will style the most. */ div.scrollable ul.items li { float:left;width: 169px;} div.scrollable ul.items li h3 { font-size: 1.2em;} div.scrollable ul.items li h4 { font-size: 1.7em;line-height: 1.1em;} div.scrollable ul.items li img {padding-top: 10px;} /* you may want to setup some decorations to active item */ ul.items li.active { border:1px inset #ccc; background-color:#fff; } /* this makes it possible to add next button beside scrollable */ div.scrollable { float:left;} /* prev, next, prevPage and nextPage buttons */ a.prev, a.next, a.prevPage, a.nextPage {display:block;width:18px;height:18px;float:left;margin: 10px auto;cursor:pointer;font-size:1px;clear: both;} /* previous button uses another background image */ a.prev, a.prevPage {background-image:url(/scripts/scrollable/arrow/left.png);margin-left: 50px;background-repeat: no-repeat;} /* next button uses another background image */ a.next, a.nextPage {background-image:url(/scripts/scrollable/arrow/right.png);clear: right;margin-left: 15px;background-repeat: no-repeat;} /* disabled navigational button */ a.disabled {visibility:hidden !important;} /******* CONSTANT CONTACT ********/ #constantContact { margin: 10px auto 0 auto; padding:8px; width:200px; border:1px solid #ccc; } #constantContact h2 { font-size:1.6em; padding:5px 0; } /******* 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; }