*
{
	font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	color: #444444;
}

BODY
{
	background-image: url(../img/christmascandyedge.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	border-left: 1px solid #48B50A;
	border-right: 1px solid #48B50A;
	padding-left: 118px;
	padding-right: 51px;
	padding-top: 3px;
	max-width: 1290px;
}

H1
{
     color: #265D09;
     font-size: 36px;
     letter-spacing: -5px;
     margin-bottom: .6em;
}

H2
{
	color: #C59A00;
	font-style: italic;
}

H3 { color: #84C233; }

H4, H4 ACRONYM
{
	color: #D52317;
	margin-bottom: 12px;
	font-style: italic;
}

.span_0, A:link
{
	color: #D52317;
}

.span_1, A:visited, A:active
{
	color: #C59A00;
}

.span_2, A:hover
{
	color: #84C233;
}

STRONG, TD[title]
{
	background-color: #D52317;
	color: #000000;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301  */
::-moz-selection{ background: #00FF80; color: #000; text-shadow: none; }
::selection { background: #00FF80; color: #000; text-shadow: none; } 


HTML, TBODY { background-image: url(../img/christmasheaderbg.gif); }

CAPTION
{
	color: #C59A00;
}

TH 
{
	color: #000000;
}

TD
{
	color: #515151;
}

THEAD > TR
{
	background-color: #00FF80;
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media (max-width: 480px)
{  

	BODY
	{
        padding-left: 116px;
	    padding-right: 2px;
	    padding-top: 0px;
		width: 322px;
		max-width: 322px;
	}
	
	H1, H2, H3, H4
	{
		font-family: "Times New Roman", serif;
	}

    H1
    {
        letter-spacing: -1px;
    }
	
	BLOCKQUOTE
	{
		margin-left: 0px;
	}

}
