/*
Theme Name: TV Series
Theme URI: http://tvseries.com
Description: TV Series WordPress Theme
Version: 1.0
Author: Spencer
Author URL: http://gurnk.com
/* --------------------------------------------- */

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	background:#2e2e2e;
	font:0.75em Helvetica, Arial, sans-serif; color:#7e7e7e; line-height:17px;
}

img {
	margin:0; padding:0;
	border:0;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:0; padding:0;	
}

	h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
		margin:25px 0 0 32px; padding:0;
		width:282px; height:47px;
		background:url(images/logo.png) no-repeat top center;
		display:block; text-indent:-9999em;
		outline:0; float:left;
	}

h2 {
	font:bold 2.0em Helvetica, Arial, sans-serif; color:#0073e9;
}

	#featured .episode h2 {
		margin:8px 0 0;
		font:bold 1.83em Helvetica, Arial, sans-serif; color:#3a3a3a;
		text-shadow:#ececec 0 1px 1px;
	}
	
		#featured .episode h2 a:link, #featured .episode h2 a:active, #featured .episode h2 a:visited {
			 color:#3a3a3a;
		} 
	
	.post h2, .commentlist li .author {
		margin:0; 
		font-size:1.33em; color:#0073e9;
	}
	
		.post h2 a:link, .post h2 a:active, .post h2 a:visited {
			color:#0073e9;
		}
	
	.post.inner h2 {
		margin:15px 0 5px;
		font-size:2.50em;
		line-height:35px;
	}
		
	#sidebar h2 {
		margin:0; padding:17px 20px 15px;
		font:bold 1.67em Helvetica, Arial, sans-serif; color:#3a3a3a;
		background:#dadada;
	}

h3 {
	font:bold 1.75em Helvetica, Arial, sans-serif; color:#0073e9;
}

	#comments, #respond h3 {
		margin:25px 0;
		color:#0073e9; font-size:1.50em;
	}

h4 {
	font:bold 1.50em Helvetica, Arial, sans-serif; color:#0073e9;
}

h5 {
	font:bold 1.33em Helvetica, Arial, sans-serif;
}

a:link, a:active, a:visited {
	color:#0073e9; text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Header
/* ------------ */

.tagline {
	font:bold 1.08em Helvetica, Arial, sans-serif;
	color:#812c0e; text-shadow:#ffd20a 0 1px 1px;
	line-height:17px;
}

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
	margin:0; padding:9px 10px;
	font:bold 1.33em Helvetica, Arial, sans-serif;
	color:#4d4d4d; text-shadow:#d6d6d6 0 1px 1px;
	border-right:1px solid #737373; display:block;
}

#navigation ul li a:hover {
	text-decoration:none;
}

#searchform-header #s {	
	font:1.33em Helvetica, Arial, sans-serif; color:#727272;
}

/* View Latest
/* -------------- */

.view-latest a:link, .view-latest a:active, .view-latest a:visited {
	font:bold 1.33em Helvetica, Arial, sans-serif; color:#FFF;
	text-shadow:#020202 0 1px 2px; display:block;
}

	.view-latest a span {
		display:block; margin:3px 0 0;
		font:normal 0.94em Hevletica, Arial, sans-serif; color:#888589;
		text-shadow:none;
	}
	
.view-latest a:hover {
	text-decoration:none;
}

#featured p {
	margin:8px 0 0; line-height:18px !important;
	font:1.08em Helvetica, Arial, sans-serif; color:#FFF;
	text-shadow:#5b5b5b 0 2px 1px;
}

a.watchnow:link, a.watchnow:active, a.watchnow:visited {
	display:block; margin:28px 15px 0 0; padding:16px 0 16px 65px;
	width:122px; height:16px;
	background:url(images/watch-now.png) no-repeat top center;
	float:right; display:inline-block;
	font:bold 1.50em Helvetica, Arial, sans-serif; color:#FFF;
	text-shadow:#5f5f5f 0 1px 1px;
}

/* Posts
/* -------------- */

