/*  
Theme Name: The Doctor Who Site Theme
Theme URI: http://www.thedoctorwhosite.co.uk/
Description: The Doctor Who Site Theme
Version: 4.1
Author: Luke Williams
Author URI: http://www.lukeishere.co.uk

*/

body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background:#e3e3e3;
}

form {
	padding:0;
	margin:0;
}

.Hide, .hide {
	postion:absolute;
	left:-999px;
}

.Edit a {
	padding:5px 15px;
	background:red;
	color:#FFFFFF !important;
}

img {border:none;}

.ClearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.ClearFix {
	display: inline-block;
}
 
html[xmlns] .ClearFix {
	display: block;
}
 
* html .ClearFix {
	height: 1%;
}

ul, li, ol {
	padding:0;
	margin:0;
	list-style:none;
}

.Wrapper {
	width:1000px;
	margin:0 auto;
}

a {
	text-decoration:none;
}

h1, h2, h3, h4, h5 {
	margin:0;
	font-weight:normal;
}

h1 {
	color:#202020;
	font-size:30px;
	padding:10px 15px 16px 11px;
}

h2 {
	color:#1b80b0;
	font-size:26px;
	padding:0 0 8px 0;
}
	h2 a {
		color:#1b80b0;
	}

h3 {
	color:#202020;
	font-size:20px;
	padding:14px 0 14px 0;
}

h4 {
	color:#ffffff;
	background:#1b80b0;
	font-size:16px;
	padding:10px 20px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-bottom:1px solid #FFFFFF;
}
	h4 a {
		color:#ffffff;
	}

p {
	font-size:15px;
}
	p a {
		color:#1b80b0;
	}

			
/***************** Body ******************/

#BodyHeader {
	background:url(images/banner-news.jpg) no-repeat;
	height:190px;
	width:1000px;
	position:relative;
}
	#BodyHeader a {
		color:#1b80b0;
	}
	#BodyHeader strong a {
		position:absolute;
		top:84px;
		left:30px;
		font-size:75px;
		font-weight:normal;
	}
	
#NewsNav {
	position:absolute;
	right:22px;
	bottom:0px;
}
	#NewsNav li {
		display:inline;
		padding:0 0 0 4px;
		font-size:16px;
	}
		#NewsNav li a {
			color: #1B80B0;
			background: #fff;
			padding: 6px 10px;
			display: inline-block;
			border-radius: 4px 4px 0 0;
			border-bottom: 1px solid #EFEFEF;
		}	
			#NewsNav li a:hover {
				color: #fff;
				background: #1B80B0;
			}	
			
#Body {
	padding:11px;
	background:#FFFFFF;
}

.Column1 {
	width:326px;
	float:left;
	display:inline;
}
	.Column1M  {
		width:304px;
		margin:11px;
	}

.Column2 {
	width:652px;
	float:left;
}
	.Column2M  {
		width:630px;
		margin:11px;
		display:inline;	
	}

.Column3 {
	width:978px;
	float:left;
	display:inline;
}
	.Column3M  {
		width:956px;
		margin:11px;
	}

.SearchForm {
}
	.SearchForm .SearchInput {
		width:400px;
		background:#FFFFFF;
		border:1px solid #202020;
		color:#1b80b0;
		padding:5px;
		font-size:17px;
	}
	.SearchForm .SearchSubmit {
		background:#202020;
		color:#ffffff;
		border:none;
		padding:5px 20px;
		font-size:17px;
	}


.Results li {
	min-height:170px;
	height:auto !important;
	height:170px;
	border-bottom:1px dotted #1b80b0;
}
	.Results li img {
		float:left;
		width:68px;
		padding:0 14px 10px 0;
	}
	.Results li p {
		padding:0;
		margin:0;
		font-size:14px;
		line-height:20px;
	}
	.Results li small {
		display:block;
		padding-top:10px;
	}
	.Results li p a {
		color:#333333;
	}
	.Results li strong {
		color:#1b80b0;
		font-size:18px;
		padding-bottom:12px;
		display:block;
	}
		.Results li a:hover strong {
			text-decoration:underline;
		}
