@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Concrete + Cashmere C + C TV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cc_ccTv.css
	Date:			May 25, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		background:#fff url(../images/bg_body_media.jpg) center top no-repeat;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav active Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li.episodeLibrary a {
		background-position:0 -45px;
		height:40px;
	}
	ul#menu li.episode a.active {
		background-position:0 -41px;
	}
	ul#menu li.mixology a.active {
		background-position:-241px -41px;
	}
	ul#menu li.broll a.active {
		background-position:-482px -41px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	h1#h1Title {
		width:207px; height:82px;
		margin:8px 0 0 377px;
		background:url(../images/h1_cc.png) no-repeat;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		padding:30px 0 0 0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#menu Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#menu {
		width:723px;
		margin:0 auto 38px auto;
		list-style:none;
	}
		ul#menu li {
			display:inline;
			float:left;
		}
			ul#menu li a {
				height:41px;
				display:block;
				background:url(../images/nav_sprites_menu_cctv.png) no-repeat;
			}
				ul#menu li.episode a {
					width:241px;
					background-position:0 0;
				}
					ul#menu li.episode a:active, ul#menu li.episode a:hover {
						background-position:0 -41px;
					}
				ul#menu li.mixology a {
					width:241px;
					background-position:-241px 0;
				}
					ul#menu li.mixology a:active, ul#menu li.mixology a:hover {
						background-position:-241px -41px;
					}
				ul#menu li.broll a {
					width:241px;
					background-position:-482px 0;
				}
					ul#menu li.broll a:active, ul#menu li.broll a:hover {
						background-position:-482px -41px;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#mainCol {
		
	}
		#mainCol .pagination {
			width:292px;
			margin:0 auto;
			font:bold 11px Arial, Helvetica, sans-serif;
		}
			#mainCol .pagination .prev {
				float:left;
			}
				#mainCol .pagination .prev a.btn:link, #mainCol .pagination .prev a.btn:active, #mainCol .pagination .prev a.btn:visited {
					width:25px; height:16px;
					padding:0 0 0 17px;
					background:url(../images/btn_arrows.png) -18px -8px no-repeat;
					color:#453b3b;
					display:block;
				}
					#mainCol .pagination .prev a.btn:hover {
						background-position:-18px -39px;
						color:#3e9fbe;
					}
			#mainCol .pagination .display {
				width:206px;
				color:#086ab1;
				text-align:center;
				display:block;
				float:left;
			}
				#mainCol .pagination .next {
					float:left;
					display:inline;
				}
					#mainCol .pagination .next a.btn:link, #mainCol .pagination .next a.btn:active, #mainCol .pagination .next a.btn:visited {
						width:26px; height:16px;
						padding:0 17px 0 0;
						background:url(../images/btn_arrows.png) -80px -8px no-repeat;
						color:#453b3b;
						display:block;
					}
						#mainCol .pagination .next a.btn:hover {
							background-position:-80px -39px;
							color:#3e9fbe;
						}
		#mainCol .entries {
			margin:8px 0 10px 0;
		}
			#mainCol .entries .entry {
				width:232px;
				margin:0 2px 2px 2px;
				display:inline;
				float:left;				
			}
				#mainCol .entries .entry .content {
					padding:9px 0 9px 9px;
					background:url(../images/bg_video.png) 0 0 no-repeat;
					font:normal 9px Verdana, Arial, Helvetica, sans-serif;
				}
					#mainCol .entries .entry .content a.border:link, #mainCol .entries .entry .content a.border:active, #mainCol .entries .entry .content a.border:visited {
						border:1px solid #22b6d9;
						width:210px;
						padding:1px;
						background:#fff;
						display:block;
					}
						#mainCol .entries .entry .content a.border:hover {
							border:1px solid #000;
						}
					#mainCol .entries .entry .content .episode {
						margin:5px 0 0 0;
						display:block;
					}
					#mainCol .entries .entry .content h2 {
						font:bold 13px Arial, Helvetica, sans-serif;
						color:#1873b6;
					}
						#mainCol .entries .entry .content h2 a:link, #mainCol .entries .entry .content h2 a:active, #mainCol .entries .entry .content h2 a:visited {
							color:#1873b6;
						}
							#mainCol .entries .entry .content h2 a:hover {
								color:#4aa4c1;
							}
					#mainCol .entries .entry .content .voteBox {
						margin:10px 0 0 0;
						font:bold 10px Arial, Helvetica, sans-serif;
					}
					#mainCol .entries .entry .content .votes {
						padding:0 9px 0 0;
						display:block;
						text-align:right;
					}
						
						#mainCol .entries .entry .content .votes a:link, #mainCol .entries .entry .content .votes a:active, #mainCol .entries .entry .content .votes a:visited {
							color:#453b3b;
						}
							#mainCol .entries .entry .content .votes a:hover {
								color:#f33c02;
							}
						#mainCol .entries .entry .content .voteBox .red {
							color:#d12a50;
							text-align:right;
						}
				#mainCol .entries .entry .bottom {
					height:1px;
					padding:0 0 7px 0;
					background:url(../images/bg_video_bottom.png) 0 0 no-repeat;
					line-height:1px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#single {
		background:#fff url(../images/bg_body_cast.jpg) center top no-repeat;
	}
		#single #contentSpace {
			padding:0;
		}
			#single #mainCol {
				width:756px;
				margin:0 auto;
			}
				#single .entry {
					margin:0 0 30px 0;
				}
					#single .entry .video {
						width:724px; height:459px;
						padding:16px 16px 0 16px;
						background:url(../images/bg_video756w.png) no-repeat;
					}
						#single .entry .video .border {
							/*border:1px solid #22b6d9;*/
							padding:1px;
						}
					#single .entry .content {
						padding:0 0 0 20px;
					}
					#single .entry .episode {						
						font:normal 9px Verdana, Arial, Helvetica, sans-serif;
						display:block;
					}
					#single .entry h2 {
						font:bold 27px Arial, Helvetica, sans-serif;
						color:#1873b6;
					}
					#single .entry .paragraph {
						font:normal 12px Arial, Helvetica, sans-serif;
					}
						#single .entry .paragraph p {
							margin:0 0 10px 0;
							font:normal 12px Arial, Helvetica, sans-serif;
						}
						#single .entry .content .voteBox {
							
						}
					#single .entry .content .votes {
						width:500px;
						padding:0 0 0 10px;
						font:normal 14px Arial, Helvetica, sans-serif;
						float:left;
					}
						#single .entry .content .votes .red {
							font:bold 14px Arial, Helvetica, sans-serif;
							color:#d12a50;
							line-height:14px;
						}

