/*********
	* Dr Who - c clifford, 2006-01
	*/		
	
/********
   * Main Elements
	*/
	
	/** body color, padding & general fontage */
	body
		{
		border:0px;
		padding:0px;
		margin:0px;
		background-color:black;
		font-family:Arial, helvetica, verdana;
		}
		
	/** images have no borders by default */	
	img, a img
		{border:0px;}
		
/********
   * Text Styles
	*/
	
	/** default paragraph 12pt */
	p
		{
		color:#FFFFFF;
		font-size:93.75%;
		margin:0px 0px 10px 0px;
		}
	
	p.bold
	{font-weight:bold;}
		
	/** smaller paragraph 10pt */
	p.smaller
		{font-size:62.5%;}
	
	/** default link is yellow & not underlined */
	a
		{
		text-decoration:none;
		color:#FFDA79;
		}
	
	/** links are udnerlined on hover only **/
	a:hover
		{text-decoration:underline !important;}
	
	/** Main text heading, this is 	usually the first heading 
	by default orange & 15pt **/
	h1
		{
		text-transform:uppercase;
		padding:0px;
		color:#E35C1C;
		font-size:93.75%;
		margin:0px 0px 5px 0px;
		}
	
	/** larger h1 - 20pt **/
	h1.larger
		{font-size:125%;}
	
	/** h2 is a graphical heading OR 14pt sub-heading **/
	h2 
		{
		padding:0px;
		margin:0px 0px 8px 0px;
		font-size:87.5%;
		color:#FFFFFF;
		}
		
	h2 a
		{color:#cccccc;}
	
	/** H3 is the lozenge background with plain 15pt text on top **/	
	h3 
		{
		background-repeat:no-repeat;
		background-image:url("/staticarchive/87ad78a74745dfcf8cd297a1f932b108b1a39f5f.gif");
		color:white;
		margin:0px;
		padding:7px 0px 9px 0px;
		font-size:87%;
		text-transform:uppercase;
		margin-bottom:7px;
		text-align:center;
		width:229px;
		}
	
	/** this smaller version for if the text doesn't fit in **/
	h3.smaller
		{font-size:77%;
		padding:8px 0px 14px 0px;
		}
	
	h3.long
		{
		background-image:url("/staticarchive/038a3a94165165d1946b7176d87ddf0967454e9a.gif");
		width:444px;
		}
		
		h4
		{
		background-repeat:no-repeat;
		background-image:url("/staticarchive/79673566dc048f19c808d303f655f04c31f44580.gif");
		color:white;
		margin:0px;
		padding:7px 0px 9px 0px;
		font-size:87%;
		text-transform:uppercase;
		margin-bottom:7px;
		text-align:center;
		width:229px;
		}
	
	/** this smaller version for if the text doesn't fit in **/
	h4.smaller
		{font-size:77%;
		padding:8px 0px 14px 0px;
		}
		
	/** this if for the Confidential bottom menu **/
	h5 {
	color:#ffffff;
	margin: 5px 0px 0px 0px; 
	font-size: 70%;  
	font-weight: bold;
	}	
	
	/** h6 is for the homepage promo text **/
	h6 
		{
		padding:0px;
		margin:0px 0px 8px 0px;
		font-size:80%;
		color:#FFFFFF;
		}
		
	h6 a
		{color:#cccccc;}
		
/********
   * Lists
	*/
	
	/** default list has no bulleting **/	
	ul, ul li
		{
		list-style-type:none;
		color:white;
		}
		
	/** ...unless asked **/
	ul.bul li
		{
		list-style-type: disc;
		margin-left:40px;
		}
	
	ul
		{padding:0px;margin:0px;}	
		
		
		/* New back next code */
		
	ul.back-next
		{float:left;width:644px;_width:730px;min-height:23px;_height:23px;margin:20px 0 0 0;padding:0 43px;background-repeat:no-repeat;
	}

 	ul.back-next li
		{float:left;width:24.5%;line-height:23px;font-size:1em;
		}
	ul.back-next li a{font-weight:bold;}
 	ul.back-next li.nth-child-2
		{text-align:right;
		}
 	ul.back-next li.nth-child-3
		{margin-left:5px;padding-left:5px;background:url("/staticarchive/b9dc780e635347fe718977ef317ba01a512c20dd.gif") 0 45% no-repeat;
		}
 	ul.back-next li.last-child
		{text-align:right;
		}
		
		
	
	/* default list item */
	li
		{
		font-size:67%;
		padding:0px 0px 3px 0px;
		margin:0px;
		line-height:120%;
		background-repeat:no-repeat;
		background-position:top left;
		}
		
	/* default link in a list item */
	li a 
		{
		font-weight:bold;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:top left;
		/* block by default so a BR is not needed */
		display:block;
		margin-top:0px;
		}
		
	li a:hover
		{text-decoration:underline;}
	
	li a img, li img
		{border:1px solid white;}
		
	li a:hover img
		{border:1px solid #E35C1C;}
		
	li.gap
		{padding-bottom:10px;}
		
	/* inline style for when block is not appropriate 
	EG download options	 */
	li.inline a 
		{display:inline;}
		
	li.inline
		{color:#E35C1C;}
	
	/** for spacing out lists from each other EG one list after another **/
	ul.gap
		{margin-bottom:20px;}
	
	/* arrow prefixed list - this can be 
	applied to the whole list
	or just one item*/
	
	ul.arrow a,	li.arrow a
		{
		padding-left:10px;
		background-image:url("/staticarchive/a8281669c412d7e1631e5b49682e1c0232116947.gif");
		}
		
	/* fix stupid IE6 flicker 
	
	http://www.fivesevensix.com/studies/ie6flicker/
	
	*/
	ul.arrow li, li.arrow
		{background-image:url("/staticarchive/a8281669c412d7e1631e5b49682e1c0232116947.gif");}
	
	/* video icon prefixed list */
	ul.video a,	li.video a
		{
		padding-left:15px;
		background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");
		}
		
	/* ie flicker fix */
	ul.video li, li.video
		{background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");}
	
	/* spinning icon prefixed list default margin */
	.list1 ul.spin
		{margin:10px 0px 0px 30px;}
		
	/* spinning  icon prefixed list default styles */
	ul.spin li
		{
		background-image:url("/staticarchive/541f44234178c7ccbe4933dcbea570ef807d69c2.gif");
		padding:7px 0px 0px 35px;
		min-height:32px;
		_height:32px;
		}
		
		
	ul.spin.type2 li
		{background-image:url("/staticarchive/b9bce8bd85c98ab02abf5933fd2ebfa8e7c61281.gif");}
		
	ul.spin.type3 li
		{background-image:url("/staticarchive/1980aeff3ef43dd393a4c93e88cf5f21cb4f512a.gif");}

		
	ul.spin li
		{
		font-size:95%;
		font-weight:bold;
		}
		
	/* remove image borders in the spin list */
	ul.spin img,
	ul.spin a:hover img
		{
		border:0px !important;
		margin-left:5px;
		}
		
	/* default link colour is creamy-yellow **/
	ul.spin li a,
	ul.hex li a
		{color:#FFDA79;}
		
	/* hexagon list item with a camcorder inside */
	ul.hex li a
		{
			Xbackground-image:url("/staticarchive/67cb0edc82cb8c6c03ecb0afeb9a631018fd9944.gif");
			min-height:21px;
			_height:21px;
			padding:0px 0px 0px 35px !important;
			margin-bottom:5px;
			vertical-align:middle;

		}
		
	ul.hex li
		{
			Xbackground-image:url("/staticarchive/67cb0edc82cb8c6c03ecb0afeb9a631018fd9944.gif");
			font-size:95%;
			font-weight:bold;
		}
		
	/* hexagon list item with a camcorder inside */
	ul.hex li.vid a
		{Xbackground-image:url("/staticarchive/86f99b6346c1cdb59c0152c554c8769cc2cc9326.gif");}
		
	/* flicker fix */
	ul.hex li.vid
		{Xbackground-image:url("/staticarchive/86f99b6346c1cdb59c0152c554c8769cc2cc9326.gif");}
		
	/* hexagon list item with a camera inside */
	ul.hex li.cam a
		{Xbackground-image:url("/staticarchive/f8eb3dc2811b4841b174f2a79c6a7c6e70e66b9d.gif");}
		
	ul.hex li.cam
		{Xbackground-image:url("/staticarchive/f8eb3dc2811b4841b174f2a79c6a7c6e70e66b9d.gif");}
		
	/* default hexagon is has anti-aliasing for the 'gallifrey' background */
	ul.hex li a
		{
		Xbackground-image:url("/staticarchive/97b4df083c13b28674a96dc1793b36468af6efda.gif");
		padding:6px 0px 6px 30px;
		color:white;
		}
		
	/* stops flickering */
	ul.hex li
		{Xbackground-image:url("/staticarchive/97b4df083c13b28674a96dc1793b36468af6efda.gif");}
		
	ul.sound a
		{
		background-image:url("/staticarchive/f9fb3681663052c8f6f5385252a5b5461e77df9f.gif");
		padding-left:15px;
		}
		
	/* stops flickering */
	ul.sound li
		{background-image:url("/staticarchive/f9fb3681663052c8f6f5385252a5b5461e77df9f.gif");}
		
/********
   * COLOR SCHEMES
	*/
	
	/** #### GREEN ### **/
	
	/* background color of navigation */
	.scheme-green #grid-nav li	
		{background-color:#009966;}
		
	/* color of text for hexagonal lists */
	.scheme-green ul.hex li a
		{color:white;}
		
	/* hex list bullet image location */
				
	.scheme-green ul.hex li
		{background-image:url("/staticarchive/f0f1f93bc3248656d8f55c31ee9320938ddb5769.gif");}

	.scheme-mauve ul.hex li
		{background-image:url("/staticarchive/703f0a77e65f65ae8a60bc3fec5c384a03dda60d.gif");}
		
	.scheme-brown ul.hex li
		{background-image:url("/staticarchive/f0b444542eed380ea7d1e76f855818d412ea0344.gif");}
		
	.scheme-navy ul.hex li
		{background-image:url("/staticarchive/a353c14eda45d9c8ab3a3f3c00456a39d8480e58.gif");}
		
	.scheme-red ul.hex li
		{background-image:url("/staticarchive/67cb0edc82cb8c6c03ecb0afeb9a631018fd9944.gif");}
		
	.scheme-blue ul.hex li
		{background-image:url("/staticarchive/67cb0edc82cb8c6c03ecb0afeb9a631018fd9944.gif");}
		
.scheme-turquoise ul.hex li
		{background-image:url("/staticarchive/79c54ca4fd417c828e0f97314766a739869fcc21.gif");}
				
		
	/**  */
	ul.hex li.cam a
		{background-image:url("/staticarchive/73ae9c11bb46f8d85077ffdafcf6bd594d5bf8cd.gif");}
	ul.hex li.vid a
		{background-image:url("/staticarchive/f8e1cc6e72b0954a7e1124482d6ad599db154f47.gif");}
	ul.hex li.sound a
		{background-image:url("/staticarchive/b623bf5d7cd3fa51e90512abcf944f5c15a2fa5c.gif");}

	/** back next nav bar */
	.scheme-green ul.back-next
		{background-image:url("/staticarchive/052a15fabc70e0d4d54f19054879440f2b8c7905.gif");}
	
	/** #### BROWN ### **/
	
	/* background color of navigation */
	.scheme-brown #grid-nav li
		{background-color:#987439;}
	
	/** back next nav bar */
	.scheme-brown ul.back-next
		{background-image:url("/staticarchive/d6eb6b6d49ecb4238d398950d6dbf263f50357c2.gif");}

	
		/** #### MAUVE ### **/
	
		/** navigation background color **/
		.scheme-mauve #grid-nav li
			{background-color:#7B4840;}
			
		/** navigation link color **/
		.scheme-mauve #grid-nav a
			{color:#F8CCD1}
			
		/** navigation video icon color **/
		.scheme-mauve div.icon-video
			{background-image:url("/staticarchive/d91f66395a03f8c139905f785f1579c219abf14d.gif");}	
			
		/** navigation sound icon color **/
		.scheme-mauve div.icon-sound
			{background-image:url("/staticarchive/e233848ffd0193571c7e51dd712b31631edbce19.gif");}
			
		/** color of arrow for arrow links **/
		.scheme-mauve ul.arrow a
			{background-image:url("/staticarchive/1acb1231f3ea62a00c709c019e5d5ae9df905b09.gif");}
		
		/** color of video icon **/
		.scheme-mauve ul.video a
			{background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");}
			
		/** back next nav bar */
		.scheme-mauve ul.back-next
			{background-image:url("/staticarchive/52ecd0c0e805713c419d4379798a1d6e492bb3db.gif");}

			
		/** ### RED ## **/
		
		/** background color **/
		.scheme-red #grid-nav li
			{background-color:#8E2712;}
			
		/** link color **/
		.scheme-red #grid-nav a
			{color:#FFCCC3;}
			
		/** video icon color **/
		.scheme-red div.icon-video
			{background-image:url("/staticarchive/d91f66395a03f8c139905f785f1579c219abf14d.gif");}
				
		/** sound icon color **/
		.scheme-red div.icon-sound
			{background-image:url("/staticarchive/e233848ffd0193571c7e51dd712b31631edbce19.gif");}
			
			
		/** back next nav bar */
		.scheme-red ul.back-next
			{background-image:url("/staticarchive/4402052303443c290c0853ba6edea6f58e4e623a.gif");}
			
			
			
		/** ### TURQUOISE ## **/
		
		/** background color **/
		.scheme-turquoise #grid-nav li
			{background-color:#02587E;}
			
		/** link color **/
		.scheme-turquoise #grid-nav a
			{color:#BFCCE0;}
			
		/** video icon color **/
		.scheme-turquoise div.icon-video
			{background-image:url("/staticarchive/d91f66395a03f8c139905f785f1579c219abf14d.gif");}
				
		/** sound icon color **/
		.scheme-turquoise div.icon-sound
			{background-image:url("/staticarchive/e233848ffd0193571c7e51dd712b31631edbce19.gif");}
			
		/** back next nav bar */
		.scheme-turquoise ul.back-next
			{background-image:url("/staticarchive/7df7b72d05379f2abeee5888dc7fd17478b446d1.gif");}
			
			
		/** ### NAVY **/
		
		/** background color **/
		.scheme-navy #grid-nav li
			{background-color:#1E3674;}
			
		/** link color **/
		.scheme-navy #grid-nav a
			{color:#BFCCE0;}
			
		/** video icon color **/
		.scheme-navy div.icon-video
			{background-image:url("/staticarchive/d91f66395a03f8c139905f785f1579c219abf14d.gif");}
				
		/** sound icon color **/
		.scheme-navy div.icon-sound
			{background-image:url("/staticarchive/e233848ffd0193571c7e51dd712b31631edbce19.gif");}
			
		/** back next nav bar */
		.scheme-navy ul.back-next
			{background-image:url("/staticarchive/949a40fb607f6d5c06e643862c2edd81718d0492.gif");}
			
			
		/** ### DARKBLUE **/
		
		/** background color **/
		.scheme-darkblue #grid-nav li
			{background-color:#3b4f60;}
			
		/** link color **/
		.scheme-darkblue #grid-nav a
			{color:#FFDA79;}
			
		/** video icon color **/
		.scheme-darkblue div.icon-video
			{background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");}
				
		/** sound icon color **/
		.scheme-darkblue div.icon-sound
			{background-image:url("/staticarchive/f9fb3681663052c8f6f5385252a5b5461e77df9f.gif");}
			
		/** back next nav bar */
		.scheme-darkblue ul.back-next
			{background-image:url("/staticarchive/949a40fb607f6d5c06e643862c2edd81718d0492.gif");}	
			
		/** ### BURG **/
		
		/** background color **/
		.scheme-burg #grid-nav li
			{background-color:#b42c20;}
			
		/** link color **/
		.scheme-burg #grid-nav a
			{color:#FFDA79;}
			
		/** video icon color **/
		.scheme-burg div.icon-video
			{background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");}
				
		/** sound icon color **/
		.scheme-burg div.icon-sound
			{background-image:url("/staticarchive/f9fb3681663052c8f6f5385252a5b5461e77df9f.gif");}
			
		/** back next nav bar */
		.scheme-burg ul.back-next
			{background-image:url("/staticarchive/949a40fb607f6d5c06e643862c2edd81718d0492.gif");}	

			
					/** ### PURPLE **/
		
		/** background color **/
		.scheme-purple #grid-nav li
			{background-color:#7b2548;}
			
		/** link color **/
		.scheme-purple #grid-nav a
			{color:#FFFFFF;}
			
		/** video icon color **/
		.scheme-purple div.icon-video
			{background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");}
				
		/** sound icon color **/
		.scheme-purple div.icon-sound
			{background-image:url("/staticarchive/f9fb3681663052c8f6f5385252a5b5461e77df9f.gif");}
			
		/** back next nav bar */
		.scheme-purple ul.back-next
			{background-image:url("/staticarchive/949a40fb607f6d5c06e643862c2edd81718d0492.gif");}	

		
/********
   * PAGES
	*/
	
	/* main page container, everything sits in here */
	#page-main
		{
		background-color:black;
		width:770px;
		position:relative;
		top:-1px;
		}
		
		
			/* padding & background image in here */
	#page-main #pad-main
		{
		padding:0px 0px 10px 20px;
		background-repeat:no-repeat !important;
		}
			
#page-main-pop
		{
		background-color:black;
		width:340px;
		padding:0px 0px 10px 20px;
		position:relative;
		top:-1px;
		}
		
		#page-main-pop
		{
		padding:0px 0px 10px 20px;
		background-repeat:no-repeat !important;
		}
			
			
			#page-main-pop2
		{
		background-color:black;
		width:660px;
		padding:0px 0px 10px 20px;
		position:relative;
		top:-1px;
		}
		
		#page-main-pop2
		{
		padding:0px 0px 10px 20px;
		background-repeat:no-repeat !important;
		}
		
	/* any first box in the left hand column */
	#grid-left .box1
		{
		width:290px;
		padding-bottom:35px;
		}
		
	/* any second box in the left hand column */
	#grid-left .box2
		{
		width:300px;
		padding-bottom:35px;
		}
		
			/* first box in the left hand column of video pages */
	#grid-left .box3
		{
		width:300px;
		padding-bottom:10px;
		}
		
	#grid-left .box4
		{
		width:504px;
		position:absolute;
		left:245px;
		}
		
		
	* html #grid-left .box4
		{
		width:512px;
		position:absolute;
		left:245px;
		}
			
	
	/* right hand column */
	#grid-right 
		{
		width:250px;
		float:left;
		}
			
	
	/* BOTTOM - EG the 3 columns */
	#grid-bottom 
		{width:750px;}
		
	/* most of hte block images have a  white border here */
	#grid-bottom .grid-col .img
		{
		border:1px solid white;
		margin-bottom:5px;
		}
		
	/* one of the 3 columns */
	#grid-bottom .grid-col 
		{
		width:250px;
		float:left;
		}
		
			/* one of the 3 columns */
	#grid-bottom .grid-col2 
		{
		width:370px;
		float:left;
		}
		
	#grid-bottom .grid-col p
		{font-size:80%;}
		
		#grid-bottom .grid-col2 p
		{font-size:80%;}
		
		
		
		
		
/********
   * NAVIGATION
	*/
	
	/* little video or whatever icons in the navigation 
	are BG images so they can be styled here in the CSS*/
	div.icon
		{
		width:15px;
		height:1px;
		background-repeat:no-repeat;
		display:inline;
		}
		
	/* default icon colour is yellow */
	div.icon-video
		{background-image:url("/staticarchive/6b28eed39d76b504ce078ddd704986a7d618e3de.gif");}
		
	div.icon-sound
		{background-image:url("/staticarchive/f9fb3681663052c8f6f5385252a5b5461e77df9f.gif");}
		
	
	/* navigation spans the whole page */
	#grid-nav ul
		{
		width:770px;
		margin:0px;
		padding:0px;
		border:0px;
		}	
		
	#grid-nav img
		{border:0px;}
		
	/* navigation cell style 
	there are 5 long cells & 5 short (default size) cells*/
	#grid-nav li
		{
		float:left;
		padding:0px;
		margin:0px 0px 1px 0px;
		background-color:#069;
		text-align:center;
		padding:3px 0px 2px 0px;	
		border-right:1px solid black;
		border-top:0px;
		width:55px;
		/* IE puts extra height on the icon filled cells, this levels it */
		_height:20px;
		}	
		
	/* IE box model problem re borders */
	* html #grid-nav li
		{width:56px;}
		
	/* Width of longer cells, EG ones with icons in or long words */
	#grid-nav li.long
		{width:76px;}
		
	/* IE box model problem re borders */
	* html #grid-nav li.long
		{width:77px;}
	
	/* last cell has no right hand border */
	#grid-nav li.last
		{
		border:0px;
		width:63px;
		}
		
	#grid-nav a 
		{
		text-transform:none;
		text-decoration:none;
		color:yellow;
		font-weight:normal;
		color:#FFDA79;
		display:inline;
		}
	
	#grid-nav li.first a
		{color:white;
		font-weight:bold;}
		
	#grid-nav a img
		{border:0px;}
		
		
/********
   * PAGE SPECIFIC STYLES
   		colors & sizes that override the default
	*/
	
/********
   * SOUNDS
	*/
	

		
/********
   * GALLERY HOME PAGE
	*/
	
	/** ## MAIN PAGE ## **/
	
		/** 1st left-hand container on page **/
		.page-gallery-home #grid-left .box1
		{width:200px;}
	
		/** link color **/
		#page-main.page-gallery-home a
			{color:#fff;}
			
/********
   * GALLERY PAGES
	*/
	
	/** ## MAIN PAGE ## **/
	
			
		.page-gallery #pad-main
			{ }
		
		/** overall link color **/
		.page-gallery a
			{color:#F7D24C;}



	/** ## GALLERY THUMBNAIL BROWSER ## **/
	
		/** container for thumbnail & description **/
		.box-gallery-item
			{
			float:left;
			width:102px;
			text-align:left;
			padding-bottom:20px;
			margin-right:48px;
			}
		
		/** thumbnail properties **/
		.box-gallery-item img
			{
			border:1px solid white;
			margin-bottom:3px;
			}
		
		/** descriptive text (10pt) **/
		.box-gallery-item p,
		.box-gallery-item a
			{
			font-size:62.5%;
			text-align:center;
			}
		
		/** sizes links EG 800 | 1024 | hi-res **/
		.box-gallery-item .sizes
			{
			width:102px;
			text-align:center;
			}
		
		/** sizes link color **/
		.box-gallery-item .sizes,
		.box-gallery-item .sizes a
			{color:#F7D24C;}
			
				/** ##CONCEPT ART GALLERY THUMBNAIL BROWSER ## **/
	
		/** container for thumbnail & description **/
		.box-concept-gallery-item
			{
			float:left;
			width:732px;
			text-align:center;
			padding-bottom:10px;
			margin-right:48px;
			}
		
		/** thumbnail properties **/
		.box-concept-gallery-item img
			{
			border:1px solid white;
			margin-bottom:3px;
			}
		
		/** descriptive text (10pt) **/
		.box-concept-gallery-item p,
		.box-concept-gallery-item a
			{
			font-size:62.5%;
			text-align:center;
			}
		
		/** sizes links EG 800 | 1024 | hi-res **/
		.box-concept-gallery-item .sizes
			{
			width:102px;
			text-align:center;
			}
		
		/** sizes link color **/
		.box-concept-gallery-item .sizes,
		.box-concept-gallery-item .sizes a
			{color:#F7D24C;}

/********
   * GALLERY PAGES
	*/	
	
	/** ## MAIN PAGE STUFF ## **/
	
	/** no padding on these as they are full screen **/
	.page-old #pad-main
		{
		padding:0px !important;
		border-bottom:1px solid black;
		}
	
	.page-old p
		{color:#000;}
		
	.page-old a
		{color:#F7D24C;}
			
	/** this only really relatess to episode 1. Looks like they were
	going to try and have something accessible for non-flash users
	then gave up for the rest of the series
	
	this incidentally pushes down the container gif so the background 
	image doesn't end abruptly **/
		.page-old .no-flash
			{height:565px;}
		
		page-old.ep1 .no-flash
			{background-image:url("/staticarchive/f77224b9a5809ea427939056e7fc4ae2851e4305.jpg");}
		

	/** ## NAVIGATION STYLES
	these change alot per episode ## **/
		
		page-old.ep3 #grid-nav li
				{background-color:#660000}
			
		page-old.ep4 #grid-nav li,
		page-old.ep5 #grid-nav li
			{background-color:#990000;}
		
		page-old.ep6 #grid-nav li
			{background-color:#8D460A;}
		
		page-old.ep7 #grid-nav li
			{background-color:#5C453D;}
		
		page-old.ep8 #grid-nav li
			{background-color:#84272D;}
		
		page-old.ep9 #grid-nav li
			{background-color:#072A56;}
		
		page-old.ep11 #grid-nav li
			{background-color:#923D2A;}
		
		page-old.ep12 #grid-nav li
			{background-color:#CC9900;}
		
		page-old.ep12 #grid-nav a
			{color:#000000;}
		
		page-old.ep13 #grid-nav li,
		page-old.ep14 #grid-nav li
			{background-color:#0099CC;} 
		
			
	/* #### Semi-transparent instruction 
	box for wallpaper #### */	
	
	.instructions
		{
		background-image:url("/staticarchive/f5eb869c19e066193485d052e86bbbc3c0dc22bd.gif");
		width:770px;
		margin-left: -20px;
		margin-bottom: -10px;
		}
		
	.instructions p
		{
		font-size:62.5%;
		padding:10px;
		}
		
	.instructions_concept
		{
		background-image:url("/staticarchive/f5eb869c19e066193485d052e86bbbc3c0dc22bd.gif");
		width:732px;
		margin-left: 0px;
		border:1px solid white;
		}
		
	.instructions_concept p
		{
		font-size:70%;
		padding:10px;
		}
		
	.instructions_small
		{
		background-image:url("/staticarchive/f5eb869c19e066193485d052e86bbbc3c0dc22bd.gif");
		width:378px;
		margin-left: -20px;
		margin-bottom: -10px;
		}
		
	.instructions_small p
		{
		font-size:62.5%;
		padding:10px;
		}
		
		.instructions_small2
		{
		background-image:url("/staticarchive/f5eb869c19e066193485d052e86bbbc3c0dc22bd.gif");
		width:296px;
		margin-left: -20px;
		margin-bottom: -10px;
		}
		
	.instructions_small2 p
		{
		font-size:62.5%;
		padding:10px;
		}
		
			.instructions_med
		{
		background-image:url("/staticarchive/f5eb869c19e066193485d052e86bbbc3c0dc22bd.gif");
		width:442px;
		margin-left: -20px;
		margin-bottom: -10px;
		}
		
	.instructions_med p
		{
		font-size:62.5%;
		padding:10px;
		}
		
		
					.instructions_iplayer
		{
		background-image:url("/staticarchive/2142c7323affadbd1adb4c59e197eddede5bbbc7.gif");
		width:512px;
		margin-bottom: -10px;
		}
		
	.instructions_iplayer p
		{
		font-size:80%;
		padding:10px;
		}
		
	.show-times
		{
		width:770px;
		font-size:68.75%;
		color:#ffffff;
		margin-bottom:5px;
		}
		
	.show-times .logo
		{
		width:205px;
		float:left;
		}
		
	.show-times .time
		{
		width:565px;
		float:left;
		padding-top:5px;
		}
		
	.show-times .time_wide
		{
		width:770px;
		float:left;
		padding-top:5px;
		}
		
	.show-times .360
		{
		width:565px;
		float:centre;
		padding-top:5px;
		padding-bottom:10px;
		}
		
		page-old.ep14 .show-times .time
			{color:#FFFFFF;}
			
	/* Episode Guide back / next */
			
	.back-next
		{
		width:770px;
		font-size:68.75%;
		color:#AC721D;
		}
		
	.back-next .wide
		{
		width:770px;
		float:left;
		padding-top:15px;
		}
			
		
		
	/* #### GAMES #### */

	.flashpad
		{
		margin-top:20px;
		width:400px;
		}	
		
	.flashpad p
		{font-size:68.75%;} 
		
	.flashpad a
		{color:#FFDA79;}
		
	.page-games .noflash
		{height:400px;}
		
	/* ##### Last Dalek game ##### */
	.page-games.lastdalek #pad-main
		{
		background-image:url("/staticarchive/db7775bf582cdc5fb08296eb3dd4600a1cd27776.jpg");
		padding:0px !important;
		}
		
	.page-games.lastdalek #grid-nav li
		{background-color:#CC3333;}
	
	.lastdalek-panel .left
		{width:59px;float:left;}
		
	.lastdalek-panel #game
		{
		width:501px;
		height:300px;
		float:left;
		background-color:#000000;
		}
		
	.lastdalek-panel .right
		{width:200px;float:left;}
		
	.lastdalek .blurb
		{text-align:center;padding-bottom:10px;}
		
	/* ##### EPISODES ##### */

		
	.page-episodes.rose #pad-main
		{background-image:url("/staticarchive/75af69480f2471ed18b0802e3a16a5413d7ba7ea.jpg");}
		
	/* .page-episodes #grid-nav li	
		{background-color:#971D1D;} */
		
	.page-episodes .list1 li.li1
		{margin-left:20px;}
	
	.page-episodes-home #grid-left .box1
	{width:450px;}
	
	.page-episodes-home #grid-left .box1 a
	{color:#ccc;}
		
	.episodes
		{margin-top:20px;}
		
	.page-episodes .main-title
		{
		width:540px;
		float:left;
		}
		
	.page-episodes .list1
		{
		width:210px;
		float:left;
		}
		
	.page-episodes .tardis
		{
		position:absolute;
		left:525px;
		padding-top:25px;
		}
		
	* html .page-episodes .tardis
		{padding-top:30px;}
		
	.page-episodes .box-left
		{
		width:450px;
		float:left;
		}
		
	.page-episodes .box-right
		{
		width:300px;
		float:left;
		}
		
	.page-episodes .blurb
		{
		padding-top:320px;
		font-weight:bold;
		}
		
	.page-episodes .blurb p
		{
		width:430px;
		}
		
	.page-episodes .box-right ul.hex
		{margin:280px 0px 0px 0px;}
		
	.page-episodes .box-right ul.hex #li1
		{margin-left:135px;}
		
	.page-episodes .box-right ul.hex #li2
		{margin-left:120px;}
		
	.page-episodes .box-right ul.hex #li3
		{margin-left:100px;}
		
	.page-episodes .box-right ul.hex #li4
		{margin-left:80px;}
		
	.page-episodes .box-right ul.hex #li5
		{margin-left:55px;}
		
	.page-episodes .box-right ul.hex #li6
		{margin-left:30px;}
		
	.page-episodes .box-right ul.hex #li7
		{margin-left:0px;}
		
	.episodes ul
		{
		width:222px;
		float:left;
		}
		
	.episodes ul li
		{
			padding-left:30px;
			background-image:url("/staticarchive/827443114e63720d9b839f24382c40e519e56304.gif");
			display:block;
			font-size:75%;
			margin-bottom:10px;
		}
		
	.episodes ul li a
		{
		font-weight:bold;
		color:#FAE272 !important;
		}
		
	#page-main.page-episode #grid-right .box-toplist
		{margin:10px;}
		
	#page-main.page-episode #grid-right .box-main-feature
		{margin:10px;}

	.page-characters-home .box1
		{height:550px;}
		
	.page-characters-home p a
		{
		font-weight:bold;
		display:block;
		}
		
	.page-characters .tardis
		{
		position:absolute;
		left:8px;
		top:132px;
		}
		
	.page-characters .tardis2
		{
		position:absolute;
		left:34px;
		top:132px;
		}
		
	.page-characters #grid-left
		{
		width:270px;
		float:left;
		padding-top:320px;
		}
		
	.page-characters #grid-right
		{
		width:480px;
		float:left;
		padding-top:320px;
		text-align:right;
		}
		
	.page-characters #grid-right .pad
		{padding-right:10px;}
		
	.page-characters #grid-right p
		{
		font-weight:bold;
		width:400px;
		text-align:right;
		}
		
	/* ##### CONFIDENTIAL ##### */
		
	.page-conf .box1
		{padding-top:20px;}
		
	.page-conf strong
		{color:#E35C1C;}
		
	.page-conf #grid-left p	
		{font-weight:bold;}
		
	.page-conf .grid-col p
		{
		font-size:62.5% !important;
		line-height:170%;
		}
		
	.page-conf .grid-col div img
		{
		border:1px solid white;
		margin-bottom:10px;
		}
	
	.page-conf .grid-col .bbc3
		{text-align:center;}
		
	.page-conf .grid-col .bbc3 img
		{border:0px;}
		
	.page-conf ol,
	.page-conf ol a
		{
		color:white;
		font-weight:bold;
		}
		
		
	/* ##### REUSABLE GENERAL STYLES #### */
		
	.no
		{
		margin:0px !important;
		padding:0px !important;
		}
	.bbcpageFooter {color:white;}
		
	.center
		{text-align:center;}
		
	.float-left
		{float:left;}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	div.footer {
	font-size: 60%;
	color:#FFFFFF;
	width:770px;
	text-align: center;
	margin-top: 5px;
	}
    
    /* Fixes bottom banner on homepage */
    div#banner-fix{margin-top:-1px;_margin-top:-3px;}
	
	    /* Fixes 42 screens on on homepage */
    div#banner-fix2{margin-bottom:-3px;_margin-bottom:-3px;}
	
	
	/*QUIZ*/
body.quiz{margin:10px 0 0 0;background:none;background-color:#000000;}
div.quiz{margin:10px 0 0 10px;}
.quiz .wrapper-1{width:390px;padding-bottom:37px;background-position:left bottom;background-repeat:no-repeat;background-color:transparent;}
.quiz .wrapper-2{min-height:460px;_height:460px;background-position:0 0;background-repeat:no-repeat;background-color:transparent;}
.quiz .submit{width:240px;height:25px;margin:15px 15px 33px 33px;background-repeat:no-repeat;background-color:transparent;}
.quiz .default{width:390px;background:transparent url(/staticarchive/159f09de894290ace6f8c02dc0d146af9b6aaf25.jpg) 0 0 repeat-y;}
.quiz .default .wrapper-1{background-image:url(/staticarchive/c78df4c92688f3b9ef84a500ccd82599d7d7a2c4.jpg);}
.quiz .default .wrapper-2{background-image:url(/staticarchive/c9abb1f3a999490e16a4a56474da8f735f3ae82e.jpg);}
.quiz .default .submit{background-image:url(/staticarchive/b212ad71a906de5f891489d83fadead446ce9319.gif);}
.quiz .personality{background:transparent url(/staticarchive/159f09de894290ace6f8c02dc0d146af9b6aaf25.jpg) repeat-y;}
.quiz .personality .wrapper-1{background-image:url(/staticarchive/c78df4c92688f3b9ef84a500ccd82599d7d7a2c4.jpg);}
.quiz .personality .wrapper-2{background-image:url(/staticarchive/c9abb1f3a999490e16a4a56474da8f735f3ae82e.jpg);}
.quiz .personality .submit{background-image:url(/staticarchive/b212ad71a906de5f891489d83fadead446ce9319.gif);}
.quiz #grid-column-1 img,
#grid-column-1 .quiz img{border:none;}
.quiz #grid-column-1 h1,
#grid-column-1 .quiz h2,
.quiz #grid-column-1 h2,
#grid-column-1 .quiz h3{background:transparent;border:none;margin:0 39px 0 39px;padding:0;}
.quiz #grid-column-1 h1{height:36px;}
.quiz #grid-column-1 h2,
#grid-column-1 .quiz h3{_position:relative;clear:left;font-size:1.1em;line-height:2.3em;color:#fff;text-align:center;}
.quiz #questions,
.quiz #result{color:#fff;}
.quiz #questions{margin:25px 43px 0 43px;}
.quiz #result{margin:25px 70px 0 70px;}
.quiz .question,
.quiz .answer{margin-left:10px;}
.quiz .question{margin-bottom:1em;}
.quiz .answer .index,
.quiz .answer label{line-height:1.8em;}
.quiz .question{font-weight:bold;}
.quiz .question .index{display:none;}
.quiz .answer .index{float:left;width:1.2em;font-weight:bold;text-transform:uppercase;}
.quiz .answer input{position:relative;top:.2em;_top:0;_float:left;}
.quiz .answer label{margin-left:10px;_margin-left:5px;}
.quiz p{margin:3px 0;_margin:2px 0;padding:0;}
.quiz #result .final-score{font-weight:bold;}
.quiz #result p{margin:.8em 0;}
.quiz #questions #quiz-form p{margin-left: 10px;}