/* Menu codes */

#menu {
	position: fixed;
    width: 100%;
    height: 35px;
    background-color: #b2cecf;
    margin: -20px 0 0 0;
    padding: 0;
}

#main-menu {
    display: block;
    list-style-type: none;
    width: 900px;
    margin: 0 auto;
    padding: 0;
}

#main-menu li {
    margin: 0;
    padding: 0;
	position:relative;
}

#main-menu li a {
    display: block;
    float: left;
    max-height: 25px;
    width: 100px;
    margin: 0 25px;
    padding: 6px 0;
    f-family: century gothic, verdana, sans-serif;
    font-size: 17px;
    text-align: center;
    background-color: #b2cecf;
    text-decoration: none;
    color: #531;
    border-bottom: #b2cecf solid 2px;
}

#main-menu li a.logo {
    padding: 5px 0;	
}

#main-menu li a.logo:hover  {
	border-bottom-color: #d02552;
	background-color: #b2cecf;
}

#main-menu li a:hover {
	background-color: #d02552;
	border-bottom: white solid 2px;
	color: white;
}

li ul {
  display: none;
  left: 410px;
  position: absolute;
  top: 0;
}

li:hover ul {
	display: block;
	list-style-type: none;
	margin-left: 40px;
	margin-top: 31px;
}

li:hover #media {
	display: block;
	list-style-type: none;
	margin-left: 190px;
	margin-top: 31px;
}


li:hover ul a {
    background-color: gray;
    text-decoration: none;
    color: #531;
}

#main-menu .inactive {
	cursor: default;
}

#main-menu .inactive:hover {
	background-color: gray;
}

#main-menu .currentpage a:hover {
	background-color: gray;
	cursor: default;
}


div.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

#logobig {
    width: 950px;
	padding: 35px 0 0 25px;
    margin: 20px auto;
}

/* body codes */

body {
	background: url(images/pattern.jpg) fixed;
	font-family: century gothic, verdana, sans-serif;
}

p {
	line-height: 1.4;
	text-align: justify;
	color: black;
}

h1, h2, h3, h4, h5, h6 {
    font-family: century gothic, verdana, sans-serif;
    color: black;
    margin: .25ex 12pt;
}

#maincontent h1 {
	border-top: solid #b2cecf 3px;
	font-size: 150%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid #d02552 2px;
	border-bottom-style: dotted;
}

#maincontent header hgroup img {
	margin: .25ex 12pt;
	margin-top: 10px;
	margin-bottom:10px;
}

h2 {
    font-size: 100%;
    color: black;
}

a {
    text-decoration: none;
    color: #f80;
}

a {
    text-decoration: none;
    color: #f80;
}

a:hover {
   text-decoration: underline;
}

#maindiv {
    width: 950px;
    margin: 0 auto;
    background-color: rgba(242,242,242,.5);
	border: solid #b2cecf;
	border-width: 5px 2px 0px 2px ;
}

#maincontent {
	margin-top: 15px;
	margin-left: 5px;
	width: 655px;
	border-right: solid 2px #b2cecf;
}

.mainpics {
	display: block;
    max-height: 360px;
    width: 620px;
	margin: 0 auto;
}

#revenant {
	width: 620px;
	height: 120px;
	background: url(images/mainpics-revenant-dual.jpg) no-repeat 0px 0px;
}

#revenant:hover {
	background: url(images/mainpics-revenant-dual.jpg) no-repeat 0px -120px;
}

#madmax {
	width: 620px;
	height: 120px;
	background: url(images/mainpics-madmax-dual.jpg) no-repeat 0px 0px;
}

#madmax:hover {
	background: url(images/mainpics-madmax-dual.jpg) no-repeat 0px -120px;
}

#martian {
	width: 620px;
	height: 120px;
	background: url(images/mainpics-martian-dual.jpg) no-repeat 0px 0px;
}

#martian:hover {
	background: url(images/mainpics-martian-dual.jpg) no-repeat 0px -120px;
}

img.img-right {
    display: block;
    float: right;
    border: solid #50d07d;
	border-width: 3px 1px 1px 1px;
    padding: 2px;
    margin: -3px 10px 0 25px;
}

