﻿/* standard box divs */
/*********************/

/* borders */
div.news,div.calendar,div.calendaroverall,div.uploadphoto,div.film,div.cinemarightleft,div.cinemaright,div.cinema,div.affleft,div.affright,div.premright,div.premleft,div.prem,div.guide,div.container,div.forthcoming,div.previous,div.login,div.actortop,div.actorleft,div.filmright,div.filmleft,div.actor, div.celeb, div.celebright, div.celebleft {
border-style: solid;
border-width: 1px;
border-color: black;
}

/* colours */
div.news, div.actor, div.uploadphoto, div.login, div.guide, div.celeb {
background-color: #F4B55E;
}

div.filmleft, div.prem, div.film, div.affleft, div.premright, div.premleft{
background-color: #ECCF6F;
}

div.filmright, div.actortop, div.previous, div.cinemarightleft, div.cinemaright, div.cinema, div.affright,div.celebright {
background-color: #E3C886;
}

div.actorleft, div.forthcoming, div.celebleft {
background-color: #FFDF3B;
}

div.container {
background-color: #FFFFEA;
}

div.review {
background-color: #EED682;
}

/* padding */
div.news, div.review, div.forthcoming, div.uploadphoto, div.cinemaright, div.cinema, div.previous, div.login, div.actortop, div.actorleft, div.filmrightcolorless, div.filmright, div.actor, div.filmleft, div.film, div.affleft, div.affright, div.premright, div.premleft, div.prem, div.guide, div.cinemaright, div.cinemarightleft, div.celeb, div.celebright, div.celebleft{
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}

/* alignment */
div.news, div.actor, div.uploadphoto, div.filmleft, div.login, div.actorleft, div.affleft, div.guide, div.cinemarightleft, div.celebcolleft, div.celebright{
float:left;
}

div.filmright, div.filmrightcolorless, div.premieres, div.affright, div.celebcolright {
float:right;
}

/* details for specific divs */
div.review{
}

div.news {
width: 400px;
}

* html div.news {
width: 447px; /* for IE5 and IE6 in quirks mode */
w\idth: 425px; /* for IE6 in standards mode */
margin-bottom: 3px;
padding-top:15px;
margin-right:15px;
}

div.actor{
width: 525px;
height:auto;
min-height:700px;
}

div.celebcolleft {
	width: 550px;	
}

div.celeb {
	height:auto;
	min-height:700px;
}

* html div.celeb {
	height:700px;
}

*html div.celebcolleft {
	width: 545px;
}

div.celebcolright {
	width: 390px;
}

* html div.celebcolright {
	width: 390px;
	margin-left:13px;
	margin-right:-13px;
}

div.celebright {
	width: 368px;
}

* html div.celebright {
	width: 390px;
}

* html div.actor {
width: 572px; /* for IE5 and IE6 in quirks mode */
w\idth: 535px; /* for IE6 in standards mode */
margin-bottom: 3px;
margin-right:15px;
padding-top:15px;
height:700px;
}

div.uploadphoto{
width: 525px;
}

* html div.uploadphoto {
width: 572px; /* for IE5 and IE6 in quirks mode */
w\idth: 535px; /* for IE6 in standards mode */
margin-bottom: 3px;
margin-right:15px;
padding-top:15px;
}

div.filmleft{
width: 595px;
}

* html div.filmleft {
width: 675px; /* for IE5 and IE6 in quirks mode */
w\idth: 640px; /* for IE6 in standards mode */
margin-right:15px;
padding-top:15px;
}

div.filmright{
width: 297px;
}

* html div.filmright {
width: 317px; /* for IE5 and IE6 in quirks mode */
w\idth: 295px; /* for IE6 in standards mode */
margin-right:0px;
margin-left:0px;
margin-right:-22px;
padding-top:15px;
}

div.filmrightcolorless{
width: 300px;
}

* html div.filmrightcolorless {
width: 317px; /* for IE5 and IE6 in quirks mode */
w\idth: 295px; /* for IE6 in standards mode */
margin-right:0px;
margin-left:0px;
margin-right:-22px;
padding-top:15px;
}

div.actorleft{
width: 525px;
height:auto;
}

* html div.actorleft {
width: 572px; /* for IE5 and IE6 in quirks mode */
w\idth: 535px; /* for IE6 in standards mode */
margin-bottom: 3px;
margin-right:15px;
margin-top:10px;
padding-top:15px;
}

