/*
 * CSS Calendar
 * Tim Wright
 * Chris Coyier
 -----------------------------*/

*                   {margin:0;padding:0;}
body                {font:1em/1.4 Verdana, Arial, Helvetica, sans-serif; 
					 background: top center no-repeat #000000;}
body *              {display:inline;}
ol.calendar         {width:52em;margin:0 auto;display:block; min-height: 200px;
					 background: url(images/tl.png) top left no-repeat; padding: 20px 0 0 20px;}
li                  {list-style:none;}
p.link              {text-align:center;display: block;}
h1					{display: block; width: 200px;height:76px;y
			         background:url(images/july.png);text-indent:-9999px; margin: 15px auto; }

/*
 * Day styles
 -------------------------*/
li li               {width:6em;height:6em;float:left;margin:.2em; padding:.2em;overflow:auto;
					 background: url(images/day-bg.png) bottom right no-repeat; }

li li.today			{width:6em;height:6em;float:left;margin:.2em; padding:.2em;overflow:auto;
					 background: url(images/curr-day-bg.png) bottom right no-repeat; }
					 
li li.calendarDays	{text-align:center; height:20px;}

/*
 * Day content (UL/OL & P)y
 -------------------------*/
li li p             {font-size:.7em;display:block;}y
li li ol            {width:auto;}
li li ul li,
li li ol li         {font-size:.7em;display:block;height:auto;width:auto; background: none;
					 margin:0;padding:.2em 0;float:none;}

/*
 * Holiday class
 -------------------------*/
li li.holiday       {  }

/*
 * Inactive months
 -------------------------*/
li#lastmonth li,
li#nextmonth li	{ background: url(images/day-bg-inactive.png);}

li#Title li     { background: url(images/title-bg.png) center center no-repeat;}
/*
 * menu
 -------------------------*/
#menubar { /* position of menubar -*/
	position: absolute;
	left: 50%;
	width: 700px;
	height: 22px;
	margin-left: -400px;
	top: 75px;
	font-size:.7em;
	font-weight:bold;
	color:#FFFFFF;
}

#menubar a:hover { /* color white for home links */
	color: #ffffff;
	text-decoration:none;
}

#menubar a:visited { /* color white for home links */
	color: #ffffff;
	text-decoration:none;
}

/*
 * Calender Title
 -------------------------*/
#title { /* position of menubar -*/
	position: absolute;
	left: 50%;
	width: 700px;
	margin-left: -250px;
	top: 100px;
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
}

#title a:hover { /* color white for home links */
	color: #ffffff;
	text-decoration:none;
}

#title a:visited { /* color white for home links */
	color: #ffffff;
	text-decoration:none;
}

/*
 * background
 -------------------------*/
#background { /* position of menubar -*/
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -500px;
	top: 0px;
}

/*
 * calendar
 -------------------------*/
#calendar { /* position of menubar -*/
	position: absolute;
	left: 50%;
	width: 700px;
	margin-left: -500px;
	top: 0px;
}