img.img-right:hover {
	border-color: #d02552;
}

img#ielts {
	border: solid #50d07d;
	border-width: 1px 1px 4px 1px;
	padding: 5px;
	margin-bottom: 10px;
}

img#ielts:hover {
	border-color: #d02552;
}

/* aside codes */

aside.about {
	display: block;
    float: right;
    width: 248px;
    background-color: rgba(255,255,255,.85);
	border: solid #b2cecf;
	border-width: 4px 2px 2px 2px;
    margin: 15px;
    padding: 5px 5px 5px 5px;
}

aside h1 { 
	font-size: 85%;
	color: black;
	border-bottom: solid #50d07d 3px;
	padding: 0 0 4px 0;
}

aside h2 { 
	font-size: 95%; 
}

aside p {
    margin: 0 12pt;
    font-family: verdana, sans-serif;
	text-align: justify;
    font-size: 75%;
	line-height: 1.5;
	margin-bottom: 10px;
}

aside section h1 {
    padding-top: 3pt;
    border-top: 4px solid #fd0;
}

aside section {
    padding: 5px 0;
}

.follow {
	height: 50px;
}

#facebook {
	width: 50px;
	height: 50px;
	background: url(images/fb-icons.png) no-repeat 0px 0px;
	margin: 10px 0 0 10px;
}

#facebook:hover {
	background: url(images/fb-icons.png) no-repeat 0px -150px;
}

#instagram {
	width: 50px;
	height: 50px;
	background: url(images/insta-icons.png) no-repeat 0px 0px;
	margin: 10px 0 0 0;
}

#instagram:hover {
	background: url(images/insta-icons.png) no-repeat 0px -150px;
}

#twitter {
	width: 50px;
	height: 50px;
	background: url(images/twitter-icons.png) no-repeat 0px 0px;
	margin: 10px 5px 0 0;
}

#twitter:hover {
	background: url(images/twitter-icons.png) no-repeat 0px -150px;
}

.shareicons {
	display: block;
	float: left;
    height: 50px;
    width: 50px;
	margin: 0 auto;
	padding: 10px 15px 10px 2px;
}

.navsub {
	visibility: hidden;
}

p {
	font-family: verdana, sans-serif;
}

#celebrities img {
	display: inline;
	border: solid #50d07d 2px;
	margin: 15px 19px;
}

#celebrities img:hover {
	border-color: #d02552
}

#celebrities h1 {
	text-align: right;
}

#boxoffice h1 {
	text-align: right;
	border-bottom-color: gray;
}

#boxoffice h2 {
	text-align: right;
	font-size: 80%;
	padding-bottom: 5px;
	border-bottom: solid 1px gray;
	border-style: dashed;
}

#boxoffice { 
	padding-bottom: 5px;
}

#boxoffice table {
	padding-top: 10px;
}

.date {
	font-size: 80%;
	color: gray;
	font-style: italic;
}

.news {
	margin-top: 10px;
	border-left: solid 5px #d02552;
	padding-left: 10px;
}

.newsarticles {
	font-size: 80%;
	border-bottom: solid 1px #d02552;
	border-style: dotted;
	margin-top: 10px;
	text-align: justify;
	padding-bottom: 10px;
}

.newsphotoright {
	display: block;
	float: right;
	margin: 10px;
	margin-top: 10px;
	margin-left: 15px;
	padding: 2px;
	border: solid #50d07d 1px;
}

.newsphotoright:hover {
	border-color: #d02552;
}

.newsphotoright a {
	font-style: italic;
	color: #50d07d;
}

#oscarlink a:hover {
	color: #d02552;
	text-decoration: none;
}

.more a:hover {
	color: #d02552;
	text-decoration: none;
}

.pageslider {
	text-align: center;
	margin-right: 20px;
	font-family: verdana, sans-serif;
	font-size: 65%;
	margin-left: 20px;
	padding-bottom: 15px;
}

#allnews a {
	text-decoration: none;
}

#allnews a:hover {
	color: #d02552;
	text-decoration: none;
}


/* table codes */


table {
	width: 85%;
	background: white;
	color: white;
	margin: 10px auto 20px auto;
	border-spacing: 1px;
   }
   