.Results li.Column2  {
	min-height:110px;
	height:auto !important;
	height:110px;
}
	.Results li.Column2 img  {
		width:110px;
		height:90px;
	}

		
.HeadLine {
	background:#e3e3e3;
	margin-bottom:22px;
	width:590px;
	margin:11px;
	padding:20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	.HeadLine img {
		float:left;
		margin-right:20px;
	}
	.HeadLine p {
		padding:0;
		margin:0;
		display:block;
	}
	.HeadLine p a {
		color:#333333;
	}
	.HeadLine strong {
		color:#1b80b0;
		font-size:18px;
		padding-bottom:12px;
		display:block;
	}
		.HeadLine a:hover strong {
			text-decoration:underline;
		}
		
.More li {
	min-height:200px;
	height:auto !important;
	height:200px;
	background:#e3e3e3;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	
}
	.More li img {
		float:left;
		width:68px;
		padding:0 14px 10px 0;
	}
	.More li p {
		padding:0;
		margin:0;
		padding:18px;
		font-size:14px;
		line-height:20px;
	}
	.More li small {
		display:block;
		padding:10px 0 0 0;
	}
	.More li p a {
		color:#1b80b0;
	}
		.More li p a:hover {
			text-decoration:underline;
		}
	.More li strong {
		color:#1b80b0;
		font-size:18px;
		padding-bottom:12px;
		display:block;
	}
		.More li a:hover strong {
			text-decoration:underline;
		}
		
.Small li {
	border-bottom:1px dotted #1b80b0;
	line-height:22px;
	font-size:11px;
	padding:6px 0;
	color:#202020;
}
	.Small li img {
		float:left;
		height:20px;
		padding:0 10px 0 3px;
	}
	.Small li a {
		display:block;
		color:#1b80b0;
		font-size:12px;
	}
		.Small li a:hover {
			text-decoration:underline;
		}
		
	
.SideNav {
	margin-bottom:22px;
}	
	.SideNav li {
		padding:0 0 1px 0;
		margin:0px;
	}
		.SideNav li a {
			margin:0;
			padding:10px 20px;
			display:block;
			background:#e3e3e3;
			color:#1b80b0;
		}
			.SideNav li a:hover, .SideNav li.ui-tabs-selected a  {
				padding:10px 0 10px 30px;
				color:#ffffff;
				background:url(images/NavArrow.gif) #1b80b0 no-repeat 10px 13px ;
			}
	.SideNav li:first-child a {
		border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-right-radius: 6px;
	}
	.SideNav li:last-child a {
		border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-right-radius: 6px;
	}
			
	
#TagCloud a:hover {
text-decoration:underline;    
}
		
#recentcomments .SideList {
	margin-bottom:22px;
	display:block;
}
	#recentcomments li, .SideList li {
		padding:6px 5px;
		border-bottom:1px dotted #1b80b0;
		font-size:12px;
	}
		#recentcomments li:hover, .SideList li:hover {
			border-bottom:1px solid #1b80b0
		}
		#recentcomments li a {
			color:#666666;
		}
		.SideList li a {
			color:#1b80b0;
			font-size:14px;
		}
			#recentcomments li a:hover, .SideList li a:hover {
				color:#1b80b0;
				text-decoration:underline;
			}
			