/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#comments {
		width:466px;
		float:left;
	}
		#comments h1 {
			width:123px; height:26px;
			background:url(../images/h1_comments.png) no-repeat;
		}
		#comments ul {
			margin:9px 0 0 0;
			list-style:none;		
		}
			#comments ul li {
				padding:12px 0 10px 0;
				background:url(../images/divider.jpg) 0 bottom no-repeat;
			}
			#comments ul li.noDivider {
				background:none;
			}
				#comments ul li .post {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#6b5b5b;
				}
					#comments ul li .post strong {
						font:bold 13px Arial, Helvetica, sans-serif;
						color:#086ab1;
					}
				#comments ul li .paragraph {
					font:normal 11px Arial, Helvetica, sans-serif;
				}
					#comments ul li .paragraph p {
						margin:0 0 11px 0;
						font:normal 11px Arial, Helvetica, sans-serif;
					}
		h1#h1_AddComment {
			width:154px; height:22px;
			margin:13px 0 0 12px;
			background:url(../images/h1_addAComment.png) no-repeat;
			float:none;
		}
		
		#comments form {
			margin:10px 0 0 0;
		}
			#comments form .inputBox {
				margin:0 0 5px 0;
			}
				#comments form .inputBox label {
					width:82px;
					padding:0 10px 0 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					text-align:right;
					vertical-align:top;
					display:block;
					float:left;
				}
				#comments form .inputBox .box {
					border:1px solid #cfcfcf;
					width:358px; height:24px;
					background:#f1f1f1;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#453b3b;
					float:left;
				}
					#comments form .inputBox .box input {
						border:none;
						width:358px; height:24px;
						background:transparent;
					}
				#comments form .description {
					width:445px; height:104px;
					margin:0 0 5px 0; padding:0 0 0 21px;
					background:url(../images/tag_tip_grey.png) no-repeat;
				}
					#comments form .description .box {
						border:1px solid #cfcfcf; border-left:none;
						width:444px; height:104px;						
						background:#f1f1f1;
					}
						#comments form .description .box textarea {
							border:none;
							width:431px; height:90px;
							padding:12px 0 0 14px;
							background:transparent;
						}
			#comments form input.btn {
				margin:0 0 0 89px;
			}
		#comments .pagination {
			width:466px;
			margin:30px 0 15px 0;
		}
			#comments .pagination a.active {
				border:1px solid #1ab7e3 !important;				
				background:#1ab7e3 !important;
				color:#fff !important;
			}
			#comments .pagination span.current {
				border:1px solid #1ab7e3 !important;				
				background:#1ab7e3 !important;
				color:#fff !important;
				padding:5px 10px;	
				display:block;
				float:left;
			}
			#comments .pagination a:link, #comments .pagination a:active, #comments .pagination a:visited {
				border:1px solid #1ab7e3;
				padding:5px 10px;				
				background:#fff;
				color:#f33c02;
				display:inline-block;
				float:left;
				margin:0 3px;
			}
				#comments .pagination a:hover {
					border:1px solid #1ab7e3;				
					background:#1ab7e3;
					color:#fff;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#relatedContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#relatedContent {
		width:235px;
		float:right;
	}		
		#relatedContent h1 {
			width:134px; height:20px;
			margin:0 0 11px 0;
			background:url(../images/h1_relatedContent.png) no-repeat;	
		}
		#relatedContent .entry {
			margin:0 0 5px 0;
		}
			#relatedContent .entry .videoBlock {
				width:108px;
				float:left;
			}
				#relatedContent .entry .videoBlock a:link, #relatedContent .entry .videoBlock a:active, #relatedContent .entry .videoBlock a:visited {
					border:1px solid #22b6d9;
					width:104px;
					padding:1px;
					background:#fff;
					display:block;
				}
					#relatedContent .entry .videoBlock a:hover {
						border:1px solid #000;
					}
			#relatedContent .entry .content {
				width:120px;
				padding:0;
				font:normal 9px Verdana, Arial, Helvetica, sans-serif;
				float:right;
			}
				#relatedContent .entry .content h2 {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#1873b6;
				}
					#relatedContent .entry .content h2 a:link, #relatedContent .entry .content h2 a:active, #relatedContent .entry .content h2 a:visited {						
						color:#1873b6;
					}
						#relatedContent .entry .content h2 a:hover {
							color:#4aa4c1;
						}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#footer {
		margin:40px auto 0 auto; padding:10px 0 20px 0;
	}