body {background-color:#ccc;}

h1,h2,h3,h4,h5,h6,dt{font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif;}
h1 {font-weight:bold; font-size:2.0em; margin-bottom:0.3em}
h2 {font-weight:bold; font-size:1.7em; margin-bottom:0.3em}
h3 {font-weight:bold; font-size:1.4em; margin-bottom:0.3em; margin-top:0.3em;}
h4,dt {font-weight:bold; font-size:1.2em; margin-bottom:0.3em}
h5 {font-weight:bold; font-size:1.0em; margin-bottom:0.3em}

dd {margin-left:3em; margin-bottom:1em;}

a:focus  {background:#ff9900;}
a:active {font-style:italic;}

p       {margin-bottom:1em}
strong  {font-weight:bold}

.offscreen {position:absolute; width:200px; left:-1000px;}
.pageheading    {}
.smallprint {font-size:0.7em;}
.verysmallprint {display: block; font-size:0.5em; font-family:arial, helvetica; color:#666; font-weight:normal;}
.huge       {font-size:1.5em; font-weight:bold; font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif;}
.highlight  {background-color:#ffc; line-height:120%}
.centre     {text-align:center;}
.capitalize {text-transform:capitalize;}
.break      {clear:both;}
.noborder   {border:0px;}
.pad5       {padding:5px}
.pad10      {padding:10px}


#topbar   {background:#333333; border-bottom:2px solid #865398; text-align:left; color:#fff; padding:3px;}
#topbar p {display:inline;}
#topbar a {color:#fff; padding:0.2em;}
#topbar a:hover {background:#ff9900;}
#styleControls  {margin-left:0.3em; padding-left:0.3em; border-left:1px solid #cccccc;}

#holder {position:relative; text-align:left; width:981px; margin:auto; margin-top:0px;}

#header            {width:973px; height:150px; margin-top:0px; padding-top:0px;}
#header h1 img     {position:absolute; z-index:50001; top:230px; left:20px;}
#header #mask      {position:absolute; z-index:50001; top:0px; left:0px; width:973px; height:28px; background-image:URL('img/mask.png')}

#topnav            {position:absolute; top:295px; right:14px; z-index:40000; background:#009;  background-image:URL('img/navbg.png');
                    width:961px; font-size:1em; font-family:verdana; text-transform:uppercase;}
#topnav ul         {list-style:none; text-align:center; width:550px; margin-left:405px; margin-top:5px;}
#topnav li         {display:inline-block; zoom:1; *display:inline; height:1.5em; margin-bottom:2px;}
#topnav li a       {color:#fff; border-right:1px solid #ccc; text-decoration:none; height:1.5em; padding:0px 10px;}
#topnav li a:hover {background:#ff9900;}
#topnav li a:focus {background:#ff9900;}

#slideholder       {width:973px; position:relative; height:283px; left:0px; top:10px; background-image:url('img/mainbg.png')}
#slideshow         {position:absolute; margin-left:6px; width:961px; height:283px; overflow:hidden; z-index:1; }
#slideshow .slide  {position:absolute; width:961px; height:283px; overflow:hidden; background:#333000;}

#slideshow h2      {position:absolute; display:block; top:8px; right:8px; font-size:1.4em; 
                    font-weight:bold; color:#fff; padding:4px; background:#666;}
                    
#slideshow p       {position:absolute; bottom:-8px; right:8px;}  
#slideshow p a     {display:inline-block; background:#333; color:#fff; padding:2px; margin:1px; text-decoration:none;}
#slideshow small   {font-size:0.7em; font-weight:normal;}     
#slideshow img     {width:961px; margin-top:-30px;}

#content        {width:973px; margin-top:120px; padding-top:100px; background-image:url('img/mainbg.png'); background-color:#fff; border-bottom:6px solid #eee; margin-bottom:50px;}
#leftcontent    {display:inline-block; vertical-align:top; width:380px;  margin-top:60px; margin-left:20px; zoom:1; *display: inline;}
#rightcontent   {display:inline-block; vertical-align:top; width:540px; margin-left:10px; zoom:1; *display: inline;}

#leftcontent form       {display:block; padding-bottom:16px;}
#leftcontent form input {width:168px;}

#footer            {clear:both; text-align:center; margin-top:10px; height:400px; padding-top:10px; color:#fff;
background:#0046D9;  background-image:URL('img/navbg.png'); background-repeat:repeat-x;}
#footer p          {clear:both; padding:20px; text-align:center;}
#footer a          {color:#ffc;}
#footer ul         {width:900px; margin:auto; text-align:center; font-size:80%}
#footer li         {display:inline-block; zoom:1; *display: inline; _height: 2ex}
#footer li a       {display:block; color:#ffffee; padding:4px; padding:6px; font-size:1.2em; font-weight:bold; text-transform:uppercase; 
                   text-decoration:none; background:#333000; margin:8px; width:9.0em; text-align:center; border:3px solid #666;  font-weight:bold;}
#footer li a:hover {background:#ff9900}
#footer li a:focus {background:#ff9900;}   


#listings li       {position:relative; padding-top:10px; padding-bottom:10px; border-top:1px solid #eee; clear:both;}
#listings img      {float:left; margin-right:10px; margin-bottom:10px; margin-top:0px;}
#listings h3       {clear:both; padding:0px; margin:0px; padding-top:1.5em; text-align:center;}
#listings h4       {clear:both; text-transform:uppercase;}
#listings h5       {font-size:1.2em; text-transform:uppercase; margin:0px; padding:0px;}
#listings h5 a     {display:block; width:400px;}
#listings .cert    {font-size:0.8em; font-weight:normal;}
#listings .runtime {font-size:0.8em;  font-weight:normal; text-transform:none;}
#listings .passes  {font-size:0.8em;  font-weight:normal; text-transform:none;}
#listings .advice  {font-size:0.8em;  font-weight:normal; text-transform:none; margin:0px; padding:0px;}
#listings .times   {font-size:1.1em;  font-weight:bold; text-transform:capitalize}

#listings .section-1 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-2 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-3 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-4 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-5 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-6 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-7 {clear:both; padding:10px; margin:10px; background:#fff;}
#listings .section-8 {clear:both; padding:10px; margin:10px; background:#fff;}

#listings p          {margin-left:125px;}

#listings #week-1    {clear:both; background:#eef; padding-bottom:1px; margin-bottom:10px;}
#listings #week-2    {clear:both; background:#efe; padding-bottom:1px; margin-bottom:10px;}
#listings .synopsis  {font-size:0.5em; font-weight:normal; text-transform:none; margin:0px; padding:0px;}


#listings ul li ul             {padding:5px; width:405px; float:right; margin-top:6px; margin-bottom:30px; }
#listings ul li ul li          {padding:2px; font-weight:normal; margin:0px;}
#listings ul li ul li .date    {display:inline-block; zoom:1; *display:inline; width:6em;}
#listings ul li ul li a        {display:inline-block; zoom:1; *display:inline; width:3em; text-align:center; margin:0px;}
#listings ul li ul li a:focus  {background:#ff9900;}
#listings ul li ul li a:hover  {background:#ff9900;}
#listings ul li ul .screen0    {display:inline-block; zoom:1; *display:inline; width:3em; text-align:center; margin:0px; vertical-align:top;}
#listings ul li ul .mezz       {background:#ff9;}
#listings ul li ul .notes      {display:inline-block; zoom:1; *display:inline; clear:both; width:3em; font-size:60%;}


#feed  {clear:both; background:#eef; padding-bottom:1px; padding-top:1px; margin-bottom:10px;}
#feed .entry {clear:both; padding:10px; margin:10px; background:#fff;}


#bookmark       {border:1px solid #cccccc; width:400px; margin-left:30px; }
#bookmark h3    {font-weight:normal; font-size:1.0em; padding:4px; float:left;} 
#bookmark ul    {display:inline-block; list-style:none;}
#bookmark li    {float:left; display:block; }
#bookmark li a  {padding:3px; display:block;}
#bookmark li a:hover {background:#ff9900}

#gossip .searchtext {width:270px;}
#gossip .date       {display:block; font-size:0.6em;}
#gossip .source     {display:block; font-size:0.8em; font-style:italic;  text-align:right; margin-bottom:1.2em}

/* #trailer .searchtext       {width:170px; margin-right:5px;} */
#trailer .searchbutton     {width:10em;}

#trailer #leftcontent li   {display:block; padding-bottom:3px;}
#trailer #rightcontent ul  {display:block; float:left;}
#trailer #rightcontent img {float:left; margin-right:10px; margin-bottom:10px; margin-top:0px;}
#trailer #rightcontent h3  {border-top:1px solid #333333; clear:both; width:480px; margin-top:12px; padding-top:8px;}
#trailer .weeklinks        {clear:both; text-align:center;}
#trailer th                {padding:2px;}
#trailer td                {width:4em; text-align:center; padding:2px;}
#trailer table             {width:100%;}
#trailer .zebra            {background-color:#eee;} 

#comp #leftcontent img    {float:left; border:3px solid #ccc; margin-right:10px; margin-bottom:10px;}
#comp #leftcontent h4     {margin-top:0px;}
#comp #leftcontent li     {display:block; margin-top:0.6em; border-top:1px solid #cccccc; clear:both; padding-top:10px;}
#comp #leftcontent .enter a {display:block; font-weight:bold; background:#ffffcc; margin-top:5px; padding:5px;}
#comp #leftcontent .enter a:hover {background:#ff9900;}
#comp #rightcontent .side {float:right; margin-left:10px; margin-top:18px; margin-bottom:10px; width:180px;}
#comp #rightcontent ul    {padding:10px;}
#comp #rightcontent ol    {padding:10px;}
#comp #rightcontent .textinput {width:460px;}

#contact #rightcontent .textinput {width:460px; position:relative: right:0px;}
#contact #rightcontent li         {padding:5px}

#contact #leftcontent li          {display:block; font-size:1.1em; font-weight:bold; margin-bottom:8px; }

#filmpage #gallery ul       {list-style:none; margin-bottom:10px; padding-bottom:10px; display:block;}
#filmpage #gallery li       {display:block; float:left;}
#filmpage #gallery li a     {display:block;  height:67px; border:2px solid #666; overflow:hidden; margin:3px;}
#filmpage #gallery li a img {display:block;  width:100px;}
#filmpage #gallery li a:hover {border:2px solid #ff9900;}
#filmpage #galleryholder    {width:540px; overflow:hidden; text-align:center;}
#filmpage #leftcontent h3   {clear:both;}
#filmpage #rightcontent ul  {margin-bottom:0.4em;; font-weight:bold;}

#yearview #leftcontent li    {float:left;}
#yearview #leftcontent li a  {display:block; float:left; color:#ffffee; padding:8px; text-decoration:none; border:1px solid #D7D700; background:#9D3D58;}
#yearview #leftcontent li a:hover {background:#ff9900}
#yearview #rightcontent li   {display:block; border-bottom:1px solid #cccccc; padding:2px}
#yearview #rightcontent li a {display:inline-block; width:420px;}

#weblinks #rightcontent li {display:block; float:left;}
#weblinks #rightcontent li a {display:block; width:8em; height:7em; background:#999; padding:5px; margin:3px; color:#ffffee; text-decoration:none; text-align:center;}
#weblinks #rightcontent li a:hover {background:#ff9900;}

#bannerholder    {position:fixed; width:468px; height:72px; top:0px; right:200px; overflow:hidden; text-align:center; z-index:50005;}
#bannerholder li {display:block; height:72px;}

.email_signup        {font-weight:bold; text-align:center; margin-top:6px; margin-bottom:0px;}

#signup fieldset     {border:3px solid #666;}
#signup fieldset li input {display:inline-block; width:180px;}
#signup fieldset li select {display:inline-block; width:180px;}
#signup fieldset p   {padding:8px; font-weight:bold;}
#signup fieldset ul  {padding:8px;}
#signup fieldset li  {display:block; border-top:1px solid #999; padding:3px;}
#signup fieldset li li {border-top:0px; margin-left:20px;}
#signup li li label  {width:8em;}
#signup legend       {font-weight:bold; font-size:1.4em; padding:6px; margin-top:10px;}    
#signup label        {display:inline-block; width:250px;}
#signup .fail        {background:#fcc;}

#leftcontent .promo  {margin-bottom:10px;}

#bookmarks           {width:140px; position:absolute; right:3px; top:3px;}

#comingsoon small {font-size:0.6em; font-weight:normal;}
#comingsoon h4    {clear:both; padding-top:5px; margin-top:10px; border-top:1px solid #9C3E39;}
#comingsoon h3    {margin:0px; padding:0px; width:300px;}
#comingsoon p     {margin:0px; padding:6px; width:300px;}
#comingsoon img   {position:absolute; margin-left:340px; width:115px;}
#comingsoon .film {clear:both; margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:28px;}

#coming #rightcontent ul  {display:block; float:left;}
#coming #rightcontent img {float:right; margin:-10px 0px 10px 10px;}
#coming #rightcontent h4  {border-top:1px solid #333333; clear:both; margin-top:12px; padding-top:8px;}
#coming #rightcontent h3  {clear:both; display:block;  padding:5px; margin-top:10px}
#coming #leftcontent li a {font-weight:bold; display:block; float:left; color:#ffffcc; padding:3px; 
                           text-decoration:none; background:#0046D9; background-image:URL('img/navbg.png'); background-repeat:repeat-x;; width:100%; margin-bottom:3px;}
#coming #leftcontent li a:hover {background:#ff9900;}


.booking a       {display:block; color:#ffffee; padding:3px; padding-left:8px; font-weight:bold; text-transform:uppercase;
                 text-decoration:none; background:#960; font-size:0.9em; margin-top:7px; border:2px solid #c60;}
.booking a:hover {background:#ff9900;}
.booking a:focus {background:#ff9900;}


#listings .booking a       {display:block; color:#ffffee; padding:2px; font-weight:bold; text-transform:uppercase; text-align:center;
                            text-decoration:none; font-size:.9em; width:4em; position:absolute; right:2px; top:2px;}
#listings .booking a:hover {background:#ff9900;}
#listings .booking a:focus {background:#ff9900;}



.topcurve            {position:relative; width:380px; height:11px; z-index:20; background-image:URL('img/top_curve.png');}
.nextshow            {position:relative; top:-21px; z-index:10; clear:both; overflow:hidden; width:100%; margin-top:10px; background:transparent url('img/nextshow.png') repeat-x;}
.nextshow h4         {margin:5px;}
.nextshow h3         {margin:5px; padding-top:5px; font-size:120%}
.nextshow h3 a       {display:block; font-size:120%}
.nextshow p          {margin:10px;}
.nextshow ul         {padding:0.2em 2.4em 0.2em; list-style-type:disc;}
.nextshow li         {margin-bottom:2px; list-style-type:disc;}
.nextchoice          {width:100px; float:right; margin-left:10px;}
.nextshow .booking   {margin:0px;}
.nextshow .booking a {color:#fff;}
.lighttext           {color:#fff;}
.lighttext a         {color:#ffc;}
.darktext            {color:#000;}
.darktext a          {color:#600;}

#culturepage h3      {clear:both; padding-top:20px;  border-top:1px solid #ccc;}

.pad10 *         {padding:10px;}
.pad5 *         {padding:10px;}

.cmsitem         {padding-bottom:2em;}

.cmsitem td      {padding:5px; border-bottom:2px solid #eee;}
.cmsitem th      {padding:5px; font-weight:bold; background-color: #eee; border-bottom:2px solid #eee;}
.cmsitem table   {margin:10px; 0px; border:4px solid #eee; width:500px;}
.cmsitem h2      {clear:both; display:block; padding-top:0.5em}
.cmsitem h3      {clear:both; display:block; padding-top:0.5em}
.cmsitem h4      {clear:both; display:block; padding-top:0.5em}
.cmsitem h5      {clear:both; display:block; padding-top:0.5em}
.cmsitem h6      {clear:both; display:block; padding-top:0.5em}
.cmsitem ul      {padding:0.4em 1.4em 1.4em; list-style-type:disc;}
.cmsitem li      {margin-bottom:2px;}

.cmsitem wide    {display:block; width:200px;}
.cmsitem narrow  {display:block; width:100px;}

.alert       {background:#ff9; color:#000; padding:10px; border:2px solid #c93; margin-bottom:10px;}

#banner       {margin-top:40px;}
#skyscraper   {float:left; margin-top:40px;}
#mpu          {float:left; margin-top:40px;}
#bannerholder {display:none;}



/* @group ft */
.wrap-all       {margin: 0 auto; width:973px; overflow:hidden;}
#ft             {background:#fff; width:973px; margin:auto;}
#ft .top        {width:973px; height:28px; background-image:URL('img/mask.png');}
#ft .btm        {width:973px; height:28px; background-image:URL('img/botmask.png');}
#ft .wrap-all   {padding-top: 5px;}
#ft li          {line-height: 2em;}
#ft a           {color: #333; font-weight: normal;}
#ft h4          {margin: 0; margin-bottom: 0.5em; text-transform: uppercase;}
.ft-col         {width: 203px;}
.col            {float: left; margin: 0 10px 10px 0;}
#ft-comp        {width: 203px; overflow: hidden;}
#ft-comp img    {float: left; display: block; margin: 0 10px 40px 0;}
#ft-comp p      {margin: 0 0 5px 0;}
#ft-comp a      {font-weight: bold;}
#ft-connect li  {padding-left: 22px;}
#yt             {background:url(/img/youtube.png) no-repeat 0 50%;}
#fb             {background:url(/img/facebook.png) no-repeat 0 50%;}
#bb             {background:url(/img/bebo.png) no-repeat 0 50%;}
#tt             {background:url(/img/twitter.png) no-repeat 0 50%;}
#ft-contact     {background-color: #f2f2f2; padding: 10px;}
.adr            {font-size: 0.8em; margin-bottom: 5px;}
#copyright      {color: #666; padding: 20px 0 50px; text-align: center;}
#copyright p    {margin-bottom: 10px;}
#copyright p a  {color: #666; font-weight: normal;}
#copyright p a:hover {color: #333;}