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

/* Barley navigation
------------------------------------------*/
a.bbcpageCrumb, a.bbcpageServices {	font-size:90%;}
.bbcpageServices, .bbcpageFooter {color:#000000;}

a.bbcpageCrumb {
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:normal;
	color:#ffffff;	}

a.bbcpageFooter, a.bbcpageServices {
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:normal;
	color:#000000;	}

.bbcpageCrumb a:link,.bbcpageCrumb a:visited,
.bbcpageServices a:link,.bbcpageServices a:visited,
.bbcpageFooter a:link,.bbcpageFooter a:visited {
	text-decoration:none;}

.bbcpageCrumb a:active,.bbcpageCrumb a:hover ,.bbcpageCrumb a:focus,
.bbcpageServices a:active,.bbcpageServices a:hover,.bbcpageServices a:focus,
.bbcpageFooter a:active,.bbcpageFooter a:hover  {
	text-decoration:underline;}

div.navWrapper{margin-top:10px;}
div.navLink a {display:block;padding:1px 1px 1px 5px; color:#ffffff;font-weight:normal;}
div.navLink a:link, div.navLink a:visited{color:#F9FEEE;background:#49620F;border-top:1px solid #7FB302;border-bottom:1px solid #242C12;text-decoration:none;}
div.navLink a:hover{background:#F6FEC3;color:#000000;border-top:1px solid #7FB302;border-bottom:1px solid #242C12;text-decoration:none;}

a#navHome{border-top:1px solid #000000;}

.navLink {font-size:70%;}

a#navHome:link, a#navHome:visited, 
a#navShows:link, a#navShows:visited, 
a#navRelated:link, a#navRelated:visited {color:#F9FEEE;background:#233101;border-top:1px solid #7FB302;border-bottom:1px solid #242C12;text-decoration:none;}

a#navHome:hover,
a#navShows:hover,
a#navRelated:hover {color:#000000;background:#F6FEC3;border-top:1px solid #7FB302;border-bottom:1px solid #242C12;text-decoration:none;}


/* ---------------------------------------------
Body and General links
------------------------------------------------*/
body, div, p, td {font-family:verdana,arial,helvetica,sans-serif;}
body {
	background:url(/staticarchive/c3ae1a16d2783e41c18bc4da8e4b5fd52e3ecd2a.gif) #7FB302;
	background-repeat: no-repeat;}

h1, h2, h3, h4 {margin:0;}

a {
	color:#EB0233;
	font-weight:bold;
	text-decoration:none;}
	
a:hover {text-decoration:underline;}

.scoopDate {color:#666666;}

/* -----------------------------------------------------------------------------
STANDARD PAGE (with main column and sub column)
--------------------------------------------------------------------------------*/

/* ---------------------------------------------
Headings
------------------------------------------------*/
#mainCol h1 {
	padding-top:6px;
	padding-left:8px;
	padding-bottom:8px;
	font-size:1em;}
	
#mainCol h2 {
	font-size:0.9em;
	padding-bottom:8px;}
	
#mainCol h3 {font-size:0.8em;}
	
#subCol h2 {font-size:0.7em;} 

#subCol h3 {
	margin-top:12px;
	margin-bottom:2px;
	font-size:0.7em;
	font-weight:normal;}

h4 {font-size:0.7em;}

/* --------------------------------------------- 
MAIN COLUMN
------------------------------------------------*/
#mainColWrapper {width:485px;}

#mainCol{
	position:relative; /* this stops the border randomly dissappearing in IE6 */
	background:#F6FEC3;
	border-color:#B6E644;
	border-style:solid;
	border-width:9px}
	
#crumb {
	font-size:75%;
	padding-top:5px;
	padding-left:8px;}
		
/* Main Content area
------------------------*/
#mainContent {
	background:#F6FEC3;
	border-top:3px solid #B6E644;
	padding:10px;}

#mainContent p {
	margin:0;
	padding: 0px 0px 20px 0px;
	font-size:80%;}
	
#mainContent ul{
	margin: 0 0 10px 0;
	padding-left: 0;
	list-style: none;}

