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

html {}
body {
	position:relative;
	z-index:1;
	font:83%/1.3333 Arial, Helvetica, sans-serif;
	color:#f7e8cd;
	margin-bottom:100px;
	background:#3e250f url('/include/site/multimedia/images/bodyBk.jpg');
}

a			{color:#fdd187; text-decoration:none;}
a:hover		{color:#fff; text-decoration:underline;}
a:active	{color:#fff;}

h1	{font-size:1.5em;}
h2	{font-size:1.25em;}
h3	{font-size:1.1em;}
h4	{font-size:1em;}
h5	{font-size:.9em;}
h6	{font-size:.75em;}


.clear		{display:block; clear:both; font-size:1px; line-height:1px; margin:-1px 0 0 0; padding:0; height:1px;}

.successText		{margin:5px 0 1em 0; padding:10px; border:1px solid #fdd187; background:#6a3f19;}
.successText img	{float:left; display:inline; margin:0 10px 10px 0;}
.helpText			{margin:0 10px 0 132px; font-style:italic;}
.error				{color:#f7e8cd; margin:5px 0; padding:3px 5px; font-weight:bold; background:#c70b05; border:1px solid #f7e8cd;}

p.attachment		{float:right; display:inline; margin:5px 0 5px 1em; padding:1em; border:1px solid #956533; background:transparent url('/include/site/multimedia/images/headingBk.png'); _background:#976733;}

form .row 			{margin:1em 0;}
form .row .title	{float:left; display:inline; width:120px; font-size:1em; text-align:right; font-weight:bold; padding:4px 5px 0 5px;}
form .row .fieldNote	{font-style:italic; font-size:.8em;}
form .row p			{color:#f7e8cd; margin:5px 110px 5px 132px; padding:3px 5px; font-size:.9em; font-weight:bold; background:#c70b05; border:1px solid #f7e8cd;}
form .submit		{margin:5px 10px 5px 132px; padding:2px 5px 4px 5px; background:transparent url('/include/site/multimedia/images/headingBk.png'); _background:#976733;}
form .submit img	{margin-bottom:-2px;}

form.contact {margin:1em 0 0 0; padding:3px;}

.textBox	{
	width:250px;
	color:#6c411a;
	font-size:1em;
	padding:2px;
	background:#fffaf3;
	border-left:1px solid #170c03;
	border-top:1px solid #170c03;
	border-right:1px solid #bf8d56;
	border-bottom:1px solid #bf8d56;
}

textarea.textBox	{width:400px; height:150px; font-family:Arial, Helvetica, sans-serif;}

.btn {
	color:#f7e8cd;
	margin:2px 0 0 0;
	padding:1px 5px 2px 5px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #e70d05;
	border-left:1px solid #e70d05;
	border-bottom:1px solid #491508;
	border-right:1px solid #491508;
	background:#c70b05 url('/include/site/multimedia/images/btnBk.gif') bottom left repeat-x;
}

.disabled {
	color:#d4b28d;
	margin:2px 0 0 0;
	padding:1px 5px 2px 5px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	border:1px solid #bf8d56;
	background:#63411f url('/include/site/multimedia/images/h4Bk.gif') bottom left repeat-x;
}
 
.descript {margin:0 0 1em 0;}

.descript p		{font-size:.9em; margin:.25em 0 .5em 0;}
.descript h1	{font-size:1.5em; margin:.5em 0 .25em 0;}
.descript h2	{font-size:1.25em; margin:.5em 0 .25em 0;}
.descript h3	{font-size:1.1em; margin:.5em 0 .25em 0;}
.descript h4	{font-size:1em; margin:.5em 0 .25em 0;}
.descript h5	{font-size:.9em; margin:.5em 0 .25em 0;}
.descript h6	{font-size:.75em; margin:.5em 0 .25em 0;}

.descript pre	{font-size:1em; margin:.5em 0;}
.descript img	{margin:3px; max-width:550px; height:auto;}
.descript ul	{margin:.5em 0 .5em 2em; list-style-type:disc;}
.descript ol	{margin:.5em 0 .5em 2em; list-style-type:decimal;}
.descript li	{margin:0 0 1em 0;}

.descript address	{font-style:normal; font-weight:bold;}

.descript img.attachment {float:right; display:inline; margin:3px; max-width:550px; height:auto;}


/* ~~~~~~~~~~~~ Masthead/header styles ~~~~~~~~~~~~~~~~~~~~~~ */

#masthead	{position:relative; min-height:60px; _height:60px;}

#logo	{position:absolute; top:-5px; left:-70px; z-index:999;}
#nav	{text-align:right;}

#nav ul.pri					{height:31px; overflow:hidden; padding-left:240px; background:#000; border-bottom:1px solid #fdd187;}
#nav ul.pri li				{float:left; display:inline;}
#nav ul.pri li a:hover img	{margin:-31px 0 0 0;}
#nav ul.pri li.sel a img	{margin:-31px 0 0 0;} 

#nav ul.sec					{height:29px; padding:0 0 0 250px; font-weight:bold; background:transparent url('/include/site/multimedia/images/headingBk.png'); _background:#976733;}
#nav ul.sec li				{float:left; display:inline; margin:5px; white-space:nowrap;}
#nav ul.sec li a			{color:#f7e8cd; padding:3px 6px;}
#nav ul.sec li.sel a		{color:#3e250f; text-decoration:none; background:#f4e1ae url('/include/site/multimedia/images/navSecSelBk.gif') top left repeat-x;}
#nav ul.sec li a:hover		{color:#3e250f; text-decoration:none; background:#f4e1ae url('/include/site/multimedia/images/navSecBk.gif') bottom left repeat-x;}



/* ~~~~~~~~~~~~ Layout Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrap {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #fdd187;
	border-top:none;
	background:#3e250f url('/include/site/multimedia/images/wrapBk.jpg') repeat-y;
}

.colm {float:left; display:inline;}



/* ~~~~~~~~~~~~ Ad Styles ~~~~~~~~~~~~~~~~~~~~~~ */

#ads #sweepstakes					{position:relative; width:244px; height:160px; border-top:1px solid #9a0904; border-left:1px solid #9a0904;}
#ads #sweepstakes img.back			{position:absolute; top:0; left:-16px; z-index:1;}
#ads #sweepstakes span.back			{position:absolute !important; top:0 !important; left:-16px !important; z-index:1 !important;}
#ads #sweepstakes h3				{position:relative; z-index:2; height:132px; overflow:hidden;}
#ads #sweepstakes h3 a:hover img	{margin-top:-134px;}
#ads #sweepstakes h6				{position:relative; z-index:2; font-size:.8em; font-weight:normal; text-align:right; padding:0 15px;}
#ads #sweepstakes h6 a				{color:#ccc; text-decoration:underline;}
#ads #sweepstakes h6 a:hover		{color:#fff;}

#ads #eNews					{position:relative; height:125px; margin-top:2em;}
#ads #eNews img.back		{position:absolute; bottom:0; z-index:1;}
#ads #eNews h3				{position:absolute; bottom:-15px; right:10px; height:45px; overflow:hidden; z-index:2;}
#ads #eNews h3 a:hover img	{margin-top:-47px;}

#ads #findARetailer			{font-size:1em; margin:2em 10px 10px 15px;}
#ads #findARetailer a		{display:block; width:220px; padding:4px 0; text-align:center; border:1px solid #956533; background:#63411f url('/include/site/multimedia/images/h4Bk-over.gif') bottom left repeat-x;}
#ads #findARetailer a:hover	{text-decoration:none; background:#976733 url('/include/site/multimedia/images/h4Bk.gif') bottom left repeat-x;}
#ads #findARetailer img		{margin-bottom:-3px;}



/* ~~~~~~~~~~~~ footer styles ~~~~~~~~~~~~~~~~~~~~~~ */

#footer 		{clear:both; color:#b6a48b; margin:25px 50px 10px 10px; text-align:right;}
#footer a		{color:#b6a48b; font-weight:bold;}
#footer a:hover	{color:#f7e8cd;}

#footer h1.noscript		{clear:both; font-size:1.1em; color:red; margin:1em 45px; text-align:center; border:1px solid #f33; background:#fff;}
#footer h1.noscript a	{color:#444;}

/* ~~~~~~~~~~~~ sponsors styles ~~~~~~~~~~~~~~~~~~~~~~ */

#sponsors 		{float:right; text-align:center; width:550px; margin:1em 50px 1em 10px; padding:3px; background:transparent url('/include/site/multimedia/images/headingBk.png'); _background:#976733;}
#sponsors ul	{padding-left:20px;}
#sponsors ul li	{float:left; display:inline; padding:5px 10px;}


/* ~~~~~~~~~~~~ Home Specific Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#home #nav						{background:#000; height:31px; overflow:hidden; border-top:1px solid #fdd187; border-bottom:none;}
#home #nav ul					{font-size:1em; font-weight:bold;}
#home #nav ul li				{float:left; display:inline;}
#home #nav ul li a:hover img	{margin:-31px 0 0 0;}

#home #feature	{width:654px; border-right:1px solid #fdd187; border-bottom:1px solid #fdd187;}

#home #ads					{float:right; width:245px;}
#home #ads #findARetailer	{margin:0; border-bottom:1px solid #fdd187;}
#home #ads #findARetailer a	{width:auto; border:none;}
#home #ads #sweepstakes		{width:auto; border:none;}
#home #ads #eNews			{margin:0;}
#home #ads #eNews h3		{bottom:-21px; right:0;}

#home #video			{width:570px; margin:10px 0 0 0;}
#home #video h1 		{padding:2px 5px 0 5px; text-transform:uppercase; background:transparent url('/include/site/multimedia/images/headingBk.png'); _background:#976733;}
#home #video h1 img		{margin-bottom:-2px;}
#home #video h1 .text	{float:left; display:inline; width:auto;}

#home #video h1 a.btn {
	float:right;
	display:inline;
	width:auto;
	color:#f7e8cd;
	margin:2px 0 0 0;
	padding:1px 5px 2px 5px;
	font-size:13px;
	text-align:center;
	text-transform:none;
	border-top:1px solid #e70d05;
	border-left:1px solid #e70d05;
	border-bottom:1px solid #491508;
	border-right:1px solid #491508;
	background:#c70b05 url('/include/site/multimedia/images/btnBk.gif') bottom left repeat-x;
}

#home #video h1 a.btn:hover {
	color:#fff;
	text-decoration:none;
	border-top:1px solid #491508;
	border-left:1px solid #491508;
	border-bottom:1px solid #e70d05;
	border-right:1px solid #e70d05;
	background:#c70b05 url('/include/site/multimedia/images/btnBk-over.gif') bottom left repeat-x;
}

#home #video .post				{width:410px; margin-left:auto; margin-right:auto; margin-top:1.5em; margin-bottom:1.5em;}
#home #video .post h2			{margin:0 0 5px 0;}
#home #video .post .descript	{margin:5px 0 0 0;}

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

#home #news					{float:right; width:305px; margin:0 10px 10px 0; border:1px solid #956533;}
#home #news h3				{padding:2px 5px; font-size:1.1em; text-transform:uppercase; background:#976733;}
#home #news ul				{background:#252525; padding:5px;}

#home #news li				{clear:both; margin:2px;}
#home #news li a			{display:block; min-height:77px; _height:77px; padding:2px;}
#home #news li a:hover		{text-decoration:none; background:#956533;}
#home #news li a img		{border:1px solid #fdd187; float:left; display:inline; width:75px; height:75px; margin:0 5px 0 0; overflow:hidden;}
#home #news li a:hover img	{border:1px solid #fff;}

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

#home #news li.last			{margin:0 2px; padding:3px 0; text-align:right; border-top:1px solid #956533;}
#home #news li.last a		{display:inline;}
#home #news li.last a:hover {background:none; text-decoration:underline;}

#home #sponsors	{float:left; margin:1em 10px;}

#home #footer	{text-align:left;}