/* CSS Document */ 

body {
margin: 0;
padding: 0;
background-color: #000;
background-image: url(../images/2013/bg.jpg);
background-repeat: no-repeat;
background-position: top left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #211f1f;
}

p, td {
line-height: 1.8em;
}

#skip {
position: absolute;
top: -200px;
}

#mainnav {
width: 780px;
background-color: #f0c;
color: #fff;
/*height: 2.7em;*/
height: 42px;
font-size: 1.2em;
overflow: hidden;
}

#mainnav ul {
/*margin: 0 0 0 22px;*/
margin:0;
padding: 0;
list-style-type: none;
}

#mainnav li {
display: block;
float: left;
margin: 0;

overflow: hidden;
}

#mainnav li a {
display: block;
color: #fff;
text-decoration: none;
font-weight: normal;
padding-top: 10px;
padding-right: 10px;
padding-left: 7px;
height: 42px;
}

#mainnav li#home a {
padding-left: 29px;
}

#mainnav li a:hover {
display: block;
background-color: #ccc;
}

#navsearch {
float: right;
margin: 8px 5px 0 0;
}

#container {
width: 780px;
margin-top: 0;
margin-left: 50px;
padding: 0;
}

#innercontainer {
background-color: #fff;
width: 780px;
overflow:hidden;
}


#footer {
width: 780px;
padding-top: 5px;
padding-bottom: 15px;
margin-left: 0;
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
clear: left;
}

#footer p {
margin: 5px 0;
text-indent: 0;
}


#footer a {
color: #fff;
font-weight: normal;
}


#text {
padding: 30px;
}

.clearfix {
width: 300px;
height: 1px;
clear: both;
display: block;
}

/*images*/
img {
border: none;
}

img.left {
float: left;
padding: 5px 20px 5px 0;
}

img.right {
float: right;
padding: 5px 0 5px 20px;
}

/*misc text styles*/
h1 {
font-size: 1.7em;
color: #f0c;
border-bottom: 2px solid #f0c;
}

h2 {
font-size: 1.5em;
color: #f0c;
font-weight: normal;
}

h2 a {
font-weight: normal;
}

.smallbold {
font-size: 90%;
padding: 5px 0;
font-weight: bold;
line-height: 1em;
}

a {
font-weight: bold;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #f0c;
}

a:hover {
text-decoration: underline;
}


/*general positioning*/
.centre {
text-align: center;
}

.clear {
clear: both;
} 

/* Header */
#icons {
position: absolute;
top: 0;
left: 620px;
}

#icons p {
float: right;
color: #fff;
margin-right: 7px;
}

#icons img {
float: right;
margin: 8px 5px 0 0;
}

#icons a {
float: right;
width: 32px;
height: 32px;
margin: 8px 5px 0 0;
}

#icons a.instagram {
background-image: url(../images/2013/sm_icons/Instagram.png);
}

#icons a:hover.instagram {
background-image: url(../images/2013/sm_icons/Instagram-hover.png);
}

#icons a.pinterest {
background-image: url(../images/2013/sm_icons/Pinterest.png);
}

#icons a:hover.pinterest {
background-image: url(../images/2013/sm_icons/Pinterest-hover.png);
}

#icons a.flickr {
background-image: url(../images/2013/sm_icons/Flickr.png);
}

#icons a:hover.flickr {
background-image: url(../images/2013/sm_icons/Flickr-hover.png);
}

#icons a.twitter {
background-image: url(../images/2013/sm_icons/Twitter.png);
}

#icons a:hover.twitter {
background-image: url(../images/2013/sm_icons/Twitter-hover.png);
}

#icons a.tumblr {
background-image: url(../images/2013/sm_icons/Tumblr.png);
}

#icons a:hover.tumblr {
background-image: url(../images/2013/sm_icons/Tumblr-hover.png);
}

/*general styles */
.red {
color: #f00;
}
	
hr {
color: #f0c;
background-color: #f0c;
}

a:link {
text-decoration: none;
color: #f0c;
}

a:visited {
text-decoration: none;
color: #f0c;
}
	 
