body {background:#eee;}

h1 {width:900px; margin:auto; padding:8px; background:#666; color:#fff; font-weight:bold; font-size:1.3em; text-transform:lowercase;}
h2 {font-weight:normal; font-size:3.7em; margin-bottom:0.3em; color:#36C; text-transform:lowercase;}
h3 {font-weight:bold; font-size:2.4em; margin-bottom:0.3em; margin-top:0.3em; color:#36C; text-transform:lowercase;}
h4 {font-weight:bold; font-size:1.4em; margin-bottom:0.3em; margin-top:0.3em; color:#36C; text-transform:lowercase;}
h5 {font-weight:bold; font-size:1.0em; margin-bottom:0.3em}

a:focus  {background:#ff9900;}
a:active {background:#c90;}

p {margin-bottom:1em}
strong {font-weight:bold;}
blockquote {font-weight:bold; padding:5px;}
cite       {display:block; font-style:italic; margin-left:20px;}
p img      {padding:5px;}

ul ul  {padding-left:20px; padding-bottom:20px;}

.offscreen {position:absolute; width:200px; left:-1000px;}

.smallprint {font-size:0.7em;}
.centre     {text-align:center; margin:auto;}
.capitalize {text-transform:capitalize;}
.indented   {margin:10px 60px;}

.fpimg {margin:10px 0px 50px;}

#topbar   {background:#333333; border-bottom:2px solid #999; margin-bottom:20px; 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 #ccc;}

  
#nav            {width:864px; margin:auto; padding:13px 26px 8px; background:#ccc;}
#nav ul         {list-style:none; text-align:center;}
#nav li         {display:inline-block; zoom:1; *display:inline; border-left:1px solid #006; border-right:1px solid #006}
#nav li a       {color:#000; padding:6px; font-size:1.3em; font-weight:bold; text-transform:lowercase; 
                 text-decoration:none;}
#nav li a:hover {background:#ff9900;}
#nav li a:focus {background:#ff9900;}
#bookonline {
	width:864px;
	margin:auto;
	padding:13px 26px 8px;
	background:#FFFFFF;
	text-align: right;
}
#bookonline a {
	text-decoration: none;
}

#content        {width:916px; clear:both; margin:auto; background-color:#fff; text-align:left; padding-bottom:10px;}

#leftcontent    {display:inline-block; zoom:1; *display:inline; vertical-align:top; width:320px; margin-left:9px; padding:10px; background:#fff; color:#333; margin-top:15px;}
#rightcontent   {display:inline-block; zoom:1; *display:inline; vertical-align:top; width:530px; border:2px dashed #e9e9e9; padding:10px 10px 10px; margin-top:15px;}
#footer         {clear:both; background-image:url('img/footer.png'); background-repeat:no-repeat; height:66px;}
#footer p       {padding-left:50px; padding-top:20px;}

.prs  {padding-top:50px; margin-top:50px;}

#listings li    {padding-top:10px; padding-bottom:5px; border-bottom:1px solid #ccc; clear:both;
                 min-height:160px; height:auto !important; height:160px;}
#listings img   {float:right; margin-top:0px;}

#listings .textpart  {display:inline-block; width:290px; zoom: 1; *display: inline;}

#listings h3    {clear:both; text-align:center; text-transform:uppercase; font-size:1.4em}
#listings h4    {clear:both;}
#listings h5    {font-size:1.2em;font-weight:bold; margin:0px; padding:0px;}
#listings .cert      {font-size:0.8em; font-weight:normal;}
#listings .advice    {font-size:0.8em;  font-weight:normal;}
#listings .runtime   {font-size:0.8em;  font-weight:normal;}

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

#listings #week-1    {clear:both; padding:20px; padding-top:5px; margin-top:20px; background:#ccd;}
#listings #week-2    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#cdc;}
#listings #week-3    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#cdd;}
#listings #week-4    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#ddc;}
#listings #week-5    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#ccd;}
#listings #week-6    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#cdc;}
#listings #week-7    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#ddc;}
#listings #week-8    {clear:both; padding:20px; padding-top:5px; margin-top:10px; background:#ccd;}

#listings .synopsis  {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: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;  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:#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;  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:#ffffcc; padding:5px; text-decoration:none; background:#666; width:140px; margin:2px; text-align:center;}
#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:#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;}
#filmpage #gallery li      {display:block; float:left;}
#filmpage #gallery li a    {display:block; height:130px; width:130px; border:5px solid #9D3D58;}
#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:#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 li         {text-align: center; padding-bottom:10px;}
.weblinks li a       {display:block; background:#eee; padding:5px; font-weight:bold; margin:3px;}
.weblinks li a:hover {background:#ff9900;}

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


#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:380px; width:115px; border-bottom:5px solid #fff;}
#comingsoon .film {clear:both; margin-bottom:8px; padding-bottom:28px;}

#signup fieldset     {border:3px solid #666;}
#signup fieldset li input {display:inline-block; width:248px;}
#signup fieldset li select {display:inline-block; width:248px;}
#signup fieldset li textarea {width:500px;}
#signup fieldset li .comment {height:250px;}
#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;}

.showinfo         {clear:both; padding-bottom:10px; margin-bottom:10px; padding-top:10px; border-top:1px solid #999;}
.showinfo p a     {clear:both; float:right; padding-left:5px;}
.showinfo img     {clear:both; float:right; margin-left:10px; margin-bottom:5px; }
.showinfo h3      {font-size:1.4em; text-transform:capitalize;}
.showinfo h2      {padding-bottom:10px;}
.showinfo .price  {padding-top:20px; font-size:0.9em; }
.prodco {font-size:1em; color:#666; font-style:italic;}
.thumb            {width:80px;}

.tech ul li {font-weight:bold;}
.tech ul li ul li {font-weight:normal;}

.links li  {display:block; border-bottom:1px solid #ccc; padding:8px;}

.friends ul {margin:0px; padding:0px 0px 7px 20px;}

.twitter             {background:#eee; padding:10px; margin:0px 10px 10px 5px; color:#666;}
.twitter blockquote  {font-size:1.3em; line-height:170%; font-style:italic; font-weight:bold; font-family:georgia, times;}
.twitter cite        {font-weight:normal; text-align:right; font-size:0.8em; font-style:normal;}

.showinfo h2  {font-size:2.0em};
.showinfo h3  {font-size:1.2em};

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

#leftcontentfriends    {display:inline-block; zoom:1; *display:inline; vertical-align:top; width:370px; margin-left:9px; padding:10px; background:#fff; color:#333; margin-top:15px;}

#rightcontentfriends   {
	display:inline-block;
	zoom:1;
*display:inline; 	vertical-align:top;
	width:480px;
	border:2px dashed #e9e9e9;
	padding:10px;
	margin-top:15px;
	float: right;
}