/* 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, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; 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 }

/* Fonts (TypeKit) */
body { color:#000; font-size:14px; font-weight:300; font-style:normal; font-family: proxima-nova, sans-serif; line-height:16px }
em { font-size:14px; font-weight:300; font-style:italic; font-family: proxima-nova, sans-serif; line-height:16px }
strong { font-size:14px; font-weight:600; font-style:normal; font-family: proxima-nova, sans-serif; line-height:16px }
em strong { font-size:14px; font-weight:600; font-style:italic; font-family: proxima-nova, sans-serif; line-height:16px }
h2 { font-size:42px; font-weight:400; font-style:normal; font-family: continuo, sans-serif; line-height:42px; color:#C90427; padding:0; margin:0 }
h3 { font-size:30px; font-weight:400; font-style:normal; font-family: continuo, sans-serif; line-height:30px; color:#000; padding:0; margin:0 0 10px }

/* Common */
.body { position:relative; width:980px; left:50%; margin:10px 0 0 -490px }
.sidebar { width:250px; float:left }
.content { width:720px; float:right }
.clear { clear:both }
.hide { display:none }
.red { color:#C90427 }
p { margin:0 0 15px }
hr { display:block; position:relative; padding:0; margin:8px auto; width:100%; clear:both; border:none; border-top:1px solid #AAA; border-bottom:1px solid #FFF; font-size:1px; line-height:0; overflow:visible }
a, a:link, a:visited { color:#C90427; text-decoration:none }
a:hover, a:active, a:focus { color:#C90427; text-decoration:underline }
.fineprint { font-size:12px; line-height:normal }

/* Banner */
.headerwrap { width:100%; overflow:hidden }
.header { position:relative; width:980px; height:190px; top:0; left:50%; margin-left:-490px; clear:both }
.bannerkeyart { position:absolute; width:2560px; height:190px; top:0; left:50%; margin-left:-1280px }
.bannerlogo { position:absolute; width:680px; height:72px; top:29px; left:10px }
.bannerstate { position:absolute; width:680px; height:72px; top:120px; left:10px; font-size:16px; line-height:16px; color:#FFF; text-shadow:-1px 1px 0 rgba(0, 0, 0, 0.5) }
.bannerstate li { float:left; padding:0 40px 0 0; }
.bannerstate strong { font-size:16px; line-height:16px; font-weight:600 }

/* Menu */
.menu a, .menu a:link, .menu a:visited { color:#FFF; text-decoration:none }
.menu a:hover, .menu a:active, .menu a:focus { color:#FFF; text-decoration:none }
.mbutton { display:inline-block; background:url(/images/menu.png) bottom left no-repeat; width:250px; height:40px; line-height:40px; text-align:center }
.mbutton:hover { background:url(/images/menu.png) top left no-repeat }
.mbuttond { display:inline-block; background:url(/images/menu.png) top left no-repeat; width:250px; height:40px; line-height:40px; text-align:center }
.mbuttond:hover { background:url(/images/menu.png) bottom left no-repeat }
li.breakafter { margin-bottom:10px }
.addthis { color:#000; float:left }
a.addthis_button_expanded { color:#000 !important }
.socialmedia { float:right }

/* Welcome */
.main_view { float:left; position:relative }
.window { height:250px;	width:720px; overflow:hidden; position:relative; margin:0 0 10px }
.image_reel { position:absolute; top:0; left:0 }
.image_reel img { float:left }
.paging { position:absolute; bottom:40px; right:-7px; width:178px; height:47px; z-index:100; text-align:center; line-height:40px; background:url(paging_bg2.png) no-repeat; display:none }
.paging a { padding:5px; text-decoration:none; color:#fff }
.paging a.active { font-weight:bold; background:#920000; border:1px solid #610000; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px }
.paging a:hover { font-weight:bold }
.welcomemsg { width:470px; float:left }
.highlights { width:230px; margin-left:15px; float:right; font-size:12px; line-height:normal }

/* Films */
.filmgrid li { position:relative; float:left; margin:0 15px 10px 0; height:150px; overflow:hidden; background:url(/images/page-loading.gif) center no-repeat }
.filmgrid li.nomargin { float:left; margin:0 0 10px }
.filmimg { position:absolute; padding:0; margin:0; top:0; left:0 }
.filmtitle { position:absolute; top:150px; left:0; width:210px; padding:10px; margin:0; color:#FFF; background:#000; font-size:16px; line-height:normal; vertical-align:text-bottom }
.filmtitle strong { font-size:16px; line-height:normal; font-weight:400 }
.filmgrid li a { position:relative; width:230px; height:300px; padding:0; margin:0; text-decoration:none; display:inline-block }
.filmgridspecial { color:#C00; font-size:12px; line-height:normal }
.filmhero { margin:0 0 10px 0; height:250px; width:720px; background:url(/images/page-loading.gif) center no-repeat }
.filminfo { width:500px; float:left }
.filmspecial { width:200px; margin-left:15px; float:right; font-size:12px; line-height:normal }
.filmspecial strong { font-size:12px; line-height:normal }
.filmspecial strong.italic { font-size:12px; line-height:normal; font-style:italic }
.filmspecial em { font-size:12px; line-height:normal; font-style:italic }
.filmstates li { float:left; margin:0 5px 0 0; padding:0 }
.filmstates a { background:#C90427; color:#FFF; text-decoration:none; padding:5px 15px }
.filmstates a:hover { background:#900; color:#FFF; text-decoration:none; padding:5px 15px }
.filmsessions { display:none }

/* Tickets & Venues */
.venuewidget { position:relative; width:100%; background:#EEE; padding:0 }
#venueaddresses { position:absolute; top:0; left:0; width:240px; display:inline-block }
#venueaddresses li { padding:10px 20px 10px 10px }
#venueaddresses li.active { background:#DDD }
#venueaddresses li:hover { background:#CCC; cursor:pointer }
#venuemaps { position:absolute; top:0; left:240px; display:inline-block; width:480px; height:300px; overflow:hidden; padding:0; margin:0 }
#map_como { height: 100% }
#map_balwyn { height: 100% }
#map_bay { height: 100% }
#map_kino { height: 100% }
#map_westgarth { height: 100% }

#ticketstate { width:720px; font-size:16px; line-height:16px; color:#000; background:#EEE }
#ticketstate li { float:left; width:124px; padding:10px }
#ticketstate strong { font-size:16px; line-height:16px; font-weight:600 }
#ticketstate li.active { background:#C90427; color:#FFF }
#ticketstate li:hover { background:#CCC; cursor:pointer }
#ticketstate li.active:hover { background:#C90427; color:#FFF }

.map { width:510px; height:300px; float:left }
.ticketspanelleft { width:350px; margin-right:20px; float:left }
.ticketspanelright { width:350px;float:left }

/* Sessions */
.timesblock { display:table; font-size:13px; line-height:normal }
.sessiontimesleft { display:table-cell; width:230px; padding-right:15px }
.sessiontimesmiddle { display:table-cell; width:230px; padding-right:15px }
.sessiontimesright { display:table-cell; width:230px }
a.filmlink { text-decoration:none; color:#333 }
a.filmlink:hover { text-decoration:underline; color:#333 }
a.tixlink { text-decoration:none; color:#C90427 }
a.tixlink:hover { text-decoration:underline; color:#C90427 }

/* Sponsors */
hr.sponsor { display:block; position:relative; padding:0; margin:8px auto; width:100%; clear:both; border:none; border-top:1px solid #A00; border-bottom:1px solid #F00; font-size:1px; line-height:0; overflow:visible }

/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}