.Panel {
}	
	.Panel li {
		padding-bottom:22px;
	}
		.Panel li a {
			background:#e3e3e3;
			text-align:center;
			display:block;
			color:#1b80b0;
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.Panel li img {
			margin:6px 6px 0 6px;
		}
		.Panel li span {
			display:block;
			padding:6px 0 8px 0;
		}
			.Panel li a:hover {
			background:#1b80b0;
			color:#FFFFFF;
			}
			
.Content p {
	font-size:16px;
	line-height:26px;
	color:#202020;
	padding:0 0 20px 0 ;
	margin:0;
}
	.Content a {
		color:#1b80b0;
	}
		.Content a:hover {
			text-decoration:underline;
		}
		
	.Content ol, .Content ul {
		list-style:circle;
		padding:10px 0 10px 20px;
	}
		.Content ol li, .Content ul li {
			list-style:circle;
			padding:8px 0;
		}
		.Content li a:hover {
			text-decoration:underline;
		}
		
h4 + .Box {
	background:#e3e3e3;
	padding:16px;
	margin-bottom:22px;	
	border-radius: 0px;
	-moz-border-radiust: 0px;
	-webkit-border-radius: 0px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

h4 + .SideNav li:first-child a {
	border-radius: 0px; -moz-border-radius:0;
}

.Relative, .RelativeIn {
	position:relative;
	width:630px;
	height:290px;
	margin-bottom:20px;
}
.RelativeIn span {
	margin:11px !important;
}
.Relative span, .RelativeIn span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:630px;
	z-index:100;
	height:290px;
	background:url(http://www.thedoctorwhosite.co.uk/wp-content/themes/tdws-v4.1/images/Corners.png) no-repeat;
}

* html .Relative span {
	background:none;
}

.NewsContent br {
display:none;
}

.Box {
	background:#e3e3e3;
	padding:16px;
	margin-bottom:22px;	
	border-radius: 6px;
	-moz-border-radiust: 6px;
	-webkit-border-radius: 6px;
}
			
.Element {
	background:#e3e3e3;
	padding:11px;
	float:left;
	width:280px;
	height:85px;
	text-align:left;
	margin:0 20px 30px 0;
	border-radius: 6px;
	-moz-border-radiust: 6px;
	-webkit-border-radius: 6px;
}
	.Element img {
		height:85px;
		margin-right:10px;
		float:left;
	}
	.Element p {
		line-height:28px;
		padding:0 0 7px 0;
		margin:0;
	}
	
.SocialMedia {
	float:right;
}
	.SocialIcon {
		float:right;
		margin:0 0 0 10px;
	}
	

p.Filed {
	padding: 10px 20px;
	background: #E7E7E7;
	border-radius: 6px;
	margin: 10px 0;
}
	
#CommentList {
	padding:0;
	margin:0;
}
#CommentList, #CommentList li {
	list-style:none;
}
	
	
	
.Content .Comment {
	width:auto;
	padding:14px;
	background:#e3e3e3;
	min-height:100px;
	height:auto !Important;
	height:100px;
	position:relative;
	margin-bottom:20px;
	border-radius:6px;
}
	.Content .Comment p {
		font-size:14px;
		line-height:20px;
		padding:0 0 14px 0;
	}
	.Content .Comment p.CommentPoster {
		font-size:16px;
	}
	.Content .Comment .avatar {
		margin:0 14px 14px 0;
		float:left;
		width:75px;
		height:75px;
		background:url(images/comment.png) no-repeat;
		display:block;
	}
	.Content .CommentTag {
		width:45px;
		height:22px;
		position:absolute;
		bottom:-22px;
		left:60px;
		display:block;
		background:url(images/comment.png) no-repeat;		
	}

#commentform label { width:110px; float:left; }
#comment, #url, #author, #email { width:400px; border:1px solid #999; border-radius:3px; display:inline-block; padding:10px; } 
.CommentContent { width:495px; float:left; }
.CommentContent img { max-width:380px; }

#CommentList ul { margin:5px 0 0 90px; padding:0;  }
#CommentList ul li { padding:15px; margin:0 0 10px 0; border-top:1px solid #1b80b0; border-radius:0; background:#f1f1f1; min-height:50px;  }
#CommentList ul .avatar { display:none; }

