/*	
	Cult Portal Webiste 
	Homepage Style Sheet
	Version: 2004 09 01
	Author: Alistair Duggin (CSD iD&E)
	
	NOTES:
	Dark Green: #7FB302;
	Pale green: #B6E644
	Cream: #F6FEC3
*/

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

/* top and bottom sections 
------------------------------------------ */
#mainTop {
	margin-top:7px;
	position:relative;}
	
#mainBottom {
	margin-top:10px;
	position:relative;}
	
/* TV PROMO
----------------------------------------*/
#tvWrapper {
	width:236px;
	height:265px;
	background:#B6E644;}

#tv {
	padding-top:10px;
	padding-left:12px;}
	
#tvimageWrapper {
	height:193px;
	background-image:url(/cult/images/f/tv.gif);
	background-repeat:no-repeat;}
	
#tvimage {
	padding-top:39px;
	padding-left:27px;}

#tvtext {
	width:224px;
	height:56px;
	font-size:70%;
	color:#ffffff;
	background:#000000;}
	
#tvtext p {
	margin:0;
	padding:9px 10px;}
	
#tvtext a{color:#DEFF00}

/* FEATURES and TOPSITES
----------------------------------------*/
#featuresWrapper {
	width:248px;
	position:absolute;
	top:0;
	left: 236px; /* right:0 would be better but IE4 ignores */
	height:265px;
	background:#B6E644;}
	
#featuresContentWrapper {
	width:223px;
	height:231px;
	background-color: #F6FEC3;}
	
#features {padding:0px 9px 0px 16px;}
	
#topSitesWrapper {
	width:150px;
	position:absolute;
	top:0;
	left:494px; /* right:0 would be better but IE4 ignores */
	height:265px;
	background:#B6E644;}

#topSitesContentWrapper {
	width:133px;
	height:231px;
	background-color: #F6FEC3;}
	
#topSites {padding:0px 9px 4px 8px;}


/*  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:#F6FEC3;
	border-bottom:1px solid #B6E644;}
	
#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 {
	width:484px;
	height:294px;
	background:#B6E644;}
	
#cultNews {
	padding-right:8px;
	padding-left:7px;}
	
#scoopCol1 {
	position:relative;
	top:0px;
	width:228px;
	height:258px;
	background:#F6FEC3;}
	
#scoopCol2 {
	position:absolute;
	top:115px;
	left:236px;
	width:239px;
	height:171px;
	background:#F6FEC3;}
	
/* scoop index
----------------*/
#cultNews ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
#cultNews li {
	float:left; /* only needed for win IE to hide extra line that appears below last list element */
	width:100%;
	margin:0;
	padding:4px 0;
	background:#F6FEC3;
	border-bottom:1px solid #B6E644;}
	
/* prevent left column from slipping in Netscape 6*/	
html>body #cultNews li {float:none;}
	
#cultNews li img {
	float:left;
	border:1px solid #000000;
	margin:0 6px 0 4px;
	padding-left:0;}

/* PRIZES
------------------------------------------ */
#reviewsWrapper {
	position:absolute;
	top:0;
	left:494px;
	width:150px;}
	
#reviews {
	background:#B6E644;
	padding-right:8px;
	padding-left:8px;
	border-bottom:6px solid #B6E644;}

#reviews p {
	font-size:70%;
	margin:0;
	padding:7px;
	background:#F6FEC3;}
	
#reviews ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:70%;}
	
#reviews li {
	background:#F6FEC3;
	border-bottom:1px solid #B6E644;}
	
#first img{

	float:left;
	border:1px solid #000000;
	margin-right:6px;}

#second {
	clear:left;
	border-bottom:4px solid #B6E644;}
	
#third {
	clear:left;
	border-bottom:4px solid #B6E644;}
	
#fourth {
	clear:left;
	border-bottom:4px solid #B6E644;}	

/* BBC PROMO
------------------------------------------ */
#homepagebbcpromoWrapper {
	position:absolute;
	top:29px;
	left:236px;
	width:239px;
	height:85px;
	background:#F6FEC3;}
	
#homepagebbcpromo {
	padding-top:13px;
	padding-left:3px;}

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