//*	
	Doctor Who Webiste 
	Screen Style Sheet
	Version: 2004 06 14
	Author: Alistair Duggin (CSD iD&E)
	
	NOTES:
	BACKGROUND: #000031;
	BORDER: #1A444D;
 	PANEL: #0E5058;
	LINK: #D8AA7A;
	VISITED :#F9FEEE;
	MAIN NAV: #1A444D
*/

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

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

.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:#FFF9BB;font-weight:normal;width:100%;}
div.navLink a:link, div.navLink a:visited{color:#FFF9BB;background:#0E5058;border-bottom:1px solid #000031;text-decoration:none;}
div.navLink a:hover{background:#1A444D;color:#FFF9BB;border-bottom:1px solid #000031;text-decoration:none;}

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


.navLink {font-size:70%;}

a#navHome:link, a#navHome:visited, 
a#navShows:link, a#navShows:visited, 
a#navRelated:link, a#navRelated:visited {color:#0AE687;background:#1A444D;border-bottom:1px solid #000031;text-decoration:none;}

div.navHome a {
	display:block;
	text-decoration:none;
	background:#255279;
	padding:1px 1px 1px 5px; 
	color:#ffda79;
	font-weight:bold;
	width:100%;
	font-size:80%;
	}

a#navHome:hover,
a#navShows:hover,
a#navRelated:hover {color:#FFF9BB;background:#0E5058;border-bottom:1px solid #0E5058;text-decoration:none;}


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

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

a {
	color:#D8AA7A;
	text-decoration:none;}
	
a:hover {text-decoration:underline;}
a:visited {color: #D8AA7A;}

.scoopDate {color:#D8AA7A;}

/* -----------------------------------------------------------------------------
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;}

#mainCol h5 {
	font-size:1em;
	color: #0AE687;}
		
#subCol h2 {font-size:0.7em;
	color: #0AE687} 

#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:485px;}

#mainCol{
		background:#0E5058;
	border-color:#1A444D;
	border-style:solid;
	border-width:9px;}
	
#crumb {
	font-size:75%;
	padding-top:5px;
	padding-left:8px;
	}

#crumb a, #crumb a:visited, #crumb a:active, #crumb a:hover {
	color: #0AE687;
	}

/* Main Content area
------------------------*/
#mainContent {
	background:#0E5058;
	border-top:3px solid #1A444D;
	padding:10px;}

#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/bd5921030279608ce4334c3b12e3a8d1c6c94245.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size:80%;}
	
/* SCOOP INDEX
----------------*/
#scoopLatest {
	border-top:2px solid #1A444D;}
	
#scoopLatest ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;}
	
#scoopLatest li {
	width:100%;
	margin:0;
	padding:4px 0;
	background:#0E5058;
	border-top:1px solid #1A444D;}
	
#scoopLatest li img {
	float:left;
	border:1px solid #FFF9BB;
	margin:0 6px 0 4px;
	padding:0;}
	
#scoopLatest a {
	font-weight:bold;
	text-decoration:none;}
	
/* SCOOP ARCHIVE
-----------------*/
#scoopArchive {
	background:#0E5058;
	border-top:3px solid #1A444D;
	border-bottom:1px solid #0E5058;
	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/bd5921030279608ce4334c3b12e3a8d1c6c94245.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size:70%;}

/* SCOOP related Links
-----------------*/	
#relatedLinks  {
	background:#0E5058;
	border-top:3px solid #1A444D;
	border-bottom:1px solid #0E5058;
	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:#0E5058;
	border-bottom:1px dotted #1A444D;
	}
	
#relatedLinks li img {
	border:1px solid #FFF9BB;
	margin:0 6px 0 10px;
	padding:0;
	vertical-align:middle;}
	
/* SCOOP interview Links
-----------------*/	
#interviewLinks {
	background:#0E5058;
	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/bd5921030279608ce4334c3b12e3a8d1c6c94245.gif);
	background:#0E5058;
	border-top:1px dotted #1A444D;}
	
#interviewLinks li img {
	float:left;
	margin:0 6px 0 0;
	padding:0;
	border:1px solid #FFF9BB;}
	
	
/* Sub Content area
------------------------*/
.subContent {
	background:#0E5058;
	border-top:3px solid #1A444D;
	border-bottom:1px solid #0E5058;
	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/bd5921030279608ce4334c3b12e3a8d1c6c94245.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:#0E5058;
	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 #1A444D;
	padding:2px;}
	
	
#subColBox1 a:link, #subColBox1 a:visited{font-weight:normal;}

.subContentWrapper {clear:left;}

/* Sub Column Box 2
------------------------*/
#subColBox2Wrapper {width:150px;}
	
#subColBox2{
	background:#0E5058;
	padding:3px;
	margin-top:7px;}
	
#subColBox2 h4 {
	background: #FFF9BB;
	line-height:125%;
	font-size:70%;
	padding:0px;}
	
#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:#0E5058;
	border-color:#1A444D;
	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 #1A444D;}

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


/* PROMOS
------------------------*/
#promosWrapper {
	position:relative;
	background:#0E5058;
	height:63px;}
	
#promos {
	background:#0E5058;
	border-top:3px solid #1A444D;
	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:#1A444D;
	width:485px;
	height:58px;}
	
#crossReferralButton {
	background:#1A444D;
	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:467px;
	background:#1A444D;
	border-top:3px solid #1A444D;}
}
	
.col1 {
	position:relative;
	width:233px;
	background:#0E5058;}
	
.col2 {
	position:absolute;
	top:0px;
	left:234px;
	width:233px;
	background:#0E5058;}

.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:#0E5058;
	border-bottom:1px solid #1A444D;}
	
.twoColumns li.bottom {
	border-bottom:1px solid #0E5058;}
	
.twoColumns p {
	position:relative;
	list-style:none;
	margin:0;
	padding:4px;
	font-size:80%;}
	
.twoColumns li img {
	float:left;
	border:0px solid #FFF9BB;
	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 #FFF9BB;}


/*/*/  .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:#1A444D;border-top:1px solid #0E5058;border-bottom:1px solid #0E5058;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 #1A444D 5px}
.sidebar {float:right;}

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