th {
	background: #d02552;
	padding: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 70%;
	font-family: verdana, sans-serif;
}
   
td {
	background: rgba(199,216,217,.8);
	padding: 5px;
	font-size: 65%;
	font-family: verdana, sans-serif;
	color: black;
   }
   
#italic {
	font-style: italic;
}

.evencell {
	background-color: rgba(199,216,217,.4);
}

#welcome {
	width: 96%;
	margin: 0 auto;
	text-align: center;
	font-size: 145%;
	color: #d02552;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid 4px #d02552;
	border-top: solid 4px #d02552;
	border-style: dashed;
}

footer {
	width: 100%;
    background-color: rgba(51,51,51,.7);
}

footer p {
    color: white;
	width: 70%;
    font-size: 65%;
    font-family: tahoma, sans-serif;
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 10px 0;
}

#footerinfo {
	border-top: solid 1px;
	display: block;
	width: 950px;
	background-color: none;
	margin: 0 auto;
}

#contacts  h1, #sitemap h1, #follow h1, #aboutsite h1 {
	color: black;
	font-size: 90%;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-right: 30px;
}

#contacts h2, #sitemap h2, #follow h2, #aboutsite h2 {
	font-size: 70%;
	color: black;
	font-family: verdana, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

#contacts p, #sitemap p, #follow p, #aboutsite p {
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom: 5px;
	font-family: verdana, sans-serif;
	font-size: 65%;
	border-left: dashed 1px gray;
	padding-left: 10px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: left;
	
}

#contacts p a, h2 a, #sitemap p a, h2 a, #follow p a, h2 a, #aboutsite p a, h2 a {
	color: black;
}

#contacts p a:hover, h2 a:hover, #sitemap p a:hover, h2 a:hover, #follow p a:hover, h2 a:hover, #aboutsite p a:hover, h2 a:hover {
	color: #d02552;
	text-decoration: none;
}

#contacts, #sitemap, #follow, #aboutsite {
	width: 30%;
	font-size: 85%;
	float: left;
	padding: 10px 25px;
	padding-right: 0;
	margin-top: 5px;
}

#contacts {
	margin-right: 48px;
}

#sitemap {
	width: 100px;
	height: 190px;
	border-right: dashed black 1px;
	border-left: dashed black 1px;
}

#sitemap h1 {
	padding-left: 20px;
	padding: 0 20px 2px 0;
}

#sitemap p {
	margin: 5px auto;
	margin-left: 5px;
	margin-bottom: 0;
}

#follow {
	width: 150px;
	height: 190px;
	border-right: dashed black 1px;
}

#follow h1 {
	padding: 0 20px 2px 0;
}

#aboutsite {
	width: 250px;
	height: 190px;
}

#aboutsite h1 {
	padding-left: 20px;
	padding: 0 20px 2px 0;
}

#aboutsite p {
	margin: 5px auto;
	margin-left: 5px;
	margin-bottom: 0;
}

#aboutsite h2 {
	margin-right: 10px;
}

#review h2 {
	font-size: 85%;
	border-bottom: solid 3px #50d07d;
	padding-bottom: 5px;
	padding-top: 10px;
	margin-top: 25px;
	margin-bottom: 5px;
	border-top: dotted 1px #d02552;
}

#review h3 {
	margin-top: 3px;
	text-align: right;
	font-family: verdana, sans-serif;
	font-size: 80%;
}

#review h4 {
	margin-top: 6px;
	padding-top: 3px;
	color: gray;
	font-style: italic;
	border-top: dashed 1px;
	font-family: verdana, sans-serif;
	text-align: justify;
	line-height: 1.3;
	font-size: 70%;
}

#review h4 a:hover {
	color: #d02552;
	text-decoration: none;
}

#review h5 {
	border-top: dotted 1px;
	width: 50%;
	font-style: italic;
	margin-left: 43%;
	margin-bottom: 7px;
	padding-top: 3px;
	font-family: verdana, sans-serif;
	font-size: 60%;
	text-align: right;
}

#max {
	border-top: dashed 1px;
	margin-top: 10px;
	padding-top: 3px;
}

.cursor {
	cursor: default;
}
footer p a {
	color: white;
}

footer p a:hover {
	text-decoration: none;
}