@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Press+Start+2P);

/* Calender Styling */


body 
{	
	background: #0A0A0A;
	font-family: 'Press Start 2P', cursive;
	font-size: 12px;
}

#header
{
	position: fixed;
	height: 67px; 
	width: 935px;
	top: 50px;
	background: url(../images/header.png);
}

/* this wrapper will center the calender */

#wrapper
{
	width:938px;
	margin: 0 auto;
} 




table#calender
{
	width: 938px;
	margin: 0 auto;
	margin-top: 120px;
	margin-bottom: 20px;	
}

		
	
		table#calender tr
		{
			height: 120px;
		}
		
		/* this is the styling for the cell backgrounds for the days along the top */
		table#calender tr.days
		{
			height: 35px;
			background: url(../images/days_bg.png);
		}
		
		/* this creates the borders for spacing the cells of the calender */
		table#calender td
		{
			border: solid 2px #0A0A0A;
			text-align: left;
			vertical-align: top;	
			padding: 10px 0 0 10px;
			width: 134px;
			/* the above styling aligns the numbers to the top left corner of the cells */
		}
		
		table#calender tr.days td
		{
			border: solid 2px #0A0A0A;
			text-align: center;
			vertical-align: middle;	
			padding: 0 0 0 0; 
			width: 134px;
		}
		
		
		/* This is the styling for the cell coloring */
		
		tr.box
		{
			height: 117px;
		}

		tr.lblue
		{
			background: #9fbcc0;  	
		}
		
		tr.mlblue
		{
			background: #8bbac1;	
		}
		
		tr.mblue
		{
			background: #77a8af;	
		}
		
		tr.mhblue
		{
			background: #5f9aa3;	
		}
		
		tr.hblue
		{
			background: #4b8b94;	
		}
		
			/* this is the styling for the Last cell, 'April 2012' banner */
			
			td.april
			{
				background: url(../images/april_banner.png);	
			}
			
			
			/* Styling for the 27th, steelhead opener */
			
			td.steelie
			{
				background-position: center;	
			}
			
			td.steelie:hover
			{
				background: url(../images/steelie_hover.png);
				background-position: center;	
			}
			
			/* Styling for Easter */
			
			td.bunny
			{
				background-position: center;	
			}
			
			td.bunny:hover
			{
				background: url(../images/bunny_gar.png);
				background-position: center;	
			}
			
				/* Styling for Good Friday */
			
				td.zombie
				{
					background-position: center;	
				}
			
				td.zombie:hover
				{
					background: url(../images/zombie_jesus_2.png);
					background-position: center;	
				}