div.actortop{
width: 370px;
float:right;
}

* html div.actortop {
width: 422px; /* for IE5 and IE6 in quirks mode */
w\idth: 400px; /* for IE6 in standards mode */
margin-right:0px;
margin-left:0px;
float: right;
margin-right:-22px;
padding-top:15px;
}


div.login {
width: 700px;
}

* html div.login {
width: 722px; /* for IE5 and IE6 in quirks mode */
w\idth: 700px; /* for IE6 in standards mode */
}

div.previous{
width: 487px;
}

* html div.previous {
width: 525px; /* for IE5 and IE6 in quirks mode */
w\idth: 505px; /* for IE6 in standards mode */
float:right;
padding-top:15px;
}

div.forthcoming{
width: 487px;
}

* html div.forthcoming {
width: 525px; /* for IE5 and IE6 in quirks mode */
w\idth: 505px; /* for IE6 in standards mode */
float: right;
padding-top:15px;
margin-bottom:0px;
margin-right:8px;
}

div.premieres{
width:510px;
}

* html div.premieres {
width: 525px; /* for IE5 and IE6 in quirks mode */
w\idth: 505px; /* for IE6 in standards mode */
margin-right:-22px;
}

* html div.guide {
width: 972px; /* for IE5 and IE6 in quirks mode */
w\idth: 950px; /* for IE6 in standards mode */
padding-top:15px;
}

* html div.prem {
width: 972px; /* for IE5 and IE6 in quirks mode */
w\idth: 950px; /* for IE6 in standards mode */
padding-top:15px;
}

div.premleft {
width: 445px;
}

* html div.premleft {
width: 489px; /* for IE5 and IE6 in quirks mode */
w\idth: 467px; /* for IE6 in standards mode */
margin-right:15px;
padding-top:15px;
}

div.premright {
float:right;
width: 445px;
}

* html div.premright {
width: 489px; /* for IE5 and IE6 in quirks mode */
w\idth: 467px; /* for IE6 in standards mode */
float: right;
margin-right:-22px;
padding-top:15px;
}

div.affright{
width:445px;
}

* html div.affright {
width: 489px; /* for IE5 and IE6 in quirks mode */
w\idth: 467px; /* for IE6 in standards mode */
margin-right:-22px;
padding-top:15px;
}

div.affleft{
width:445px;
}

* html div.affleft{
width: 489px; /* for IE5 and IE6 in quirks mode */
w\idth: 467px; /* for IE6 in standards mode */
padding-top:15px;
}

div.cinema {
width: 928px;
}

* html div.cinema {
width: 972px; /* for IE5 and IE6 in quirks mode */
w\idth: 950px; /* for IE6 in standards mode */
padding-top: 15px;
padding-bottom: 4px;
}

* html div.film {
width: 972px; /* for IE5 and IE6 in quirks mode */
w\idth: 950px; /* for IE6 in standards mode */
padding-top:15px;
}

div.cinemaleft {
float:left;
width:500px;
}

div.cinemaright {
float:right;
width: 400px;
}

* html div.cinemaright {
width: 440px;
margin-left:9px;
margin-right:-9px;
margin-bottom:10px;

}

div.cinemarightleft {
width: 490px;
}

* html div.cinemarightleft {
width: 500px;
}

/* other divs */

div.filmim {
clear:both;
height: 60px;
}

div.down{
height:80px;
padding:0px;
margin:0px;
border:0px;
}

div.reg {
float:right;
}

div.sidesimage {
float: right;
width: 210px;
}

div.container{
width: 950px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 10px;
}

* html div.container {
width: 972px; /* for IE5 and IE6 in quirks mode */
w\idth: 950px; /* for IE6 in standards mode */
background-color: #FFFFEA;
padding-top: 0px;
padding-bottom: 10px;
}

div.footer{
clear:both;
}

div.map {
clear:both;
text-align:left;
width:500px;
height:300px;
}

div.cinemarightall {
float:right; 
width:400px;
clear:both;
}

@media screen and (min-width: 0px){     /* for opera */
   div.cinemarightall{ 
   margin-right:22px; 
   }
}

* html div.cinemarightall {
margin-right:-20px;
}