.post .date,
.commentlist li .date,
.commentlist li .commentnumber,
.comment-count a:link, .comment-count a:active, .comment-count a:visited {
	font:bold 1.00em Helvetica, Arial, sans-serif; color:#FFF;
	text-transform:uppercase; text-align:center; line-height:27px;
	display:block;
}

.postmetadata, .post.inner .content  {
	font-size:1.17em; padding-top:5px;
}

	.postmetadata a:link, .postmetadata a:active, .postmetadata a:visited {
		text-decoration:underline;
	}
	
	.postmetadata a:hover {
		text-decoration:none;
	}

.post.inner .content {
	color:#333333;
}

/* Sidebar
/* -------------- */

#sidebar li a:link, #sidebar li a:active, #sidebar li a:visited {
	margin:0; padding:13px 10px 07px 25px;
	display:inline-block;
	font:bold 1.33em Helvetica, Arial, sans-serif; color:#757575;
}

#sidebar li a:hover {
	text-decoration:none; color:#ff7100;
}

/* Footer
/* -------------- */

#copyright,
#footer-pages a:link, #footer-pages a:active, #footer-pages a:visited {
	font:bold 1.00em Helvetica, Arial, sans-serif; color:#FFF;
	text-shadow:#000 0 1px 2px;
}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

#main {
	margin:0 auto; width:917px;
	background:url(images/background.gif) repeat-y top center;
}

#container {
	margin:0 auto; padding:0;
	width:901px; height:auto;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.aligncenter {
	margin:0 auto;
	display:block;
}

.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%;
}

/* 03 - HEADER / NAVIGATION
/* ----------------------------------------------*/

#header {
	margin:0; padding:0;
	width:auto; height:89px;
	background:url(images/header.gif) repeat-x top center;
	border-top:1px solid #939393;
}

	.tagline {
		margin:6px 8px 0 0; padding:0;
		width:442px; height:78px;
		background:url(images/tagline.png) no-repeat top center;
		float:right;
	}
	
		.tagline p {
			margin:0; padding:18px 15px 0 35px; font-size:1.00em;
		}
	
#navigation {
	margin:0; padding:0;
	background:#bfbfbf url(images/navigation.gif) repeat-x bottom center;
	border-top:1px solid #ffffff;
}

	#navigation ul {
		margin:0 0 0 5px; padding:0;
		list-style:none;
	}
	
		#navigation ul li {
			float:left;
		}
		
	#searchform-header {
		margin:2px 9px 0 0;
		width:205px; height:29px;
		float:right;
		background:url(images/searchform.gif) no-repeat center right;
	}
	
		#searchform-header #s {
			margin:0; padding:7px 10px 7px 0;
			border:0; float:right;
			width:164px; background:none;
		}
		
		#searchform-header #go {
			float:left;
		}
	
/* 04 - BANNER
/* ----------------------------------------------*/

#banner {
	margin:0; padding:0;
	width:901px; height:250px;
	position:relative;
}
	
	#banner-shadow, #shadow {
		width:100%; height:3px;
		background:url(images/banner-shadow.png) repeat-x top center;
		margin-bottom:-3px; position:relative; z-index:100; font-size:0;
	}
	
	#shadow {
		background:url(images/shadow.png) repeat-x top center;
	}
	
	#latest {
		width:601px; height:250px;
		float:left; position:relative;
	}
	
		.latest-preview {
			position:absolute;
		}
	
		.view-latest {
			margin:0; padding:13px;
			width:316px; height:41px;
			background:url(images/view-latest.png) no-repeat top center;
			position:absolute; top:163px; left:30px;
		}

	#ad {
		width:300px; height:250px;
		float:right;
	}
	
#featured {
	margin:0; padding:10px;
	width:auto; height:auto;
	background:#c0c0c0 url(images/featured.gif) repeat-x bottom center;
	border-top:1px solid #FFF;
}

	#featured .episode {
		width:660px; float:left;
	}
	
		#featured .episode .thumb {
			margin-right:25px;
			float:left;
			border-left:1px solid #606060; border-right:1px solid #606060;
			border-bottom:1px solid #3a3a3a; border-top:1px solid #afafaf;
		}
		
		#featured .episode .desc {
			margin-left:120px;
		}
		