#mainContent ul li {
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(/staticarchive/460f0e191364b042ce0c7681126787a8c98dc336.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size:80%;}
	
#mainContent ol li {font-size:80%;}
	
/* SCOOP INDEX
----------------*/
#scoopLatest {border-top:2px solid #B6E644;}
	
#scoopLatest ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
#scoopLatest li {
	width:100%;
	margin:0;
	padding:4px 0;
	background:#F6FEC3;
	border-top:1px solid #B6E644;}
	
#scoopLatest li img {
	float:left;
	border:1px solid #000000;
	margin:0 6px 0 4px;
	padding:0;}
	
/* SCOOP ARCHIVE
-----------------*/
#scoopArchive {
	background:#F6FEC3;
	border-top:3px solid #B6E644;
	border-bottom:1px solid #F6FEC3;
	padding:10px;}

#scoopArchive ul{
	margin: 0 0 10px 0;
	padding-left: 0;
	list-style: none;}
	
#scoopArchive ul li {
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(/staticarchive/460f0e191364b042ce0c7681126787a8c98dc336.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size:70%;}

/* SCOOP related Links
-----------------*/	
#relatedLinks  {
	background:#F6FEC3;
	border-top:3px solid #B6E644;
	border-bottom:1px solid #F6FEC3;
	padding:0px;
	font-size:80%;}
	
#relatedLinks h2 {display:none;}
	
#relatedLinks p {
	padding-left:10px;
	font-size:80%;}

#relatedLinks ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	}
	
#relatedLinks li {
	width:100%;
	margin:0;
	padding:4px 0px 4px 0;
	background:#F6FEC3;
	border-bottom:1px dotted #B6E644;}
		
#relatedLinks li img {
	border:1px solid #000000;
	margin:0 6px 0 10px;
	padding:0;
	vertical-align:middle;}
	
/* SCOOP interview Links
-----------------*/	
#interviewLinks {
	background:#F6FEC3;
	padding:0px 10px 0px 10px;}

#interviewLinks ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;}
	
#interviewLinks ul li {
	width:100%;
	margin:0;
	padding:5px 0;
	background-image: url(/staticarchive/460f0e191364b042ce0c7681126787a8c98dc336.gif);
	background:#F6FEC3;
	border-top:1px dotted #B6E644;}
	
#interviewLinks li img {
	float:left;
	margin:0 6px 0 0;
	padding:0;
	border:1px solid #000000;}
	
	
/* Sub Content area
------------------------*/
.subContent {
	background:#F6FEC3;
	border-top:3px solid #B6E644;
	border-bottom:1px solid #F6FEC3;
	padding:10px;}
	
.subContent p {
	margin:0;
	padding: 0px 0px 20px 0px;
	font-size:80%;}
	
.subContent ul{
	margin: 0 0 10px 0;
	padding-left: 0;
	list-style: none;}
	
.subContent ul li {
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(/staticarchive/460f0e191364b042ce0c7681126787a8c98dc336.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size:70%;
	}


/* --------------------------------------------- 
SUB COLUMN
------------------------------------------------*/
#subCol {
	position:absolute;
	top:0px;
	left: 495px;}


/* Sub Column Box 1
------------------------*/
#subColBox1Wrapper {width:150px;}
	
#subColBox1{
	background:#F6FEC3;
	border-color:#B6E644;
	border-style:solid;
	border-width:9px;
	padding:0px;}
	
#subColBox1 p{
	font-size:70%;
	margin:18px 0px 35px 0;}
	
#subColBox1 ul{
	list-style:none;
	margin:0 0 0px 0;
	padding:0;}
	
#subColBox1 li, #subColBox1 h2, #subColBox2 li, #subColBox2 h2 {
	line-height:125%;
	font-size:70%;
	border-bottom:1px solid #B6E644;
	padding:2px;}
	
	
#subColBox1 a:link, #subColBox1 a:visited{font-weight:normal;}


/* Sub Column Box 2
------------------------*/
#subColBox2Wrapper {width:150px;}
	
#subColBox2{
	background:#F6FEC3;
	border-color:#B6E644;
	border-style:solid;
	border-width:9px;
	padding:0px;
	margin-top:7px;}
	
