/* STYLES FOR FILM PAGES */
body {
background-image: url(../images/film/layout/bg_film.jpg);
}

/*navigation*/
#mainnav li.films a {
font-size: 24px;
}

#leftcol {
padding-top: 5px;
background-image: url(../images/film/layout/menu_bg.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#leftcol a {
background-color: #ffafaf;
border: 1px solid #ffafaf;
}

#leftcol a:hover {
background-color: #fff;
border: 1px solid #f00;
border-left: none;
color: #f00;
}

#leftcol a#filmmenu {
margin-right: 10px;
font-size: 24px;
color: #fff;
background-color: #ffafaf;
border: 0;
border-bottom: #fff solid 1px;
}

/* leftcol secondary navigation*/
#leftcol ul.secondtier {
border: 1px solid #f00;
}

#leftcol .secondtier a {
color: #ffafaf;
}

/*general styles */
h1 {
border-bottom: 1px solid #f00;
}

h2 {
color: #f00;
}

h2.cr_h2 {
border-bottom: 1px dotted #f00;
}

p {
text-indent: 20px;
}

p:first-letter {
font-size: 2em;
color: #f00;
line-height: 1em;
}

.red {
color: #f00;
}

hr {
	color : #ff0000;
	background-color: #ff0000;}

a:link {
	text-decoration: none;
	color: #ff0000;}	
	
a:visited {
	   text-decoration: none;
	   color: #B11D19;}
	 
a:hover {
         text-decoration: underline;
         color: #ff0000;}

a:active {
	  color: #ff0000;}  

.coolbox {
border:2px solid #FF0000;
}

.coolboxbg {
background-color:#FF0000;
}

.filmbox {
width: 150px;
float: right;
border: 1px solid #f00;
}

/*STYLES FOR JOHHNNY DEPP ARCHIVE*/
.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;
}

.johnny p {
text-indent: 0;
}

/*hide this FF fix from IE as it mucks up the navigation links*/
html>body .johnny a:first-letter {
font-size: 2em;
line-height: 1em;
}

#webring {
text-align: center;
}

html>body #webring p:first-letter {
font-size: inherit;
color: #000;
}

/*hide this FF fix from IE as it mucks up the navigation links*/
html>body .ffcaps a:first-letter {
font-size: 2em;
line-height: 1em;
}

/*FILM SEARCH AND RESULTS PAGES STYLES*/
input.coolbtn {
color: #FFFFFF;
background-color: #FF0000;
font-weight: bold;
border: 1px outset;}
	  
/*this is so the page you're on in a search comes up white on red*/

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

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

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

.filmtitle a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-variant: small-caps;
color: #000;
font-weight: bold;
}

/* this is so the title of the film on the search page is a link but displays looking like an h2 */

.filmtitleh2 a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
font-variant: small-caps;
color: #000;
margin-top: 40px;
}

html>body .reviewlink a:first-letter {
font-size: 2em;
line-height: 1em;
}

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

/* STYLES FOR CHRISTOPHER LEE PAGE */
.legends {
width: 300px;
padding-right: 15px;
float: left;
}

td {
line-height: 1em;
}

/*STYLES FOR INDEX PAGE*/
#column1 {
width: 370px;
float: left;
margin-top: 10px;
}

#column1_inner {
margin-left: 20px;
}

#column2 {
width: 370px;
float: right;
margin-top: 10px;
margin-right: 15px;
}

#column1 h2, #column2 h2 {
border-bottom: 1px solid #f00;
clear: left;
padding-top: 15px;
}

#column1 img.left {
padding-top: 0;
}

#reviewpage {
margin-top: 20px;
border-bottom: 1px solid #f00;
}

#reviewpage h1 {
color: #f00;
}

#reviewpage p {
font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
font-size: 1.2em;
font-weight: bold;
color: #000;
text-indent: 0;
}

#likefilm {
border: 1px dotted #f00;
padding: 5px;
}

.similarfilm {
font-variant: small-caps;
}

.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;
}

ul#cl {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.8em;
float: left;
width: 270px;
}

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

.cl_info {
clear: left;
}

.cl_info h2 {
border-bottom: 1px dotted #f00;
}