body {background: #DA1C5C;}

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

p      {margin:0.5em; margin-bottom:1em;}
strong {font-weight:bold;}
em     {text-style:italics;} 

.offscreen   {position:absolute; width:200px; left:-1000px;}
.pageheading {}
.smallprint  {font-size:0.7em;}
.centre      {text-align:center; margin:auto;}
.right       {float:right; margin-left:10px;}
.capitalize  {text-transform:capitalize;}

#topbar   {background:#333333; border-bottom:2px solid #865398; text-align:left; color:#fff; padding:3px; margin-bottom:10px;}
#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; background:#ffffff;}

#header            {margin-top:0px; padding-top:0px; padding-left:300px;}
#header h1 img     {margin-top:10px; margin-left:28px;}
#header #mainimage {position:absolute; left:300px; top:20px;}

#nav            {width:260px; margin:12px; display:inline-block; zoom: 1; *display: inline; vertical-align:top; }
#nav li         {background:#DA1C5C; color:#ffffff; font-weight:bold; text-align:center;}
#nav li a       {color:#ffffff;}
#nav li li a    {display:block; font-weight:normal; padding:2px; text-decoration:none; background:#fff; text-align:left; color:#DA1C5C}
#nav li a:hover {background:#A799CA; color:#000;}

.menu,.menu ul { margin:0; padding:0; list-style:none;}
.menu li { margin:0; padding:0; margin-bottom:1px; }
.menu a { display:block; padding:2px 5px; color:#000; text-decoration:none;}
.hidden {display:none;}

#content        {display:inline-block; margin-top:100px; width:690px;
                 zoom: 1; *display: inline; _height: 250px; background:#fff;}
#leftcontent    {display:inline-block; width:200px; padding:6px; vertical-align:top;
                 zoom: 1; *display: inline; _height: 250px; background:#fff;}
#rightcontent   {display:inline-block; background-color:#e9e9e9; padding:6px; width:450px;
                 zoom: 1; *display: inline; _height: 250px; background:#fff;}
#fullwidth      {padding:20px; padding-top:10px; background:#fff;}
#fullwidth ul   {margin-left:20px;}


#cinepic  {
	width:140px;
	height:140px;
	position:absolute;
	left:619px;
	top:134px;
}

#footer         {clear:both;}
#footer p       {padding-left:50px; padding-top:20px; text-align:right;}

#rss            {display:block; position:absolute; top:45px; left:900px;}

#listings li    {padding-top:10px; padding-bottom:10px; border-top:1px solid #333333; clear:both; width:440px;}
#listings img   {float:left; margin-right:10px; margin-bottom:10px; margin-top:0px;}
#listings h3    {clear:both;}
#listings h4    {clear:both;}
#listings h5    {font-size:1.2em;font-weight:bold; 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-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 p          {margin-left:125px;}

#listings #week-1    {clear:both; padding:20px}
#listings #week-2    {clear:both; padding:20px}
#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:240px;}
#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:240px;}
#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;}

#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; 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:#fff; padding:3px; width:190px;
                           text-decoration:none; border:1px solid #eee; background:#DA1C5C;;}
#coming #leftcontent li a:hover {background:#ff9900;}

#comp #leftcontent img    {float:left; border:3px solid #865398; margin-right:10px; margin-top:18px; 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;}
#comp #leftcontent .enter a {display:block; font-weight:bold; background:#ffffcc; margin-top:5px; padding:5px;}
#comp #leftcontent .enter a:hover {background:#DA1C5C;;}
#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;}
#filmpage #gallery li      {display:block; float:left;}
#filmpage #gallery li a    {display:block; height:100px; width:100px; margin:5px; border:5px solid #eee; overflow:hidden;}
#filmpage #gallery li a:hover {border:5px 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:black; padding:8px; text-decoration:none; border:1px solid #D7D700; background:#DA1C5C;;}
#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 #leftcontent {width:0px; display:none;}
#weblinks #rightcontent {width:650px; margin-left:10px;}

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

#links ul {margin-left:20px;}
#links li {display:block; float:left;}
#links li a {display:block; width:15em; height:10em; background:#eee; padding:5px; margin:3px; color:black; text-decoration:none; text-align:center;}
#links li a:hover {background:#A799CA;}

#bannerholder    {position:fixed; width:468px; height:72px; top:0px; right:0px; overflow:hidden; text-align:center;}
#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;}

/* theatre specific */
#events table {width:650px; margin:auto;}
#events table img {margin:10px;}

#contentpage img    {float:right; padding-right:10px; padding-bottom:10px;}
#contentpage prices {font-weight:bold;}


/* site specific */
#timetable table {width: 730px; text-align: left; border-collapse: collapse; margin:auto;}
#timetable table .col1 {width:90px;}
#timetable table .col3 {width:90px;}
#timetable table .col4 {width:50px;}
#timetable table .col5 {width:100px;}
#timetable table th {padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; font-weight:bold;}
#timetable table td {padding: 8px; background: #e8edff; border-bottom: 1px solid #fff; border-top: 1px solid transparent;}

.bluebox  {display:block; padding:20px; background:#39f; font-color:#300; text-align:center; font-weight:bold;}
.huge       {font-size:200%}

.bo         {text-align:center; font-weight:bold; font-size:110%; padding:10px;}
.bo h3      {font-size:120%}

.newcolour {background:#E5007F}