.CommentReply { float:right; }
.CommentReply a { padding:3px 6px; border-radius:4px; background:#333; color:#FFF; font-size:14px;}

.AdminComment .avatar {
	background:url(http://merchandise.thedoctorwhosite.co.uk/wp-content/themes/2010/images/Admin.png) no-repeat !important;
}

ul .AdminComment .avatar {
	display:block !important;
}
	ul .AdminComment .CommentContent {
		width:390px !important;
	}
	
.comment-form-url { display:none; }

.PageNavigation a, .PageNavigation span {
	padding: 3px 8px; 
	margin: 3px;
	text-decoration: none;
	color: #1b80b0;
	background: #e3e3e3;	
	border-radius:6px;
}

.PageNavigation a:hover, .PageNavigation span.current {
	color: #ffffff;
	background: #1b80b0;	
}

.Toggle {
	border-bottom:1px dotted #202020;
	display:none;
	padding:10px 0;
	margin-bottom:10px;
}

.ToggleP {
	padding:8px 35px !important;
	margin:0;
	background:url(http://www.thedoctorwhosite.co.uk/wp-content/themes/tdws-v4.1/images/plus.gif) 10px 13px no-repeat #202020;
	color:#FFFFFF !important;
	cursor:pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top:22px;
}

.ToggleS {
	background:url(http://www.thedoctorwhosite.co.uk/wp-content/themes/tdws-v4.1/images/minus.gif) 10px 13px no-repeat #202020;
}

#SocialMedia, #SocialMedia li { list-style:none; padding:0; margin:0;}
#SocialMedia { position:absolute; bottom:-62px; right:11px; }
#SocialMedia li { width:40px; float:left; margin-right:11px; position:relative;}
#SocialMedia li a { width:40px; display:block; overflow:hidden; }
#SocialMedia li span { position:absolute; top:-35px; left:-50%; margin-left:-40px; text-align:center; width:148px; padding:6px; font-size:12px; color:#FFFFFF; display:block; background:#000; z-index:100; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; display:none;}
#SocialMedia li:hover span { display:block;}
#SocialMedia li a:hover img { margin-left:-40px; }
#SocialMedia li a:active img { margin-left:-80px; }



#YouTubeContainer {
	width:600px;
	padding:15px;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	background:#ccc;
	overflow:hidden;
	margin:20px 0;
}

*:first-child+html #YouTubeContainer, * html #YouTubeContainer {
	width:600px !important;
}

#YouVid {
	height:350px;
	overflow:auto;
	width:130px;
	float:left;
	margin:0 10px 0 0;
	list-style:none;
	padding:0;
}

	#YouVid li {
		width:90px;
		height:70px;
		padding:5px;
		background:#fff;
		margin:0 0 10px 0;
		list-style:none;
	}
	
	#YouVid li:hover, #YouVid li.YouTubeSelect {
		background:#1b80b0;
	}

#YouVid li span {
	width:90px;
	height:70px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	position:relative;
}
	
	#YouVid li span:hover small {
		position:absolute;
		bottom:0;
		left:0;
		background:#333333;
		padding:3px;
		color:#FFFFFF;
		z-index:1;
		font-size:12px;
	}
	
	
	*:first-child+html #YouVid li span, *:first-child+html #YouVid li span:hover small {
	position:static;
	}
	
	#YouVid li span img {
		margin:-10px 0 0 -15px;	
	}

#YouTubeBox {
	width:460px;
	height:350px;
	background:url(http://www.thedoctorwhosite.co.uk/wp-content/themes/tdws-v4.1/images/loader.gif) center no-repeat;
	float:left;
}

.PollDaddy {
	float:right;
	margin:0 0 20px 20px;
}

.GoogleReader {
	padding:10px;
	border:1px solid #e3e3e3;
	border-radius:6px;
	background:#f7f7f7;
	margin:10px 0 0 0;
}
	.GoogleReader h3, .GoogleReader .f {
		display:none;
	}
	
	.GoogleReader a {
		display:block;
		color:#1b80b0;
		font-size:16px;
		line-height:20px;
		margin:0 0 10px 0;	
	}
	.GoogleReader a:after {
		content: "" attr(title) ""; 
		clear:both;
		display:block;
		padding:0 ; 
		font-size:12px;
		color:#333;
	}
	.GoogleReader a:hover { 
		text-decoration:underline;
	}.GoogleReader a:hover:after { 
		color:#666;
	}