a:hover {
text-decoration: underline;
color: #f9f;
}	

a:active {
/*color: #f9f;*/
} 

/* HOME PAGE */
#home_topbox {
width: 780px;
height: 268px;
background-color: #000;
}


#filmslideshow {
width: 460px;
height: 268px;
float: left;
overflow: hidden;
margin-right: 30px;
}

#searchbox {
float: left;
width: 280px;
color: #fff;
padding-top: 60px;
}

#searchbox input#searchterm  {
width: 160px;
}

#searchbox select {
width: 167px;
}

#searchbox td {
padding: 5px 2px;
}

#searchbox .buttons input 
{
float: left;
padding: 20px 20px 20px 0;
}

#home_navbuttons {
width: 460px;
overflow: hidden;
clear: left;
float: left;
}

#home_johnny {
margin: 10px;
width: 230px;
height: 250px;
float: left;
background-color: #f0c;
}

#home_cl, #home_dbd {
float: right;
width: 210px;
height: 120px;
margin-top: 10px;
background-color: #f0c;
}

#home_johnny a, #home_cl a, #home_dbd a {
color: #fff;
font-size: 1.2em;
position: relative;
bottom: 26px;
left: 10px;
}

#home_dbd {
margin-bottom: 10px;
}

#home_reviews_sm {
width: 300px;
float: left;
overflow: hidden;
margin-left: 20px;
}

#home_reviews_sm h2 {
margin-top: 10px;
}

#home_reviews_sm p.review, #home_reviews_sm p.rating {
margin-top: 0;
line-height: 1em;
}

#home_reviews_sm p.review {
float: left;
clear: both;
font-size: 1.1em;
}

#home_reviews_sm p.rating {
float: right;
padding-right: 10px;
}

#home_reviews_sm p.review a {
color: #000;
font-variant:small-caps;
}

#home_reviews_sm #socialmedia {
clear: both;
width: 290px;
border-top: 1px dotted #f0c;
padding-top: 8px;
margin-right: 10px;
margin-bottom: 0;
}

#home_reviews_sm #socialmedia ul li {
padding-bottom: 13px;
}

#home_reviews_sm #socialmedia li#smfacebook {
margin-left: 0;
}

#bottom_nav {
clear: both;
overflow:hidden;
margin-bottom: 10px;
}

#bottom_nav h2 {
float: left;
color: #000;
font-variant: small-caps;
margin: 8px 6px 10px 10px;
}

#bottom_nav ul {
margin-top: 7px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#bottom_nav li a {
display: block;
text-align: center;
float: left;
margin: 0 5px 5px 0;
padding: 5px 5px;
background-color: #ccc;
border: 1px solid #999;
}

#bottom_nav li a:hover {
background-color: #f0c;
color: #fff;
text-decoration: none;
}

/*FILM SEARCH AND RESULTS PAGES STYLES*/
#reviewpage {
border-bottom: 1px solid #f0c;
}

#reviewpage p {
font-size: 1.2em;
line-height: 1.6em;
margin-botton: 0;
color: #000;
text-indent: 0;
margin-top: 0;
}

h2.results {
border-bottom: 1px dotted #f0c;
}

/*this is so the page you're on in a search comes up white on pink*/

a.page {
	text-decoration: none;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	}

a.page:link {
	color: #fff;
	background-color: #f0c;
	}	
	
a.page:visited {
	color: #fff;
	background-color: #f0c;
	}
	 
a.page:hover {
    color: #f0c;
	background-color: #fff;
	text-decoration: underline;}

a.page:active {
	color: #fff;
	background-color: #f0c;
	}
/* this is so the title of the film on the index page is a link but displays looking like an h3 */

.filmtitle a {
font-size: 1.5em;
font-variant: small-caps;
color: #000;
font-weight: bold;
}

input.coolbtn {
color: #fff;
background-color: #f0c;
font-weight: bold;
border: 1px outset;
}

