﻿@charset "utf-8";

body		{ background-color: #409ac7; color: #000000; margin: 0; padding: 0;  }

/* Links ***********************************************************************************************/
a			{ outline: none; color: #000; text-decoration: underline; }
a:link		{ color: #000; text-decoration: underline; }
a:visited	{ color: #000; text-decoration: underline; }
a:hover		{ color: #000; text-decoration: underline; }
a:active	{ color: #000; text-decoration: underline; }

/* Layout elements ************************************************************************************/
#wrapper	{ width: 770px; margin: 0 auto; background: #fff url(../images/wrapper_background.jpg) repeat-y top center; }
	#header 	{ width: 770px; height: 160px; position: relative; background: #fff url(../images/header_background.jpg) no-repeat top center; }
		
		#header #logo	{ position: absolute; top: 0px; left: 0px; }
		#header #logo a	{ width: 230px; height: 160px; display: block; text-indent: -3000px; }	
		
		#header ul#links   { float: left; position: absolute; top: 0px; right: 0px; color: #fff; font-weight: bold; border: solid red 0px; width: 451px; height: 30px;}
	    #header ul#links li{ float: left; }
	    #header ul#links li a           { padding: 0; text-indent: -3000px; display: block; height: 40px; text-align: center; }
	    #header ul#links li a.navHome   { width: 53px; background: #409ac7 url(../images/nav_home.jpg) no-repeat center bottom; }
	    #header ul#links li a.navOverview { width: 82px; background: #409ac7 url(../images/nav_overview.jpg) no-repeat center bottom; }
	    #header ul#links li a.navReviews{ width: 72px; background: #409ac7 url(../images/nav_reviews.jpg) no-repeat center bottom; }
	    #header ul#links li a.navSupport{ width: 77px; background: #409ac7 url(../images/nav_support.jpg) no-repeat center bottom; }
	    #header ul#links li a.navContact{ width: 72px; background: #409ac7 url(../images/nav_contact.jpg) no-repeat center bottom; }
	    #header ul#links li a.navFacebook{ width: 51px; background: #409ac7 url(../images/nav_facebook.jpg) no-repeat center bottom; }
	  /*#header ul#links li a.navPortal { width: 66px; background: #409ac7 url(../images/nav_portal.jpg) no-repeat center bottom; }
	    #header ul#links li a.navFaqs   { width: 49px; background: #409ac7 url(../images/nav_faqs.jpg) no-repeat center bottom; }
	    #header ul#links li a.navHelp   { width: 48px; background: #409ac7 url(../images/nav_help.jpg) no-repeat center bottom; }
	    #header ul#links li a.navForums { width: 67px; background: #409ac7 url(../images/nav_forums.jpg) no-repeat center bottom; }*/
	    #header ul#links li a:hover     { background-position: center top; } 
	        body#home #header ul#links li a.navHome, body#overview #header ul#links li a.navOverview,
	        body#portal #header ul#links li a.navPortal,
	        body#reviews #header ul#links li a.navReviews, body#support #header ul#links li a.navSupport,
	        body#faq #header ul#links li a.navFaqs, body#help #header ul#links li a.navHelp,
	        body#contact #header ul#links li a.navContact { background-position: center top; }
		
		#header #search	{ position: absolute; top: 76px; left: 272px; border: solid red 0px; padding-right: 5px; vertical-align: middle; height: 45px; }
		.headerGoogleInput	{ margin-bottom: 16px; width: 250px; height: 21px; padding: 5px; vertical-align: middle; font-weight: bold; border: solid #409ac7 1px; background: #d8d8d8 url(../images/leftholder_input_background.jpg) repeat-x center center; }
		.headerGoogleSubmit	{ margin: 0 2px 0 5px; width: 90px; height: 30px; border-width: 0px; background: #999 url(../images/header_submit_background_google.jpg) no-repeat center center; text-indent: -3000px; cursor: pointer; font-size: 0px; line-height: 0px; }/*Last 3 items added 12/23/08 for IE6/7*/	
		.headerGoogleImage	{margin-top: 2px; }

	#mainContent{ float: left; display: inline; width: 770px; }
		#mainContentLeft { float: left; width: 160px; margin-left: 35px; margin-bottom: 20px; display: inline; } /*Optional*/
			.leftHolder	{ background: #fff url(../images/leftholder_main_background.jpg) repeat-y top center; margin-bottom: 20px; }
			.leftHolder	h3#hulu		{ background: url(../images/leftholder_top_background_hulu.jpg) no-repeat top center; }
			.leftHolder	h3#hulu a	{ text-indent: -3000px; display:block; height: 61px; }
			.leftHolder	h3#youTube	{ background: url(../images/leftholder_top_background_youtube.jpg) no-repeat top center; margin-bottom: 10px; }
			.leftHolder	h3#youTube a{ text-indent: -3000px; display:block; height: 81px; }
			.leftHolder	span { display: block; padding: 0px 20px 30px 20px; background: url(../images/leftholder_bottom_background.jpg) no-repeat bottom center; }
			.leftHolder ul.hulu li a	{ text-decoration: none; color: #75b53d; font-weight: bold; }
			.leftHolder ul.hulu li a:hover	{ text-decoration: underline; }
			.leftHolder ul.youTube li a	{ text-decoration: none; color: #ff3333; font-weight: bold; }
			.leftHolder ul.youTube li a:hover	{ text-decoration: underline; }
			.leftHolderInputHulu	{ width: 115px; border: solid #75b53d 1px; margin: 5px 0; background: #fff url(../images/leftholder_input_background.jpg) repeat-x center center; }
			.leftHolderInputYouTube	{ width: 115px; border: solid #ff3333 1px; margin: 5px 0; background: #fff url(../images/leftholder_input_background.jpg) repeat-x center center; }
			.leftHolderSubmitHulu	{ margin-left: 14px; width: 90px; height: 30px; border-width: 0px; background: #999 url(../images/leftholder_submit_background_hulu.jpg) no-repeat center center; text-indent: -3000px; cursor: pointer; }
			.leftHolderSubmitYouTube{ margin-left: 14px; width: 90px; height: 30px; border-width: 0px; background: #999 url(../images/leftholder_submit_background_youtube.jpg) no-repeat center center; text-indent: -3000px; cursor: pointer; }
			#donate { margin: 15px 0; padding: 10px 10px; border: solid #ccc 1px; text-align: center; }
			#donate p   { margin-bottom: 5px; }
			
		#mainContentRight { float: right; width: 500px; margin-right: 35px; border: solid red 0px; display: inline;} /*Optional*/
		
			table.tvNetworks	{ border: solid #03699b 5px; width: 490px; margin-top: 15px; }
			table.tvNetworks tr	{  }
			table.tvNetworks tr th	{ text-align: center; background-color: #edeede; padding: 6px 10px; color: #03699b; font-weight: bold; font-size: 116%; font-variant:small-caps; }
			table.tvNetworks tr td	{ background-color: #edeede; padding: 3px 10px; color: #333; border-top: solid #03699b 1px;  vertical-align: middle;}
			table.tvNetworks tr td a{ color: #333; }
			table.tvNetworks tr td a:hover{ color: #000; }
			table.tvNetworks tr td.banner   { background-color: #edeede; padding: 6px 6px; color: #333; border-top: solid #03699b 1px;  vertical-align: middle;}
				table.tvNetworks tr td.tvNetworkIcon	{  }
				table.tvNetworks tr td.tvNetworkName	{  }
				table.tvNetworks tr td.tvNetworkShows	{ }

            .rightHolder    { margin-bottom: 20px; background: #fff url(../images/rightholder_main_background.jpg) repeat-y top center; }
		    .rightHolder span   { display: block; padding: 0px 20px 30px 20px; background: url(../images/rightholder_bottom_background.jpg) no-repeat bottom center; }				
			#portalDiggIt h3 {}
			#portalDiggIt h3 a { display: block; text-indent: -3000px; display: block; height: 61px; background: url(../images/rightholder_top_background_diggit.jpg) no-repeat top center; }
			    #portalDiggIt img{ margin-left: 18px; margin-top: 10px; }
			#portalLatestNews h3 { display: block; text-indent: -3000px; display: block; height: 61px; background: url(../images/rightholder_top_background_latestnews.jpg) no-repeat top center; }
			    #portalLatestNews img{ margin-left: 18px; margin-top: 10px; }
			    #portalLatestNews p { margin: 10px 5px 5px 15px; }
			.portalGeneric h3 { display: block; text-indent: -3000px; display: block; height: 21px; background: url(../images/rightholder_top_background_generic.jpg) no-repeat top center; }
			    .portalGeneric p { margin: 5px 5px 0px 8px; text-align: center; }
			#googleBanner468x60	{ background-color: none; padding: 0px; margin-top: 15px; text-align: center; }
			
			
	#footer 	{ background: #409ac7 url(../images/wrapper_bottom.jpg) no-repeat top center; height: 10px; }
    #legal  { margin: 0 auto; width: 700px; color: #e5e8e5; text-align: center; padding: 5px; }
    #legal a{ color: white; text-decoration: none; }
    #legal a:hover{ color: white; text-decoration: underline; }
/* Miscellaneous classes for reuse ********************************************************************/
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/* Content elements ***********************************************************************************/
h1		{  }
h2		{  }
h3		{  }
h4		{  }
h6		{  }
p		{  }

strong	{ font-weight: bold; }
em		{ font-style: italic; }

dl	{  }
	dt	{  }
	dd	{  }

ol.list,ul.list	{ margin-left:2em; }
ol.list li		{ list-style: decimal outside; }
ul.list li 		{ list-style: disc outside; }