body {background-color:#fff; background-image:URL('img/bg.png'); background-repeat:repeat-x; 
background-position:0 360px; overflow:auto;}

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 {font-weight:bold; font-size:1.2em; margin-bottom:0.3em;}
h5 {font-weight:bold; font-size:1.0em; margin-bottom:0.3em;}

#cinema #leftcontent h3 {margin-top:2.0em;}

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

p       {margin-bottom:1em}
strong  {font-weight:bold}
big     {font-size:150%}
huge    {font-size:250%}

.offscreen   {position:absolute; width:200px; left:-1000px;}
.pageheading {}
.smallprint  {font-size:0.7em;}
.centre      {text-align:center;}
.capitalize  {text-transform:capitalize;}
.break       {clear:both;}
.bold        {font-weight:bold;}
.highlight   {background:#ff9;}

#topbar   {background:#333333; border-bottom:1px solid #ccc; 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           {height:335px; overflow:hidden; position:relative}
#header #blueband {background:#2F2F9D url('img/blueband.png') repeat-x center;
                   height:31px; position:absolute; width:100%; left:0px; top:304px; z-index:50;}
#header #raw      {margin-top:-30px; width:981px}
h1 img            {position:absolute; top:-116px; left:70px; z-index:60}

#nav            {position:absolute; margin-top:-53px; text-align:right; background-repeat:no-repeat;
                  background-image:URL('img/navbg.png'); width:617px; right:-7px; padding-bottom:23px;}
#nav ul         {display:block; list-style:none; position:relative; top:7px; right:5px;}
#nav li         {display:inline-block; zoom:1; *display: inline; _height: 2ex}
#nav li a       {display:block; padding:0px 6px; border:0px; border-right:1px solid #999; text-decoration:none; color:#333; 
                 text-transform:uppercase; font-weight:bold; }
#nav .last      {border:0px;}                 
                 
#nav li a:hover {background:#ff9900}
#nav li a:focus {background:#ff9900;}

#content        {clear:both; width:981px; margin-top:50px;}
#leftcontent    {display:inline-block; width:420px; float:left; padding:13px; padding-top:30px; border-left:1px solid #ccc;}
#rightcontent   {display:inline-block; width:506px; padding:13px; border-left:1px solid #ccc;  border-right:1px solid #ccc;  
                 min-height:600px; height:auto !important; height:600px; }
#footer         {clear:both; height:100px; text-align:center; padding-top:20px;}

#leftcontent table {width:418px; border:1px solid #eee; margin-bottom:10px;}
#leftcontent th    {padding:2px; border-bottom:1px solid #eee; font-weight:bold;}
#leftcontent td    {padding:2px;}

#comingsoon small {font-size:0.6em; font-weight:normal;}
#comingsoon h4    {clear:both; padding-top:5px; margin-top:10px; border-top:1px solid #ccc;}
#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; border-bottom:5px solid #eee;}
#comingsoon .film {clear:both; margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:28px;}

#listings li    {padding-top:10px; padding-bottom:10px; border-top:1px solid #333333; clear:both; }
#listings img   {float:right; margin-left:10px; margin-bottom:10px; margin-top:0px;}
#listings h3    {clear:both; margin-top:20px; margin-bottom:24px; text-transform:none;}
#listings h4    {clear:both; font-size:18px;}
#listings h5    {font-size:16px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
#listings .cert {font-size:10px; font-weight:normal;}
#listings .runtime   {font-size:10px; font-weight:normal; text-transform:none;}
#listings .passes    {font-size:10px; font-weight:normal; text-transform:none;}
#listings .advice    {font-size:10px; font-weight:normal; text-transform:none; margin:0px; padding:0px;}
#listings .times     {font-size:14px; font-weight:bold; text-transform:capitalize; margin-top:5px; line-height:120%;}
#listings .times a   {display:inline-block; text-decoration:underline; margin-right:0.2em;}
#listings .section-2 {clear:both; border-top:5px solid #fff;}
#listings .section-3 {clear:both; border-top:5px solid #fff;}
#listings .section-4 {clear:both; border-top:5px solid #fff;}

