<STYLE TYPE="text/css">
<!--
/**************************************************************
********* Formatting For Month Table and Text *****************
**************************************************************/

A	{ font-family:arial, helvetica; color:#00F; text-decoration:underline }
SPAN	{ font-family:arial, helvetica }
TD     	{ font-family:arial, helvetica }
BODY	{ background-color:#333333; color:#ffffff; }

/**** month and year header at top of calendar ****/
.date_header		{ font-size:15px; font-family:arial, helvetica; font-weight:bold; }

/**** color and size of calendar cells.  ****/
.day_cell		{ background-color:#EDECD8; height:80; width: 95; }
.empty_day_cell		{ background-color:#EEEEEE; height:80; width: 95; }
.today_cell		{ background-color:#F5F4ED; height:80; width: 95; }
.weekend_cell       	{ background-color:#CCCCCC; height:80; width: 95; }

/**** day number in upper left corner of each cell ****/
.day_number		{ font-size:10px; font-family:verdana, arial, helvetica;
				color:#000; }

/**** title_txt is the text for each post on main page ****/
.title_txt		{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link	{ color:#00F; text-decoration:underline; }
.title_txt A:active	{ color:#00F; text-decoration:underline; }
.title_txt A:visited	{ color:#00F; text-decoration:underline; }
.title_txt A:hover	{ color:#00F; text-decoration:underline; }

/**** time line under title text when event time given ****/
.time_str		{ font-size:9px; font-family:arial, helvetica; color:#000000; }

/**** column headers or days of the week ****/
.column_header		{ background-color:#2663E2; font-size:12px; color:#FFFFFF;
				 font-weight:bold; font-family:arial, helvetica; }

/**** footprint text ****/
.footprint {
font-size:10px;
color:#000;
font-weight:bold;
text-align: right;
font-family:verdana, arial, helvetica;
}
.footprint a {
font-size:10px;
color:#cc3300;
font-weight:bold;
font-family:verdana, arial, helvetica;
}

/******************************************************************/
/*     Template specific IDs for The Header                       */
/******************************************************************/
#splash {
position: relative;
left: 0px;
right: 0px;
height: 30px;
background-color: #333333;
background-image: none;
line-height: 20px;
}
/*************** This is the header *******************************/
#header1 {
text-align: center;
}
#header1 h1 {
position: relative;
text-decoration: none;
margin-left: auto;
margin-right: auto;
font-size: 150%;
height: 150%;
font-weight: normal;
font-family: serif;
font-style: italic;
font-variant: small-caps;
}
#header1 a,
#header1 h1 a {
color: #cc3300;
text-decoration: none;
}


/******************************************************************/
/*     Template specific IDs for The Menu Bar                     */
/******************************************************************/
#menu {
position: relative;
left: 0px;
right: 0px;
background: #000000 url('http://afternoonstudios.com/templates/electric/img/round_left.gif') no-repeat top left;
height: 50px;
padding: 0;
border: 0px;
margin: 0px 8px;
font-family: "trebuchet ms", helvetica, sans-serif, verdana, arial;
font-size: small;
}
#menu ul {
position: absolute;
top: 1px;
color: #ffffff;
font-weight: bold;
font-size: 100%;
}
#menu ul li {
display: inline;
padding: 5px 0px 5px 20px;
}
#menu ul li a {
background-color: transparent;
background-repeat: repeat-x;
font-size: 100%;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
#menu ul li a:hover {
background: #ffffff url('http://afternoonstudios.com/templates/electric/img/menu_li.gif') repeat-x top;
color: #000000;
text-decoration: none;
}
#date {
position: absolute;
height: 50px;
right: 0px;
top: 0px;
padding: 12px;
color: #ffffff;
font-weight: bold;
font-size: 100%;
background: url('http://afternoonstudios.com/templates/electric/img/round_right.gif') no-repeat top right;
}
#mainpage {
background-color: #333333;
}

// end hiding -->
</STYLE>
