@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Concrete + Cashmere Main
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cc_main.css
	Date:			May 25, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#fff url(../images/bg_body.jpg) center 0 no-repeat;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#453b3b;
		line-height:18px;
	}
	#topHeader {
		background:url(../images/bg_header.jpg) center 35px no-repeat;
	}
	div.error
	{
		margin:10px 0 0 10px;
	}
		.error p
		{
			color:	#CF0B3D;	
		}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.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%;
	}
	#main {
		margin:0 auto;
		width:966px;
	}
	a:link, a:active, a:visited {
		color:#75dcff;
		text-decoration:none;
	}
		a:hover {
			color:#1990b8;
		}
	
	.loading {
		width:97px; height:33px;
		background:url(../images/ajax-loader.gif) center center no-repeat;
		float:right;
		display:block;		
	}
/*	---------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		width:923px;
		margin:0 auto; padding:0 0 0 60px;
		list-style:none;
		position:relative;
		background:url(../images/bg_nav.png) no-repeat;
	}
		ul#nav li {
			margin:0 5px 0 0;
			display:inline;
			float:left;
		}
			ul#nav li a {
				height:42px;
				display:block;
			}
				ul#nav li.home a {
					width:62px;
					background:url(../images/nav_Home.png) 0 0 no-repeat;
				}
					ul#nav li.home a:active, ul#nav li.home a:hover {
						background-position:0 -45px;
					}
				ul#nav li.blog a {
					width:52px;
					background:url(../images/nav_Blog.png) 0 0 no-repeat;
				}
					ul#nav li.blog a:active, ul#nav li.blog a:hover {
						background-position:0 -45px;
					}
				ul#nav li.cast a {
					width:54px;
					background:url(../images/nav_Cast.png) 0 0 no-repeat;
				}
					ul#nav li.cast a:active, ul#nav li.cast a:hover {
						background-position:0 -45px;
					}
				ul#nav li.guests a {
					width:124px;
					background:url(../images/nav_SpecialGuests.png) 0 0 no-repeat;
				}
					ul#nav li.guests a:active, ul#nav li.guests a:hover {
						background-position:0 -45px;
					}
				ul#nav li.contests a {
					width:82px;
					background:url(../images/nav_Contests.png) 0 0 no-repeat;
				}
					ul#nav li.contests a:active, ul#nav li.contests a:hover {
						background-position:0 -45px;
					} 
				ul#nav li.episodeLibrary {
					margin:0;
					position:absolute;
					top:0px;
					left:372px;
					z-index:2;
				}
					ul#nav li.episodeLibrary a {
						width:127px;
						background:url(../images/nav_episodeLibrary.png) 0 0 no-repeat;
						height:37px;
					}
						ul#nav li.episodeLibrary a:active, ul#nav li.episodeLibrary a:hover {
							background-position:0 -45px;
						}
							ul#nav li.episodeLibrary a.episodeHeader, ul#nav li.episodeLibrary a.episodeHeader:active, ul#nav li.episodeLibrary a.episodeHeader:hover {
								height:37px;
								background:url(../images/nav_episodeHeader.png) 0 0 no-repeat;
								display:block;
							}
							ul#nav li.episodeLibrary ul.dropdown {
								width:127px; height:80px;
								padding:2px 0 0 0;
								background:url(../images/nav_episodeLibrary_dropdown.png) 0 0 no-repeat;
								list-style:none;
							}	
								ul#nav li.episodeLibrary  ul.dropdown li.episodes a {
									width:123px; height:25px;
									margin:0 0 0 2px;
									background:url(../images/nav_dropdown_episodes.png) 0 0 no-repeat;
									display:block;
								}
									ul#nav li.episodeLibrary  ul.dropdown li.episodes a:hover {
										background-position:0 -25px;
									}
								ul#nav li.episodeLibrary  ul.dropdown li.mixology a {
									width:123px; height:25px;
									margin:0 0 0 2px;	
									background:url(../images/nav_dropdown_mixology.png) 0 0 no-repeat;
									display:block;
								}
									ul#nav li.episodeLibrary  ul.dropdown li.mixology a:hover {
										background-position:0 -25px;
									}
								ul#nav li.episodeLibrary  ul.dropdown li.bRoll a {
									width:123px; height:25px;
									margin:0 0 0 2px;
									background:url(../images/nav_dropdown_bRoll.png) 0 0 no-repeat;
									display:block;
								}
									ul#nav li.episodeLibrary  ul.dropdown li.bRoll a:hover {
										background-position:0 -25px;
									}
				ul#nav li.ccTV a {
					width:73px;
					background:url(../images/nav_CCTV.png) 0 0 no-repeat;
				}
					ul#nav li.ccTV a:active, ul#nav li.ccTV a:hover {
						background-position:0 -45px;
					}
				ul#nav li.downloads a {
					width:99px;
					margin:0 0 0 132px;
					background:url(../images/nav_Downloads.png) 0 0 no-repeat;
				}
					ul#nav li.downloads a:active, ul#nav li.downloads a:hover {
						background-position:0 -45px;
					}
				ul#nav li.mixology a {
					width:86px;
					background:url(../images/nav_Mixology.png) 0 0 no-repeat;
				}
					ul#nav li.mixology a:active, ul#nav li.mixology a:hover {
						background-position:0 -45px;
					}
				ul#nav li.aboutCC a {
					width:91px;
					background:url(../images/nav_AboutCC.png) 0 0 no-repeat;
				}
					ul#nav li.aboutCC a:active, ul#nav li.aboutCC a:hover {
						background-position:0 -45px;
					}
				ul#nav li.about a {
					width:99px;
					background:url(../images/nav_AboutAlize.png) 0 0 no-repeat;
				}
					ul#nav li.about a:active, ul#nav li.about a:hover {
						background-position:0 -45px;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		width:966px;
	}	
			#h2_comingSoon {
				width:212px; height:40px;
				margin:65px auto 232px auto;
				background:url(../images/comingSoon.png) no-repeat;
			}		
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:966px;
		margin:33px auto 0 auto; padding:10px 0 20px 0;
		background:url(../images/bg_footer.jpg) center top no-repeat;
		text-align:center;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#218892;
	}
		#footer ul {
			width:650px;
			margin:0 auto;
			list-style:none;
		}
			#footer ul li {
				margin:0 16px 0 0;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				float:left;
			}
				#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
					color:#fe3d00;
					text-decoration:none;
				}
					#footer ul li a:hover {
						color:#eb734d;
					}
		#footer a:link, #footer a:active, #footer a:visited {
			color:#218892;
			text-decoration:underline;
		}
			#footer a:hover {
				color:#453b3b;
			}
		#footer p {
			margin:10px 0;
			color:#af8b71;
		}
		#footer h3 {
			width:188px; height:17px;
			margin:18px auto 0 auto;
			background:url(../images/h3_mixItUp.png) no-repeat;
		}