/* 05 - MAIN CONTENT
/* ----------------------------------------------*/		
		
#content {
	margin:0; padding:0;
	background:#FFF url(images/content.gif) repeat-y top center;
}		

	#col-left {
		padding:15px 40px 10px 10px;
		width:551px; float:left;
		background:url(images/col-left.gif) repeat-x top center;
		border-top:1px solid #aaaaaa;
	}
	
		.post {
			margin:0 0 12px;
			position:relative;
		}
		
			.post .date, .commentlist li .date {
				position:absolute; left:-54px;
				width:55px; height:27px;
				background:url(images/date.png) no-repeat center left;
			}
			
			.post .thumb {
				border-top:1px solid #ebebeb; border-bottom:1px solid #818181;
				border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;
				float:left;
			}
			
			.post .comment-count, .commentlist li .commentnumber {
				margin:0; float:right;
				width:32px; height:27px;
				background:#b9b9b9 url(images/comment-count.gif) no-repeat center right;
			}
			
			.post .desc {
				padding:3px 0; margin-left:100px;
			}
			
				.post .desc p {
					margin:5px auto auto;
				}
		
		.commentlist {
			margin:0; padding:0;
			list-style:none;
		}
		
			.commentlist ul {
				list-style:none;
			}
		
			.commentlist li, .commentlist ul li {
				margin:auto auto 20px;
				position:relative;
			}
			
				.comment-inner {
					margin-left:20px;
				}
				
		#respond {
			margin:10px 0 0;
		}
		
			.input {
				background:#FFF; padding:6px 8px 5px;
				border:1px solid #b7b7b7;
			}
			
			textarea.input {
				width:300px;
			}
			
			#respond label {
				margin-left:10px;
			}
			
			#submit {
				margin-left:280px;
			}
	
	#col-right {
		width:300px; float:right;
		background:url(images/col-right.gif) repeat-x top center;
		border-top:1px solid #919191;
	}
	
		#sidebar, #sidebar ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			#sidebar li {
				margin:0; padding:0;
			}
			
				#sidebar li ul li {
					padding:3px 20px 4px;
					border-bottom:1px solid #dadada;
				}
				
			#sidebar li.widget_search, #sidebar li .textwidget, #sidebar li.widget_tag_cloud div {
				margin:15px;
			}
			
			#sidebar li #calendar_wrap {
				margin:0 auto; padding:15px 0;
				text-align:center;
			}
			
				#wp-calendar {
					margin:0 auto; width:90%;
					text-align:center;
				}
				
					#wp-calendar tfoot a:link, #wp-calendar tfoot a:active, #wp-calendar tfoot a:visited,
					#recentcomments li.recentcomments a:link, #recentcomments li.recentcomments a:active, #recentcomments li.recentcomments a:visited,
					#sidebar #ad-side a:link, #sidebar #ad-side a:active, #sidebar #ad-side a:visited {
						background:none; padding:0;
					}
					
					#prev {
						text-align:left
					}
					
					#next {
						text-align:right;
					}
			
			#sidebar #ad-side {
				height:250px;
			}

	
/* 06 - FOOTER
/* ----------------------------------------------*/
				
#footer {
	margin:0 auto; padding:11px 20px 0; 
	width:877px; height:50px;
	background:url(images/footer.gif) no-repeat top center;
}

	#copyright {
		float:left;
	}
	
	#footer-pages {
		margin:0; padding:0;
		list-style:none;
		float:right;
	}
	
		#footer-pages li {
			margin:0 5px 0 0; padding:0 0 0 5px;
			float:left;
			border-left:1px solid #FFF;
		}
		
		#footer-pages li.first {
			border:0;
		}
		
/* Misc
/* -------------- */

.preview {
	padding:2px; background:#ffffff;
}