/* this is so the title of the film on the search page is a link but displays looking like an h2 */
.filmtitleh2 a {
font-size: 1.5em;
font-variant: small-caps;
color: #000;
margin-top: 40px;
}

.displayfilm {
border-bottom: 1px dotted #f0c;
padding-top: 20px;
padding-bottom: 10px;
overflow: hidden;
}

.displayfilm p {
line-height: 1.5em;
margin-bottom: 0;
}

.displayfilm .rating img {
width: 30px;
height: 30px;
}

.displayfilm .rating img.half {
width: 15px;
}

.displayfilm img.right {
margin-top: 0;
padding-top: 0;
}


#furtherreading {
border: 1px dotted #f0c;
padding: 5px;
overflow: hidden;
margin-top: 20px;
}


#likefilm, #latestfilms {
width: 345px; 
float: left;
}


.filmquote {
padding: 15px 0;
font-size: 90%;
text-align: center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
font-weight: bold;
line-height: 1.2em;
}

/*Rosemary's Baby*/
.notes {
line-height: 1.8em;
}

/* STYLES FOR CHRISTOPHER LEE PAGE */
ul#cl {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.8em;
float: left;
width: 380px;
}

ul#cl li {
background-image: url(../images/film/christopher_lee/arrow.png);
background-position: left 7px;
background-repeat: no-repeat;
padding-left: 12px;
margin-left: 0;
}

.legends {
width: 300px;
padding-right: 40px;
float: left;
margin-top: 20px;
}


div.cl_info {
clear: left;
overflow: hidden;
border-top: 2px solid #f0c;
border-bottom: 2px solid #f0c;
margin-top: 30px;
padding-top: 10px;
padding-bottom: 20px;
}

.cl_info h2, h2.cl_info {
color: #000;
font-variant:small-caps;
font-size: 1.5em;
}

/*STYLES FOR JOHHNNY DEPP ARCHIVE*/
.johnny {
overflow: hidden;
border-bottom: 2px solid #f0c;
}
 
.johnnyfilm {
width: 150px;
height: 240px;
float: left;
margin: 0 40px 20px 0;
overflow: hidden;
}

.johnnyfilm.end {
margin-right: 0;
}

.johnnyfilm p {
line-height: 1.2em;
}

.johnnyimg {
width: 150px;
float: left;
margin-top: 20px;
}

.johnnyimg img{
margin-bottom: 10px;
}

.johnnyimgr {
width: 150px;
float: right;
margin-top: 20px;
}

.johnnyimgr img {
margin-bottom: 10px;
}

.johnny {
text-align: center;
margin-top: 20px;
}


/*Dead by Dawn landing page*/

#deadbydawn .displayfilm h2 {
margin-top: 0;
}

#deadbydawn .displayfilm {
height: 100px;
}

#deadbydawn .dbd, .wickerlist, #wickerlist {
overflow: hidden;
clear: left;
}

#wickerlist {
border-bottom: 2px solid #f0c;
padding-bottom: 20px;
}

#wickerlist h2 {
border-bottom: 1px dotted #f0c;
}

#wickerlist p {
float: left;
width: 590px;
}

#deadbydawn img {
margin-top: 18px;
clear: left;
}

.dbd h2 a {
font-size: 1.2em;
font-variant: small-caps;
color: #000;
font-weight: bold;
}

#dbd_nav {
overflow: hidden;
}

#dbd_nav ul {
margin-top: 7px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#dbd_nav li a {
display: block;
text-align: center;
width: 57px;
float: left;
margin: 0 5px 5px 0;
padding: 5px;
background-color:#f9f;
}

#dbd_nav li a:hover {
background-color: #f0c;
color: #fff;
text-decoration: none;
}

.dbd_link {
padding-bottom: 15px;
border-bottom: 2px solid #f0c;
}

#socialmedia {
margin-top: 10px;
margin-bottom: 20px;
overflow:hidden;
}

#socialmedia ul {
list-style-type : none;
margin-left: 0;
padding-left: 0;
}

#socialmedia li {
float: left;
margin-left: 0;
}

#socialmedia li#smfacebook {
margin-left: 30px;
}
