@charset "UTF-8";
/* CSS Document */
/*

TODOS

- remember to define focus styles!
- remember to highlight inserts somehow!

*/

/* CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%;  /* background:transparent */ }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
:focus { outline:0 }
ins { display:none }
del { text-decoration:line-through }
/* table { border-collapse:collapse; border-spacing:0 } */

/* Common */
body { font:11px/14px Arial, sans-serif; background:#000; color:#FFF; min-width:980px }
a, input, select { outline:none }
a:link, a:visited { color:#F2C855; text-decoration:none }
a:hover, a:active, a:focus { color:#FFCC33; text-decoration:underline }
.left { float:left }
.right { float:right }
.right > div, .left > div { position:relative }
.boxtop { font:12px/30px Arial, sans-serif; background:#C00 url(http://img.palacecinemas.com.au/common/red24.png) 0 0 repeat-x; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); color:#FFF; line-height:24px; padding:0 8px }
.boxbar { font:12px/30px Arial, sans-serif; background:#C00 url(http://img.palacecinemas.com.au/common/red24.png) 0 0 repeat-x; text-shadow:0 -1px 1px rgba(0,0,0,0.25); color:#FFF; line-height:24px; padding:0 8px }
.roundcorners { display:inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0 }
.clear { clear:both }
.red { color:#F2C855 }
span.msg { color:#999 }
.addthis { float:right; margin-top:4px; color:#000 }

/* Header */
#stateconf { background:#FF9; color:#000; width:980px; padding:10px; margin:0 auto; text-align:right }
#header { background:url(http://img.palacecinemas.com.au/common/headerbg.png) 0 0 repeat-x; height:220px; padding:10px 0 0; z-index:1000; position:relative; }
#header .content { position:relative; width:980px; padding:0; margin:0 auto }
#palacelogo { width:436px; height:70px; margin:20px 20px }
#citychooser { position:absolute; top:120px; right:10px }
#menu { position:relative; background:#C00 url(http://img.palacecinemas.com.au/common/menubg.png) 0 0 repeat-x; height:30px; z-index:1000; color:#FFF }
#twitter { position:absolute; top:155px; right:10px }

.city { position:relative; float:right; background:#C00 url(http://img.palacecinemas.com.au/common/red24.png) 0 0 repeat-x; display:inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.25); line-height:24px; padding:0 8px; cursor:pointer; z-index:5 }
.citylist { position:absolute; width:420px; height:24px; top:0; right:0; z-index:4; display:none }
.citylist li { text-align:center; float:right; background:#222 }
.citylist li:hover { text-align:center; float:right; background:#333 }
.citylist li:first-child { margin-right:-5px; padding-right:5px }
.citylist li:last-child { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; text-align:center; float:right; clear:left }
.citylist li a { display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); color:#FFF; line-height:24px; padding:0 8px; }
.citylist li a:hover { text-decoration:none }

/* Menu */
#navbar { height:1em; height:30px; margin:0 auto; padding:0; z-index:100 }
#navbar li { list-style:none; float:left }
#navbar li a { display:block; color:#FFF; font:12px/30px Arial, sans-serif; line-height:30px; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.25); text-decoration:none }
	 li.mst { width:121px }
	 li.mm { width:62px }
	 li.mc { width:81px }
	 li.mmc { width:101px }
	 li.mh { width:131px }
	 li.mff { width:121px }
	 li.ms { width:111px }
	 li.mg { width:131px }
	 li.ma { width:121px }
#navbar li a:hover, #navbar li:hover a { background:#222 }
#navbar li ul { display:none; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5) }
	 li.mst ul a { width:120px }
	 li.mm ul a { width:100px }
	 li.mc ul a { width:120px }
	 li.mmc ul a { width:115px }
	 li.ms ul a { width:155px }
	 li.mh ul a { width:115px }
	 li.mff ul a { width:170px }
	 li.mg ul a { width:145px }
	 li.ma ul a { width:96px }	
#navbar li:hover ul, #navbar li.hover ul { display:block; position:absolute; margin:0; padding:0 }
#navbar li:hover li, #navbar li.hover li { background:#C1272D; float:none }
#navbar li:hover li a, #navbar li.hover li a { color:#FFF; background:#C1272D; font-size:10px; line-height:16px; padding:0; text-align:left; padding:3px 15px 3px 10px; display:block; }
#navbar li li a:hover { background:#222; text-align:left; padding:3px 15px 3px 10px }

#navbar li ul li:last-child { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
#navbar li:hover li:last-child a, #navbar li.hover li:last-child a { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
#navbar li li:last-child a:hover { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

/* Body */
#body { position:relative; padding:10px; position:relative; width:960px; margin:10px auto 0; z-index:0 }
#body .main { position:relative; float:left; width:650px; z-index:0 }
#body .sidebar { position:relative; float:right; width:300px; z-index:0 }
#buynow select {width:100% }

/* Home */
.homehl { width:650px; margin:0 0 10px; clear:both; color:#FFF; background:#222 }
	.homehl .content { position:relative; width:650px; padding:0; margin:0 auto }
	.homehl .content li { line-height:24px; padding:0 8px; border-bottom:solid 1px #666 }
	.homehl .content li:last-child { line-height:24px; padding:0 8px; border-bottom:none }
	.homehl .content li:hover { background:rgb(51,51,51); background:rgba(0,0,0,0.25) }
	.homehl .content a, .homehl .content a:link, .homehl .content a:visited { color:#FFF; text-decoration:none; display:inline-block; width:100%; line-height:24px }
	.homehl .content a:hover, .homehl .content a:active, .homehl .content a:focus { color:#FFF; text-decoration:none; display:inline-block; width:100%; line-height:24px }
	
/* Movies */
.moviesns { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.moviesns .content { position:relative; width:650px; padding:0; margin:0 auto }
.moviescs { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.moviescs .content { position:relative; width:650px; padding:0; margin:0 auto }
.postergrid li { float:left; padding:8px 0 0 8px; width:152px; height:270px }
.postergrid a, .postergrid a:link, .postergrid a:visited { color:#FFF; text-decoration:none }
.postergrid a:hover, .postergrid a:active, .postergrid a:focus { text-decoration:none; color:#F2C855 }
.postergrid li.error { float:left; padding:8px 0 0 8px; width:80%; height:auto; }

.foegrid li { float:left; padding:8px 0 0 8px; width:630px }
.foegrid a, .foegrid a:link, .foegrid a:visited { text-decoration:none }
.foegrid a:hover, .foegrid a:active, .foegrid a:focus { text-decoration:none; color:#FFF }
.foegrid li.error { float:left; padding:8px 0 0 8px; width:80%; height:auto; }

.movieposter { width:160px; height:230px; float:left }
.movielist { width:160px; float:left; clear:left; background:#222; margin:10px 0 }
.movielist li a { width:135px; color:#FFF; padding:4px 15px 4px 10px; display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:rgba(0,0,0,0.25) solid 1px }
.movielist li.cs a { width:130px; color:#FFF; padding:4px 15px 4px 15px; display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:rgba(0,0,0,0.25) solid 1px }
.movielist li a:hover { background:#333; color:#FFCC33 }
.movielist li:last-child a:hover { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
.movieinfo { width:480px; float:right; background:#222; margin-bottom:10px }
.movieinfo p { padding-bottom:10px }
.movietitleblock { padding:10px; border-bottom:1px solid #333 }
.movietitleblock span { font:14px Arial, sans-serif; font-weight:bold }
.moviestats { padding:10px; border-bottom:1px solid #333 }
.moviestats strong { color:#FFF }
.moviesynopsis { padding:10px }
.moviereviews { padding:10px; border-top:1px solid #333 }
.movieinfo a:hover, .movieinfo a:active, .movieinfo a:focus { color:#FFCC33 }
.ratingicon { float:right }
.movieinfo ul { list-style:disc; margin:0px 20px 10px }
.moviesessiontimes { padding:10px }
.moviesessiontimes ul { padding:0; margin:0 }
.moviesessiontimes li { list-style:none; padding:0; margin:0 0 10px }
.moviesessiontimes li li { list-style:none; padding:0; margin:0 0 3px 10px }

/* Cinemas */
.cinemas { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.cinemas .content { position:relative; width:650px; padding:0; margin:0 auto }

.cinemaposter { width:160px; height:230px; float:left }
.cinemalist { width:160px; float:left; clear:left; background:#222; margin:10px 0 }
.cinemalist li a { width:135px; color:#FFF; padding:5px 15px 5px 10px; display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:rgba(0,0,0,0.25) solid 1px }
.cinemalist li a:hover { background:#333; color:#FFCC33 }
.cinemalist li:last-child a:hover { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
.cinemainfo { width:480px; float:right; clear:right; background:#222; margin-bottom:10px; }
.cinemainfo p { padding-bottom:10px }
.cinematitleblock { padding:10px; border-bottom:1px solid #333 }
.cinematitleblock span { font:14px Arial, sans-serif; font-weight:bold }
.cinemastats { padding:10px; border-bottom:1px solid #333 }
.cinemastats strong { color:#FFF }
.cinemasynopsis { padding:10px }
.cinemareviews { padding:10px; border-top:1px solid #333 }
.cinemainfo a:hover, .cinemainfo a:active, .cinemainfo a:focus { color:#FFCC33 }
.ratingicon { float:right }
.cinemainfo ul { list-style:disc; margin:0px 20px 10px }

.cinemans ul, .cinemacs ul { list-style: none; margin:0 }
.cinemainfo .postergrid li { float:left; padding:8px 0 0 8px; width:149px; height:265px }
.cinemainfo .postergrid a, .cinemainfo .postergrid a:link, .cinemainfo .postergrid a:visited { text-decoration:none }
.cinemainfo .postergrid a:hover, .cinemainfo .postergrid a:active, .cinemainfo .postergrid a:focus { text-decoration:none; color:#FFF }

/* Pages */
.pages { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
.pages .content { position:relative; width:630px; padding:10px 0; margin:0 auto }
.pages ul { list-style:disc; margin:10px 20px }
.pages p { padding-bottom:10px }
.contacts tr, .contacts th, .contacts td { margin:0; padding:5px; border:0; }
.mcform tr, .mcform th, .mcform td { margin:0; padding:5px; border:0; }
.mcform input.text { border:solid 1px #CCC; padding:5px; font:12px/14px Arial, Helvetica, sans-serif }
.mcform textarea.text { border:solid 1px #CCC; padding:5px; font:12px/14px Arial, Helvetica, sans-serif }

/* Events */
.events { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.events .content { position:relative; width:650px; padding:0; margin:0 auto }

.eventposter { width:160px; height:230px; float:left }
.eventlist { width:160px; float:left; clear:left; background:#222; margin:10px 0 }
.eventlist li a { width:135px; color:#FFF; padding:5px 15px 5px 10px; display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:rgba(0,0,0,0.25) solid 1px }
.eventlist li a:hover { background:#333; color:#FFCC33 }
.eventlist li:last-child a:hover { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
.eventinfo { width:480px; float:right; background:#222 }
.eventinfo p { padding-bottom:10px }
.eventtitleblock { padding:10px; border-bottom:1px solid #333 }
.eventtitleblock span { font:14px Arial, sans-serif; font-weight:bold }
.eventstats { padding:10px; border-bottom:1px solid #333 }
.eventstats strong, .eventtickets strong { color:#FFF }
.eventsynopsis { padding:10px }
.eventtickets { padding:10px; border-top:1px solid #333 }
.eventinfo a:hover, .eventinfo a:active, .eventinfo a:focus { color:#FFCC33 }
.eventinfo ul { list-style:disc; margin:0px 20px 10px }
.eventlist li.error a { width:auto; padding:0; display:inline; border-bottom:none; color:#F2C855 }
.eventlist li.error { padding:5px 15px 5px 10px; background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

/* Festivals */
.festivals { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.festivals .content { position:relative; width:650px; padding:0; margin:0 auto }

.festivalposter { width:160px; height:230px; float:left }
.festivallist { width:160px; float:left; clear:left; background:#222; margin:10px 0 }
.festivallist li a { width:135px; color:#FFF; padding:5px 15px 5px 10px; display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:rgba(0,0,0,0.25) solid 1px }
.festivallist li a:hover { background:#333; color:#FFCC33 }
.festivallist li:last-child a:hover { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
.festivalinfo { width:480px; float:right; background:#222 }
.festivalinfo p { padding-bottom:10px }
.festivaltitleblock { padding:10px; border-bottom:1px solid #333 }
.festivaltitleblock span { font:14px Arial, sans-serif; font-weight:bold }
.festivalstats { padding:10px; border-bottom:1px solid #333 }
.festivalstats strong, .festivaltickets strong { color:#FFF }
.festivalsynopsis { padding:10px }
.festivaltickets { padding:10px; border-top:1px solid #333 }
.festivalinfo a:hover, .festivalinfo a:active, .festivalinfo a:focus { color:#FFCC33 }
.festivalinfo ul { list-style:disc; margin:0px 20px 10px }
.festivallist li.error a { width:auto; padding:0; display:inline; border-bottom:none; color:#F2C855 }
.festivallist li.error { padding:5px 15px 5px 10px; background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

/* Offers */
.offers { width:650px; margin:0 0 10px 0; clear:both; color:#FFF; background:#222 }
	.offers .content { position:relative; width:650px; padding:0; margin:0 auto }

.offerposter { width:160px; height:230px; float:left }
.offerlist { width:160px; float:left; clear:left; background:#222; margin:10px 0 }
.offerlist li a { width:135px; color:#FFF; padding:5px 15px 5px 10px; display:inline-block; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:rgba(0,0,0,0.25) solid 1px }
.offerlist li a:hover { background:#333; color:#FFCC33 }
.offerlist li:last-child a:hover { background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }
.offerinfo { width:480px; float:right; background:#222 }
.offerinfo p { padding-bottom:10px }
.offertitleblock { padding:10px; border-bottom:1px solid #333 }
.offertitleblock span { font:14px Arial, sans-serif; font-weight:bold }
.offerstats { padding:10px; border-bottom:1px solid #333 }
.offerstats strong, .offertickets strong { color:#FFF }
.offersynopsis { padding:10px }
.offertickets { padding:10px; border-top:1px solid #333 }
.offerinfo a:hover, .offerinfo a:active, .offerinfo a:focus { color:#FFCC33 }
.offerinfo ul { list-style:disc; margin:0px 20px 10px }
.offerlist li.error a { width:auto; padding:0; display:inline; border-bottom:none; color:#F2C855 }
.offerlist li.error { padding:5px 15px 5px 10px; background:#333; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px }

/* Print Friendly Session Times */
.pf_stimes { background:#FFF }
.pf_stimes .header { background:#000; height:110px; width:100% }
.pf_stimes .sessiontimes { color:#000; padding:20px }
.pf_stimes .menu { margin:20px 0 0 20px }
.pf_stimes .menu span { background:#222; display:inline-block; padding:10px; color:#FFF; font-weight:bold; border-left:1px solid #000; border-bottom:1px solid #000 }
.pf_stimes .menu a { background:#CCC; display:inline-block; padding:10px; color:#000; border-left:1px solid #000; border-bottom:1px solid #000 }
.pf_stimes .date { padding:20px; background:#222; color:#FFF; font-size:20px; font-weight:bold }

/* Buy Now */
#buynow { width:300px; color:#FFF; background:#222; margin:0 0 10px }
#buynow .content { padding:10px }

/* Advertising */
.leaderboard { display:block; height:90px; width:728px; margin:0 auto; padding:0 }
.island { display:inline-block; height:250px; width:300px; margin:0 0 10px; padding:0 }

/* Highlight Banner */
ul.slideshow { list-style:none; width:650px; height:220px; overflow:hidden; position:relative; margin:0; padding:0 }
ul.slideshow li { position:absolute; left:0; right:0 }
ul.slideshow li.show { z-index:1 }
ul img { border:none }
#slideshow-caption { width:650px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:1; text-align:right }
#slideshow-caption .slideshow-caption-container { padding:5px 10px;	z-index:2 }
#slideshow-caption h3 { margin:0; padding:0; font-size:14px }
#slideshow-caption p { margin:5px 0; padding:0 }