#subColBox2 p {font-size:70%;}
	
#subColBox2 ul{
	list-style:none;
	margin:0 0 0px 0;
	padding:0;}
	
#subColBox2 a:link, #subColBox2 a:visited{font-weight:normal;}

#subColBox2 h4 {
	background: #B6E644;
	line-height:125%;
	font-size:70%;
	padding:2px;}

/* Sub Column Box for a List with Images (e.g the scientist vote)
------------------------*/
.subColBoxImageListWrapper {width:150px;}

.subColBoxImageList{
	float:left;
	background:#F6FEC3;
	border-color:#B6E644;
	border-style:solid;
	border-width:9px;
	margin-bottom:10px;}
	
.subColBoxImageList a:link, .subColBoxImageList a:visited{font-weight:bold;}

.subColBoxImageList h2 {
	padding:5px;
	border-bottom:1px solid #B6E644;}

.subColBoxImageList  ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:70%;}
	
.subColBoxImageList  li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#F6FEC3;
	border-bottom:1px solid #B6E644;}
	
.subColBoxImageList li img {
	float:left;
	margin:0 6px 0 0;
	padding:0;}

/* PROMOS
------------------------*/
#promosWrapper {
	position:relative;
	background:#F6FEC3;
	height:63px;}
	
#promos {
	background:#F6FEC3;
	border-top:3px solid #B6E644;
	padding:10px;
	font-size:80%;}

#promos h2 {
	margin:0px;
	padding:0px;}

#worldOfCultWrapper  {width:217px;}

#bbcpromo {
	position:absolute;
	left:233px;
	top:3px;}

/* CROSS REFERRAL LINKS 
--------------------------------*/
#crossReferralButtonWrap{
	background:#B6E644;
	width:485px;
	height:58px;}
	
#crossReferralButton {
	padding-left:8px;
	width:488px;}
	
#crossReferralButton img {margin-left:5px;}

/* -----------------------------------------------------------------------------
SINGLE COLUMN PAGE
--------------------------------------------------------------------------------*/
body.singleColumn #mainColWrapper {width:635px;}
body.singleColumn #crossReferralButtonWrap{width:635px;}
body.singleColumn #bbcpromo {left:383px;}
body.singleColumn #crossReferralButton img {margin-left:45px;}

/* -----------------------------------------------------------------------------
DOUBLE COLUMN
--------------------------------------------------------------------------------*/
.twoColumnsWrapper {
	position:relative;
	width:467px;
	background:#B6E644;
	border-top:3px solid #B6E644;}
	
.col1 {
	position:relative;
	width:233px;
	background:#F6FEC3;}
	
.col2 {
	position:absolute;
	top:0px;
	left:234px;
	width:233px;
	background:#F6FEC3;}

.twoColumns ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
.twoColumns li {
	float:left; /* only needed for win IE to hide extra line that appears below last list elements*/
	width:100%;
	margin:0;
	padding:4px 0px;
	background:#F6FEC3;
	border-bottom:1px solid #B6E644;}

/* make verical seperating line appear (background colour of twoColumnsWrapper) in Mozila, opera 7, firebird and safari 
also prevent left column from slipping in Netscape 6*/	
html>body .twoColumns li {float:none;}

.twoColumns li img {
	float:left;
	border:1px solid #000000;
	margin:0 6px 0 4px;
	padding:0;}

/* --------------------------------------------- 
Other
------------------------------------------------*/
#contentWrapper {
	position:relative;
	margin-top:7px;}

.clearer {
	display:block;
  	clear:both;
  	margin:0;
  	padding:0;
  	height:0px;
  	font-size:0px;
  	line-height:0px;}
	
.clearer hr {display:none;}

.imageAndText {
	clear:left;}

.imageAndText img {
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	border:1px solid #000000;}

/*/*/  .imageWrapper img {
position:relative;
float:left;
margin:0 10px 10px 0;} /* This is hidden from nn4 */

/* /cult/scientist/ specific */
div#submit-vote, h2.scientist { display:inline; }

/* comments system */
.acs_name { font-weight:bold; font-size: 80%}
.acs_text { font-size: 80%}