#listings #week-1    {clear:both; margin-bottom:30px;}
#listings #week-2    {clear:both; margin-bottom:30px; padding-top:10px; margin-top:20px; border-top:3px solid #000000;}
#listings .synopsis  {font-size:10px; font-weight:normal; text-transform:none; margin:0px; padding:0px;}
#listings #nextweek  {position:absolute; width:400px; height:20px; top:90px; left:20px; font-size:14px; text-transform:none;}
.tobook     {margin-left:-115px;}
.filmday    {display:inline-block; width:8em;}

#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:270px; 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:100%; 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%;}
.zebra                     {background:#eee;} 

#coming #rightcontent ul  {display:block; float:left;}
#coming #rightcontent img {float:left; margin-right:10px; margin-bottom:10px; margin-top:0px;}
#coming #rightcontent h4  {border-top:1px solid #333333; clear:both; width:100%; margin-top:12px; padding-top:8px;}
#coming #rightcontent h3  {clear:both; display:block; background:#fff; padding:5px; margin-top:10px}
#coming #leftcontent li a {font-weight:bold; display:block; float:left; color:#333; padding:3px; text-decoration:none; 
                           background:#fff; width:100%; margin-bottom:3px; border-bottom:1px solid #eee;}
#coming #leftcontent li a:hover {background:#ff9900;}


#faq #leftcontent li a {font-weight:bold; display:block; float:left; color:#333; padding:3px; text-decoration:none; 
                           background:#fff; width:100%; margin-bottom:3px; border-bottom:1px solid #eee;}
#faq #leftcontent li a:hover {background:#ff9900;}

#faq ul ul       {padding:20px;}
#faq ul table    {margin: 10px; width:440px; text-align:left; border-collapse:collapse;}
#faq ul table th {padding:8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom:1px solid #fff; color:#039;}
#faq ul table td {padding:8px; background: #e8edff; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent;}
#faq ul table tr:hover td {background: #d0dafd;	color: #339;}

#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;}
#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:75px; border:2px solid #666; overflow:hidden}
#filmpage #gallery li a img {display:block;  width:100px;}
#filmpage #gallery li a:hover {border:2px solid #ff9900;}
#filmpage #galleryholder    {width:100%; 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:42px; overflow:hidden; text-align:center; z-index:5002;}
#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 #address     {margin-bottom:50px;}
#leftcontent #address ul  {margin:10px; font-weight:bold;}
#leftcontent #address li  {padding-bottom:0.2em;}
#leftcontent #address p   {margin:10px;}
#leftcontent #address h3  {clear:both;}
#leftcontent #address img {margin-bottom:10px; border:1px solid #ccc; margin-left:50px;}

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

.prices table    {width:300px; margin-left:50px;}
.right           {text-align:right;}

.booking a       {display:block; color:#ffffee; padding:2px; font-weight:bold; text-transform:uppercase; 
                 text-decoration:none; background:#333; font-size:0.8em; margin-top:7px;}
.booking a:hover {background:#ff9900;}
.booking a:focus {background:#ff9900;}

#photos          {text-align:center;}
#photos img      {border:2px solid #fff; margin:2px; text-align:center;}

#editorlogin ul       {padding:16px;} 
#editorlogin li label {display:inline-block; width:220px; }
#editorlogin li       {padding:3px;}
#editorlogin zebra    {background:#fff;}

.cinema_photo {float:left; border:3px solid #eeeeee; margin-right:20px;} 
.cinema_rotate_photo {position:absolute; border:3px solid #eeeeee; margin-right:20px;}

#kidsclub    {clear:both; background:#fec; border:2px solid #c96; padding:2px 10px 10px;  margin-bottom:10px;}

#banner      {margin-left:10px; margin-top:40px;}
#skyscraper  {float:left; margin-top:40px;}
#mpu         {float:left; margin-top:40px;}