/* Initial */
body, h1, h2, h3, h4, a, ul, li, p, div, span, table, td, tr, dl, dt, dd { margin: 0; padding: 0; }
body { font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: url(/main/images/bg_body.jpg) repeat-y 0 -40px #272759; /*	background: url(/main/images/bg_draft_25.jpg) no-repeat 10em 0 #272759;*//*	background: url(/main/images/bg_draft_25.jpg) no-repeat 10em 0 #272759;*/ }
h1,h2,h3,p { margin-bottom: 0.57em; }
h2 { font-size:1.5em; }
h3 { clear: both; font-size:1em; }
a { text-decoration: underline; color: #2528A8; position: relative; }
a:hover { text-decoration: underline; color: #0033FF}
table { border-collapse:collapse; }
p { line-height:1.5; }

/* Layout */
#main { margin: 64px auto; width: 78em; position: relative; outline: 0px solid yellow;}
#outer { width: 100%; float: left; background-color: #CCCCE6; position:relative; }
#inner { float:left; position: relative; z-index:1; padding:1.5em; }
#floater {float:left;position:relative;}
#header img { float: left; }
#footer { clear: both; }
#nav { float: left; display: inline; }
#copyright { float: left; display: inline; }
#credits { float: right; display: inline; }
#footerEnd { background: transparent url(/main/images/bg_tickets.png) no-repeat 0 0; height: 7em; left: 55em; position: absolute; top: -7em; width: 7em; z-index: 2; }

/* Header */
#header { background: #000 url(/main/images/bg_header.jpg) repeat-y left top; color: black; height: 12em; border-top:20px solid #6DB64D;}
#header a { color:white; text-decoration:none; }
#header #logo { width: 250px; height: 250px; position:absolute; top:-70px; left:140px;}
#header h1 #letter-overlay { color:#FFFFFF; display:inline;}
#header h1 { color: white; font-size: 3em; font-weight: normal; letter-spacing: 10px; margin: 40px 0pt 0pt 30px; text-transform: uppercase; }
#header h1 span { display:none; }
#rotatingMovies{ background-color: transparent; width: 60em; height: 20em; position: absolute; left: 25em; top: -30px; z-index: 0; }
/*#rotatingMovies{ background-color: transparent; width: 45em; height: 12em; position: absolute; left: 33em; top: 2.5em; z-index: 0; }
*/
#flash p { position:absolute; top:10em; left:20em; font-size:1.2em; }
#flash a { color:white; text-decoration:underline;}

/* navigation: main menu */
#nav { border:1px solid #ccc; width: 77.8em; background: url(/main/images/bg_nav.png) repeat-x 0 -8px #B1B0D8; height:2.5em; position:relative; z-index:5;}
#nav ul { list-style: none; margin: 0; padding: 0; float:left; }
#nav li { position: relative; margin-bottom: 1px; float:left; z-index:3; background: url(/main/images/bg_divider.png) no-repeat 3px center; }
#nav li.firstItem { background: none; }
#nav a { font-weight: bold; display: block; text-decoration: none; color: #000; vertical-align: middle; line-height: 24px; font-size: 1.15em; text-align: center; width: 7em; white-space: nowrap; text-transform: uppercase; }
#nav a:hover { background-image: url(/main/images/bg_nav_hover.png); color: white; }
#nav ul li a { height: 2em; line-height:2em; }
#nav ul .wide a { width:10.5em; }

/* submenu */
#nav ul.level2 { display: none; position: absolute; top: 2.3em; left: 0; background-color: white; z-index: 10; }
#nav ul.level2 a { background-image: none; background-color: #D5D6EB; font-weight: normal; color: #003597; text-transform: none; text-align: left; width: 12em; padding: 0 1em; font-size: 1em; }
#nav ul.level2 a:hover { background-image: none; background-color: #9898CE; color: white; width:12em;}
#nav ul li:hover ul.level2 { display: block; background-image: none; border: 1px solid silver; }
#nav ul li:hover ul.level2 li { margin-bottom: 0px; border-bottom: 1px solid silver; width:100%; }

/* active/current */
body.home #nav li.home a, 
body.about #nav li.about a,
body.comingSoon #nav li.comingSoon a,
body.superCard #nav li.superCard a,
body.movieRatings #nav li.movieRatings a,
body.tickets #nav li.tickets a,
body.giftCertificates #nav li.giftCertificates a,
body.contact #nav li.contact a 
{ background-image: url(/main/images/bg_nav_hover.png); color: white; }

#main #nav li li a { background-image: none; color: #003597; }

/* Footer */
#footer { float: left; clear: none; width: 61.5em; color: gray; padding: 0.5em; position: relative; }
#credits { text-align: right; }

#contentPane { display: block; float: left; width: 59em; background: #99D67F url(/main/images/bg_film_roll.jpg) repeat-y scroll -70px -110px;}
/*#contentHeader { background: #99D67F url(/main/images/bg_film_roll.jpg) repeat-y scroll -70px -110px; display: block; padding: 3em 1.5em; width: 56em; }
*/
#contentHeader { background: #99D67F url(/main/images/bg_film_roll.jpg) repeat-y scroll -70px -110px; display: block; padding: 3em 1.5em 0; width: 56em; }
#contentHeader table { width: 55em;}
#contentHeader h2 { background-color: #BBE1A8; display: block; clear: left; font-size: 1em; white-space: nowrap; opacity: .5; -moz-opacity: .5; margin-left: 35em; position: relative; top: -1em; padding: .2em 1em; font-weight: normal; }
#contentHeader table caption { display:none; }
#contentHeader thead { display:none;}
#contentHeader thead th { text-align:left; }
#contentHeader td { padding:.5em; }
#contentHeader .odd { background: #D4F0C8; }
#contentHeader .even { background: white; }

#sidebar { float: right; width: 13em; }
#sidebar h2 { font-size: 1.5em; color: #292CAB; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; text-shadow: #6374AB 2px 2px 2px; }
#sidebar h3 { color: #292CAB; font-weight: bold; letter-spacing: 1px; text-shadow: #6374AB 2px 2px 2px; }
#sidebar ul { margin-bottom: 1em; list-style: none; }
#sidebar li a { margin-bottom: .2em; width: 9em; height: 1.6em; font-size: 1.2em; font-weight: bold; text-decoration: none; color: white; background: url(/main/images/btn_sidebar_stars.png) no-repeat 0 0; display: block; padding: .2em 1em; }
#sidebar li a:hover { background-position: 0 -198px; }
#sidebar .ad h2 { margin-bottom: 0; text-align: center; text-transform: none; font-size: 1.2em; font-weight: bold; padding: .2em; width: 10.2em; color: white; background: url(/main/images/bg_nav_hover.png) repeat-x bottom left; }
#sidebar .ad img { width: 12.7em; height: 17em; border:none; }

#sidebar #btnPlayingToday a { background-position: 0 0; }
#sidebar #btnByMovie 			a { background-position: 0 -50px; }
#sidebar #btnRenaissance 	a { background-position: 0 -100px; }
#sidebar #btnPaseo 				a { background-position: 0 -150px; }
#sidebar #btnDriveIn 			a { background-position: 0 -200px; }

#sidebar #btnPlayingToday a:hover { background-position: 0 -250px; }
#sidebar #btnByMovie 			a:hover { background-position: 0 -300px; }
#sidebar #btnRenaissance 	a:hover { background-position: 0 -350px; }
#sidebar #btnPaseo 				a:hover { background-position: 0 -400px; }
#sidebar #btnDriveIn 			a:hover { background-position: 0 -450px; }

#pageTitle { color: white; text-shadow: white 2px 2px 2px; letter-spacing: 4px; text-transform: uppercase; font-weight: normal; position: absolute; top: 1em; left: 1.7em; font-size: 2em; }

#playingNowInfo { margin-top: 1em; font-size: .9em; float: left; opacity:.5; -moz-opacity: .5; background-color: white; }
#playingNowInfo dt { margin-left: 1em; }
#playingNowInfo dt,
#playingNowInfo dd { float: left; }

#news { text-align: left; margin-top:1em;}
#newThisWeek, #latestNews { width: 31.2em; background-color: #D5D6EB; float: left; margin: 0 1.5em 1em 0; }
#latestNews { margin-right:0; float:right;}
#newThisWeekPoster { float: left; margin-right: 1em; }
#latestNews h1, 
#newThisWeek h1 { background: url(/main/images/bg_nav_hover.png) repeat-x bottom left; color: white; font-size: 1.2em; padding: .3em 0; text-align: center; margin: 0; }
#latestNews, 
#newThisWeek  { font-size: .9em; }
#latestNews caption { display: none; }

#newThisWeek h2 { font-size: 1.2em; margin-bottom: .2em; }
#newThisWeek h2 a { color: #2528AD; }
#newThisWeek .header { background-color: #E3E3EB; padding-bottom: .2em; margin-bottom: .2em; }
#newThisWeek .header span { color: #333; }

#newThisWeek .header .rating { padding-right: 1em; }
#newThisWeek .header .length { padding-left: 1em; }
#newThisWeek .summary { color: #4649B2; padding-right: 1em; }
#newThisWeek .nav { float: right; width: 10em; }
#newThisWeek .nav a { color: #333; }

#latestNews { color: #003597; }
#latestNews table { width: 100%; }
#latestNews th { display: none; }

#latestNews td { padding: .5em; }
#latestNews .even td { background-color: #E3E3EB; }
#latestNews .odd td { background-color: #D5D6EB; }

/* address footer */
#address { position:relative; clear: left; float:left; background-color: #9899CD; }
#address h1 { display: none; }
#address #main-adr-info { display:none; }
#address #main-adr-info h2 { background: none; }

#address .vcard { width: 19.6em; float: left; }
#address dt { display: none; }
#address h2 { margin-bottom:.2em; padding-left:.8em; font-size: 1.1em; color: #4346B5; text-transform: uppercase; background-color: #B5B5DB; }
#address dl { padding-left:1em; }
#address dd { font-size:.9em; color: #333;}

/* footer */
#footer { width:99%; }
#footer #copyright { color: white; }
#footer #credits { color: #ccc; }
#footer #credits a { color: #ccc; }

#frmSelectDate { margin-bottom:1em; display:block; background-color:#BCE3AA; padding:.2em;}
#frmSelectDate label { padding: .2em 1em;}
#frmSelectDate select {  width:10em; font-family: "Lucida Console", monospace; }
#frmSelectDate #submitButton { border: none; width: 2.5em; height: 2em; text-indent: -9999em; background: url(/main/images/bt_go.gif) no-repeat 0 0; cursor: pointer; }

/* -- site pages */
.home #contentPane { background: none; }
.home #contentHeader { padding-bottom:3em; }
.today #contentHeader { min-height:32.5em; }
#contentBody img { margin:0 .5em; border:0px solid #999; }
#contentBody h2 { clear:left; }

/* generic for all pages */
#showTimes { background: #B9E2A8 url(/main/images/bg_showtimes.jpg) repeat-x 0 0; float: right; padding: 0.8em 1.2em; width: 10em; }
#showTimes h3 { color:white; font-size:1.7em; font-weight: normal; letter-spacing:1px; margin-bottom:1em; }
#contentWrap { float: left; background-color: white; }
#backToList { float:right; }
#contentBody { background-color: white; float: left; padding: 1em; width: 57em; min-height:30em; line-height: 1.3; padding-bottom:5em; }
#contentBody h2 { color: #4347B4; }
#contentBody .links { text-align:center; }
#contentBody .links a { text-transform: capitalize ; margin:0 1em; }
/*
#contentBody .column dl { margin-bottom:1em; }
#contentBody .column dt { float:left; width:5em; font-weight:bold; }
#contentBody .column dd { color: black; margin-bottom:.2em; margin-left:1em;}
*/
#contentBody ul { margin-bottom:.5em; }
#contentBody li { margin-left:1.5em; padding-left:.5em; }
#poster { margin:0 1em 1em 0; }
h4 { font-size: 1.2em; text-transform: uppercase; margin-bottom: .5em; }

/* playing section */
.playing #contentHeader thead { display:table-header-group; background-color:white;}
.playing #contentHeader thead th { padding: .5em; text-transform: uppercase; }
.playing #frmSelectDate { position: static; display: block; text-align: right; margin-bottom: 1em; 
float:right;}
.playing th { width:25%; }
.playing #contentHeader { padding-top: .5em; background: none;}
.playing #contentBody h2 { clear:none; }
.playing #contentBody img { margin:0; }

.today #pageTitle { position:static; }
.today #contentHeader { padding-bottom:7em; }
.today #frmSelectDate { float:right; margin-top:-3.5em; }

/* movie details page */
.movieDetail #showTimes { background: #B9E2A8 url(/main/images/bg_showtimes.jpg) repeat-x 0 0; float: right; padding: 0.8em 1.2em; width: 10em; min-height:38em;}
.movieDetail #showTimes h3 { color:white; font-size:1.7em; font-weight: normal; letter-spacing:1px; margin-bottom:1em; }
.movieDetail #contentWrap { float: left; background-color: white; }
.movieDetail #contentBody { width: 42em; min-height:33em; }
.movieDetail #contentBody h2 { font-size:2em; }
.movieDetail #contentBody .links { text-align:left; }
.movieDetail #contentBody .links a { text-transform: capitalize ; margin:0 0em; }
.movieDetail #contentBody dl { margin-bottom:1em; }
.movieDetail #contentBody dt { float:left; width:5em; font-weight:bold; }
.movieDetail #contentBody dd { color: black; margin-bottom:.2em; margin-left:1em;}
.movieDetail #contentPane { background: #99D67F url(/main/images/bg_film_roll.jpg) repeat-y scroll -70px -110px; }
.movieDetail #contentBody #poster { margin:0 1em 15em 0; }
.movieDetail h4 { font-size: 1.2em; text-transform: uppercase; margin-bottom:.5em}
.movieDetail dd { color: #1C6500; margin-bottom:1em; }
/*.movieDetail #pageTitle { position:static; }*/
.movieDetail #contentHeader { padding: .5em 1.5em 0; }
.movieDetail #frmSelectDate { text-align:right; }

/* coming soon */
.comingSoon #showTimes { background: #B9E2A8 url(/main/images/bg_showtimes.jpg) repeat-x 0 0; float: right; padding: 0.8em 1.2em; width: 10em; }
.comingSoon #showTimes h3 { color:white; font-size:1.7em; font-weight: normal; letter-spacing:1px; margin-bottom:1em; }
.comingSoon #contentWrap { float:left; background-color:white;}
.comingSoon #contentBody { width: 42em; }
.comingSoon #contentPane { background: #99D67F url(/main/images/bg_film_roll.jpg) repeat-y scroll -70px -110px; }
.comingSoon form .checkbox { display:block; margin-bottom:1em; margin-left:1.5em; }
.comingSoon form .checkbox input { margin-right:.2em; margin-left:-1.3em; display:inline; }
.comingSoon form .input { padding:.2em; }
.comingSoon form .type-email { position:relative; height:3.5em; }
.comingSoon form input#email.wide { width:20em; }
.comingSoon form input#email { width:10em; position:relative;}
.comingSoon #contentBody .card img { margin:0; }

.card { width:165px; float:left; margin: 0 .7em 1.5em; }
.card a img { float:left; display:inline; }
.card h3 { margin:0 }
.card h4 { text-transform: none; font-size:1em; color: #1C6500; margin:0 }
.card dt { display:none; }
.card dd { margin-left:1em; }
.bymovie .card dt { display: block; }
.bymovie .card dl,
.bymovie .card h4 { display:none; }

/* ratings */
.movieRatings #contentBody dt { color: #1C6500; float: left; font-weight:bold; font-size: 1.5em;}
.movieRatings #contentBody dd { margin-left: 5em; margin-bottom:1em; }

/* contact us */
.contact .input { margin-bottom:.5em; }
.contact label { float: left; width: 12em; }
.contact field { padding-bottom: 3px; }
.contact legend { font-weight: bold; color: white; }
.contact fieldset { margin: .5em; width: 37em; }
.contact textarea { clear: left; font-family: sans-serif; }
.contact checkbox label { width: 100%; }
.contact #submitButton { clear: both; margin: .5em; }
.contact #errors { color: red; }


/* THE END... bye bye cruel world. */