/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: SCREEN | FILE section Stylesheet
' Description	: This page contains FILE SCREEN styles for
'				: http://www.mathewstv.com/
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 04/30/2008	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

h1.title		{margin:5px 0 5px 255px;}
h1.title img	{margin-bottom:-2px;}



/* ~~~~~~~~~~~~ File Specific Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#file #content	{float:right; width:550px; margin:0 50px 10px 10px; padding:3px;}
#file #ads		{float:left; width:255px; margin:0 10px 10px 10px;}



/* ~~~~~~~~~~~~ Video Specific Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#video #content				{float:right; width:550px; margin:0 50px 10px 10px; padding:0 3px 3px 3px;}
#video #content h2.title	{margin:0 0 5px 0;}

#video #content #player					{float:left; display:inline; width:406px; margin:0 15px 0 0; min-height:272px; border:1px solid #956533; background:#976733 url('/include/site/multimedia/images/noscript-PlayerImg.jpg') no-repeat;}
#video #content #player noscript		{display:block; margin:10px; font-weight:bold; font-size:1.1em;}
#video #content #player #flashUpgrade 	{margin:10px;}

#video #content .descript	{}

#video #videoList			{float:left; width:255px; margin:0 10px 10px 10px; border:1px solid #956533;}
#video #videoList h3		{padding:2px 5px; font-size:1em; text-transform:uppercase; background:#976733;}
#video #videoList h3 img	{margin-bottom:-2px;}
#video #videoList ul		{background:#252525; padding:2px; height:457px; overflow:auto;}

#video #videoList li				{clear:both; margin:2px;}
#video #videoList li a				{display:block; padding:2px; min-height:78px; _height:78px;}
#video #videoList li.sel a			{background:#956533 url('/include/site/multimedia/images/newsItemBk.gif') top left repeat-x;}
#video #videoList li a:hover		{text-decoration:none; background:#956533;}
#video #videoList li a img			{border:1px solid #fdd187; float:left; display:inline; width:75px; height:75px; margin:0 5px 0 0; overflow:hidden;}
#video #videoList li a:hover img	{border:1px solid #fff;}

#video #videoList li .title		{display:block; font-weight:bold;}
#video #videoList li .descript	{font-size:.8em; color:#f7e8cd}


/* ~~~~~~~~~~~~ News Specific Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#news #content		{float:right; width:550px; margin:0 50px 10px 10px; padding:0 3px 3px 3px;}

#news #newsList			{float:left; width:255px; margin:0 10px 10px 10px; border:1px solid #956533;}
#news #newsList h3		{padding:2px 5px; font-size:1em; text-transform:uppercase; background:#976733;}
#news #newsList h3 img	{margin-bottom:-2px;}

#news #newsList table			{width:100%; background:#3e250f;}
#news #newsList table td 		{padding:2px 5px; width:33%;}
#news #newsList table .center	{text-align:center;}
#news #newsList table .right	{text-align:right;}

#news #newsList ul		{background:#252525; padding:2px; border-top:1px solid #956533; border-bottom:1px solid #956533;}

#news #newsList li				{clear:both; margin:2px;}
#news #newsList li a			{display:block; padding:2px; min-height:78px; _height:78px;}
#news #newsList li.sel a		{background:#956533 url('/include/site/multimedia/images/newsItemBk.gif') top left repeat-x;}
#news #newsList li a:hover		{text-decoration:none; background:#956533;}
#news #newsList li a img		{border:1px solid #fdd187; float:left; display:inline; width:75px; height:75px; margin:0 5px 0 0; overflow:hidden;}
#news #newsList li a:hover img	{border:1px solid #fff;}

#news #newsList li .title		{display:block; font-weight:bold;}
#news #newsList li .descript	{font-size:.8em; color:#f7e8cd;}
#news #newsList li .date 		{float:left; clear:left; display:inline; width:auto; font-size:.8em; padding:.5em 0 0 0;}
#news #newsList li .more		{float:right; display:inline; width:auto; font-size:.8em; padding:.5em 0 0 0; text-align:right;}




/* ~~~~~~~~~~~~ Contact Specific Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contact #content	{float:right; width:550px; margin:0 50px 10px 10px; padding:3px;}
#contact #ads		{float:left; width:255px; margin:0 10px 10px 10px;}



/* ~~~~~~~~~~~~ Sweepstakes Specific Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sweepstakes #content	{float:right; width:550px; margin:0 50px 10px 10px; padding:3px;}
#sweepstakes #ads		{float:left; width:255px; margin:0 10px 10px 10px;}

#sweepstakes input#dob		{width:75px;}
#sweepstakes input#phone	{width:75px;}
#sweepstakes select#state	{width:170px;}
#sweepstakes input#zipCode	{width:60px;}
#sweepstakes input#verificationKey	{width:60px;}