/*	
	Doctor Who Webiste 
	Screen Style Sheet
	Version: 2004 06 14
	Author: Alistair Duggin (CSD iD&E)
	
	NOTES:
	BACKGROUND: #FFFFFF;
	BORDER: #FFFFFF;
 	PANEL: #60CDE9;
	LINK: #9F3A0D;
	VISITED :#F9FEEE;
	MAIN NAV: #ff7300
*/

/* 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.bbcpageCrumb:visited {
	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;width:100%;}
div.navLink a:link, div.navLink a:visited{color:#000000;background:#60CDE9;border-bottom:1px solid #ff7300;text-decoration:none;}
div.navLink a:hover{background:#739c39;color:#000000;border-bottom:1px solid #ff7300;text-decoration:none;}

a#navHome{border-top:1px background:#ff7300;}

.navLink {font-size:100%;}

a#navHome:link, a#navHome:visited, 
a#navShows:link, a#navShows:visited, 
a#navRelated:link, a#navRelated:visited {color:#F9FEEE;background:#ff7300;border-bottom:1px solid #ff7300;text-decoration:none;}

a#navHome:hover,
a#navShows:hover,
a#navRelated:hover {color:#000000;background:#60CDE9;border-bottom:1px solid #60CDE9;text-decoration:none;}


/* ---------------------------------------------
Body and General links
------------------------------------------------*/
body, div, p, td {font-family:verdana,arial,helvetica,sans-serif;}
body {
	background-repeat: no-repeat;
	background-color: #FFFFFF}

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

a {
	color:#F96B10;
	text-decoration:none;}
	
a:hover {text-decoration:underline;}
a:visited {color: #536D39;}

.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;
padding-left:2px;
	padding-bottom:2px;
	}

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

#mainCol{
		background:#60CDE9;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:9px;}
	
#crumb {
	font-size:75%;
	padding-top:5px;
	padding-left:8px;}

/* Main Content area
------------------------*/
#mainContent {
	background:#60CDE9;
	border-top:1px solid #ff7300;
	padding:0px;}

#mainContent p {
	margin:0;
	padding: 0px 0px 10px 0px;
	font-size:80%;}
	
#mainContent ul{
	margin: 0 0 10px 0;
	padding-left: 0;
	list-style: none;}
	
#mainContent li {
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(/staticarchive/460f0e191364b042ce0c7681126787a8c98dc336.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size:80%;}
#mainContentPadding {
	padding:10px}
/* SCOOP INDEX
----------------*/
#scoopLatest {
	border-top:2px solid #FFFFFF;}
	
#scoopLatest ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
#scoopLatest li {
	width:100%;
	margin:0;
	padding:4px 0;
	background:#60CDE9;
	border-top:1px solid #FFFFFF;}
	
#scoopLatest li img {
	float:left;
	border:1px solid #000000;
	margin:0 6px 0 4px;
	padding:0;}
	
#scoopLatest a {
	font-weight:bold;
	text-decoration:none;}
	
/* SCOOP ARCHIVE
-----------------*/
#scoopArchive {
	background:#60CDE9;
	border-top:3px solid #FFFFFF;
	border-bottom:1px solid #60CDE9;
	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:#60CDE9;
	border-top:3px solid #FFFFFF;
	border-bottom:1px solid #60CDE9;
	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:#60CDE9;
	border-bottom:1px dotted #FFFFFF;
	}
	
#relatedLinks li img {
	border:1px solid #000000;
	margin:0 6px 0 10px;
	padding:0;
	vertical-align:middle;}
	
/* SCOOP interview Links
-----------------*/	
#interviewLinks {
	background:#60CDE9;
	padding:0px 10px 0px 10px;}

#interviewLinks ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;}
	
#interviewLinks li {
	width:100%;
	margin:0;
	padding:5px 0;
	background-image: url(/staticarchive/460f0e191364b042ce0c7681126787a8c98dc336.gif);
	background:#60CDE9;
	border-top:1px dotted #FFFFFF;}
	
#interviewLinks li img {
	float:left;
	margin:0 6px 0 0;
	padding:0;
	border:1px solid #000000;}
	
	
