/* -----------------------------------------------------------------------------
HOMEPAGE
--------------------------------------------------------------------------------*/

/*	
	Doctor Who Webiste 
	Screen Style Sheet
	Version: 2004 06 14
	Author: Alistair Duggin (CSD iD&E)
	
	NOTES:
	BACKGROUND: #000000;
	BORDER: #1A444D;
 	PANEL: #0E5058;
	LINK: #D8AA7A;
	VISITED :#F9FEEE;
	MAIN NAV: #1A444D
*/
body {
	background-image: url(/staticarchive/7464ad660b602d25e38a6730d580793163e6e880.jpg);
	background-repeat: no-repeat;
	background-color: #000000;}
/* top and bottom sections 
------------------------------------------ */
#mainTop {
	margin-top:7px;
	position:relative;}
	
#mainBottom {
	margin-top:10px;
	position:relative;}
	
/* TV PROMO
----------------------------------------*/
#tvWrapper {
	width:236px;
	height:210px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;}

#tv {
	padding-top:7px;
	padding-left:10px;}
	
#tvtext {
	width:224px;
	height:36px;
	font-size:70%;
	color:#ffffff;
	background-color: #0E5058;}
	
#tvtext p {
	margin:0;
	padding:5px 5px;}
	
#tvtext a{color:#ffda79}


/* FEATURES and TOPSITES
----------------------------------------*/
#featuresWrapper {
	width:248px;
	position:absolute;
	top:0;
	left: 236px; /* right:0 would be better but IE4 ignores */
	height:210px;
}
	
#featuresContentWrapper {
	width:233px;
	height:198px;
	background-color: #0E5058;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;}
	
#features {padding:7px 9px 0px 6px;}
	



/*  List styles:
Here the images are floated to the left - so that it displays ok in IE4
The images are floated to the right and the image margins changed in 'hiddenfrom-ie4.css' */
#features ul, #topSites ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:70%;}
	
#features li, #topSites li {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#0E5058;
	border-bottom:1px solid #1A444D;}
	
#features li img, #topSites li img {
	float:left;
	margin:0 6px 0 0;
	padding:0;}
	
/* override styling for inline audio/video image class - mattc */
#topSites li img.av, #features li img.av { float:none; margin:0px; }	


/* CULT NEWS
------------------------------------------*/
#cultNewsWrapper {
	position:relative;
	width:484px;
	height:268px;}
	
#cultNews {
	padding-right:8px;
	padding-left:7px;}
	
#scoopCol1 {
	position:relative;
	top:5px;
	width:228px;
	height:258px;
	background:#0E5058;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;}
	
#scoopCol2 {
	position:absolute;
	top:91px;
	left:236px;
	width:239px;
	height:171px;
	background:#0E5058;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;}
	
/* scoop index
----------------*/
#cultNews ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
#cultNews li {
	float:left;
	width:100%;
	margin:0;
	padding:4px 0;
	background:#0E5058;
	border-bottom:1px solid #1A444D;}
	
#cultNews li img {
	float:left;
	border:1px solid #FFF9BB;
	margin:0 6px 0 4px;
	padding:0;}
	
#cultNews a {
	font-weight:bold;
	text-decoration:none;}

/* PRIZES
------------------------------------------ */
#prizesWrapper {
	position:absolute;
	top:0;
	left:494px;
	background:#1A444D;
	width:150px;
	height:394px;}
	
#prizes {
	padding-right:8px;
	padding-left:8px;}

#prizes p {
	font-size:70%;
	margin:0;
	padding:7px;
	background:#0E5058;}
	
#first img{
	float:left;
	border:1px solid #FFF9BB;
	margin-right:6px;}

#second {
	clear:left;
	border-bottom:4px solid #1A444D;}
	

#third {height:93px;}
html>body #third {height:79px;}  /* for mozilla: height - padding */

/* BBC PROMO
------------------------------------------ */
#homepagebbcpromoWrapper {
	position:absolute;
	top:5px;
	left:236px;
	width:239px;
	height:85px;
	background:#0E5058;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;}
	
#homepagebbcpromo {
	padding-top:13px;
	padding-left:3px;}

#homepage #crossReferralButtonWrap{width:484px;}
#homepage #crossReferralButton {padding-left:6px;}