body {background-color:#230033; color:#fff; font-family: calibri, arial, verdana;}

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}

a        {color:#006;}
a:focus  {background:#ff9900;}
a:active {background:#ff6600;}

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

.offscreen {position:absolute; width:200px; left:-1000px;}
.pageheading    {}
.smallprint {font-size:0.7em;}
.centre     {text-align:center;}
.capitalize {text-transform:capitalize;}
.break      {clear:both;}
.noborder   {border:0px;}
.huge       {font-size:180%}

#splash            {width:450px; float:right; margin:40px; margin-top:200px;}
#splash ul         {padding:10px; }
#splash li a       {display:block; color:#ffe; padding:1px 5px; font-weight:bold; text-transform:uppercase; 
                    text-decoration:none; margin:1px; font-size:140%; background:#333; margin-bottom:10px;}
#splash li a:hover {background:#ff9900}
#splash li a:focus {background:#ff9900;}


#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:995px; margin:auto; margin-top:0px; background-image:url('img/mainbg.png'); background-position:5px;}

#header         {margin-top:0px; padding-top:0px; background-image:url('img/topbg.png'); background-repeat:no-repeat; float:left; width:100%;}
#header h1 img  {position:relative; top:0px; left:0px; z-index:5000;}

#nav            {margin-top:-5px; margin-bottom:6px;}
#nav ul         {list-style:none; text-align:center;}
#nav li         {display:inline-block; zoom:1; *display: inline; _height: 30px;}
#nav li a       {display:block; color:#ffe; padding:1px 5px; font-size:1em; font-weight:bold; text-transform:uppercase; 
                 text-decoration:none; background:#666; margin:1px; }
#nav .sites a   {font-size:140%; background:#333;}                 
#nav li a:hover {background:#ff9900;}
#nav li a:focus {background:#ff6600;}



#slideholder       {width:730px; position:absolute; right:0px; top:50px;}

#slideshow         {position:absolute; width:730px; height:283px; overflow:hidden; z-index:1;  margin-top:-10px;}
#slideshow .slide  {position:absolute; width:730px; height:283px; overflow:hidden; background:#000000;}
#slideshow h2      {position:absolute; display:block; top:8px; left:8.8em;; font-size:1.4em; 
                    font-weight:bold; color:#fff; padding:4px; background:#666;}
#slideshow p       {position:absolute; bottom:-8px; right:7px;}  
#slideshow p a     {display:inline-block; background:#000; color:#fff; padding:2px; margin:1px; text-decoration:none;}
#slideshow small   {font-size:0.7em; font-weight:normal;}     

#content          {color:#000; overflow:hidden;}
#leftcontent      {display:inline-block; width:300px; float:left; background-image:url('img/leftbg.png'); margin:10px; margin-top:0px;}
#leftcontent ul   {margin:20px;}
#leftcontent p    {margin:20px;}
#leftcontent form {display:block; margin:20px;}
#leftcontent form input {display:block;}
#leftcontent h3   {margin:20px 0px 0px 20px;}
#leftcontent h4   {margin:20px 0px 0px 20px;}
#leftcontent h5   {margin:20px 0px 0px 20px;}
#leftcontent h6   {margin:20px 0px 0px 20px;}



#rightcontent   {display:inline-block; width:495px; padding:20px; float:left; background:#eee; position:relative;}
#far_right      {display:inline-block; width:120px; float:left; margin-left:10px; background-image:url('img/leftbg.png');}


#footer         {width:995px; margin:auto; text-align:left;}
#footer p       {padding-left:50px; padding-top:20px; color:#fff;}
#footer a       {color:#ffc;}


#listings li    {padding-top:10px; padding-bottom:10px; border-top:1px solid #9C3E39; clear:both; width:100%;}
#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 .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; margin-top:20px; padding:20px; padding-top:8px; margin-top:0px;}
#listings .section-2 {clear:both; margin-top:20px; border:1px solid #fff; padding:20px;}
#listings .section-3 {clear:both; margin-top:20px; border:1px solid #fff; padding:20px;}
#listings .section-4 {clear:both; margin-top:20px; border:1px solid #fff; padding:20px;}
#listings p          {margin-left:125px;}

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

#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;  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:480px;}
#trailer .zebra            {background-color:#fff;} 

#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:480px; 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 .promo       {margin-bottom:10px;}

#bookmarks          {display:block; clear:both;  text-align:left; margin-bottom:20px; margin-top:20px; padding:5px;}

#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; color:#ffffcc; padding:3px; text-decoration:none;
                           background:#000000; margin-bottom:3px;}
#coming #leftcontent li a:hover {background:#ff9900;}

.bestvalue       {display:block; background-image:URL('img/star.png'); width:254px; height:106px; text-align:center; z-index:90000;
                  font-size:1.9em; position:absolute; top:260px; left:120px; color:#300; font-weight:bold; padding:30px 10px;}

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

.address {padding:10px;}

.printme         {position:absolute; right:0px; top:0px;}
.printme a       {width:8em; display:block; color:#ffe; padding:5px; font-weight:bold; text-transform:uppercase;
                 text-decoration:none; background:#333; font-size:1em; margin:10px; text-align:center;}
.printme a:hover {background:#ff9900;}
.printme a:focus {background:#ff9900;}                

#map_link {display:none}

/*
.cmsitem         {background-color:#820A09; }
*/

.bookingtext {font-size:85%}

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

#promo1     {position:relative; border:3px solid #fff; background-image:url('/films/eclipse/05-large.jpg'); padding:10px; margin:5px 0px; background-position:-10px;}
#promo1 h3  {display:inline; background:#ffe; padding:2px;}
#promo1 p   {background:#ffe; margin:180px 0px 0px; text-align:center; padding:2px; font-size:120%;}
#promo1 img {position:absolute; width:115px; left:10px; top:42px; border:1px solid #ccc;}