/* Sub Content area
------------------------*/
.subContent {
	background:#60CDE9;
	border-top:3px solid #FFFFFF;
	border-bottom:1px solid #60CDE9;
	padding:10px;}
	
.subContent p {
	margin:0;
	padding: 0px 0px 10px 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: 565px;}


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

.subContentWrapper {clear:left;}

/* Sub Column Box 2
------------------------*/
#subColBox2Wrapper {width:90px;}
	
#subColBox2{
	background:#60CDE9;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:9px;
	padding:0px;
	margin-top:7px;}
	
#subColBox2 h4 {
	background: #000000;
	line-height:125%;
	font-size:70%;
	padding:2px;}
	
#subColBox2 a:link, #subColBox2 a:visited{font-weight:normal;}

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

.subColBoxImageList{
	float:left;
	background:#60CDE9;
	border-color:#FFFFFF;
	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 #FFFFFF;}

.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:#60CDE9;
	border-bottom:1px solid #FFFFFF;}
	
.subColBoxImageList li img {
	float:left;
	margin:0 6px 0 0;
	padding:0;}


/* PROMOS
------------------------*/
#promosWrapper {
	position:relative;
	background:#60CDE9;
	height:63px;}
	
#promos {
	background:#60CDE9;
	border-top:3px solid #FFFFFF;
	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:#FFFFFF;
	width:485px;
	height:58px;}
	
#crossReferralButton {
	padding-left:8px;
	width:485px;}


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

/* -----------------------------------------------------------------------------
WALLPAPER
--------------------------------------------------------------------------------*/
.twoColumnsWrapper {
	position:relative;
	width:544px;
	background:#FFFFFF;
	border-top:7px solid #FFFFFF;}
	
.col1 {
	position:relative;
	width:267px;
	background:#60CDE9;
	border-top:1px solid #FF7300;}

	
.col2 {
	position:absolute;
	top:0px;
	left:277px;
	width:267px;
	background:#60CDE9;
	border-top:1px solid #FF7300;}


.twoColumns ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
	
.twoColumns li {
	float:left;
	width:100%;
	margin:0;
	padding:4px 0;
	background:#60CDE9;
	border-bottom:1px solid #FFFFFF;}
	
.twoColumns li.bottom {
	border-bottom:1px solid #60CDE9;}
	
.twoColumns p {
	position:relative;
	list-style:none;
	margin:0;
	padding:4px;
	font-size:80%;}
	
.twoColumns li img {
	float:left;
	border:0px solid #000000;
	margin:0 6px 0 4px;
	padding:0;}
	
.twocolumns a {
	font-weight:bold;
	text-decoration:none;}
	


/* --------------------------------------------- 
Other
------------------------------------------------*/
#contentWrapper {
	margin-top:7px;
	position:absolute;
	}
#contentWrapperGallery {
	margin-top:7px;
	position:relative;
	left:115px !important;
	left:-5px;
	width:700px !important;
	width:550px;
}

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

#clearer {clear:left;}

.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 */

/*/*/  .imageWrapper2 img{
position:relative;
float:left;
top:-5px !important;
top:55px;
left:-5px !important;
left:5px;
} /* This is hidden from nn4 */

.hackWidth {width:460px;}

/* eBooks bit   */

.ebookNav {background:#FFFFFF;border-top:1px solid #60CDE9;border-bottom:1px solid #60CDE9;text-decoration:none; padding:1px;}

.ebookNav a {color:#F9FEEE;}

/* doctor who books */
div.index {
        float:left;
        width:180px;
        }

div.text {
        float:left;
        width:275px;
        }
div.wrapper {
         float:left;
	}
#contentWrapperIE4{
	position:relative;
	margin-top:7px;
	}
/*  fixes */
.tablepadding {
	padding:10px 0px 0px 10px;
}
.padout {
	padding:5px 10x 5px 10px;
}
.padL{
	padding-left:10px;
}
#crossPos {
	position:fixed;
	

}
#outerBorder {border:solid #FFFFFF 5px}
.sidebar {float:right;}