@charset "windows-1252";

 			 
 /***************** STYLES FOR THE GENERIC PAGE LAYOUT **************/	
BODY  /* entire page */
{
	background-color:  transparent;
	background-image: url(images/stripes.gif); 
	background-repeat: repeat;
	background-attachment: fixed;    
	font-family: arial, helvetica, serif;
	padding: 30px;
	text-align: center;
} 				   

td { font-size: 12; }
	
p {
	clear: left;
	padding: 10px;
	margin: 0;
	font-size: 12;
}

													  
/**************** link styles ******************/	


a:link, a:visited
{
	color: #6699BB;
	text-decoration: underline;
}

a:hover
{
	color: #99CCCC;
}

/**************** END link styels *****************/	 


#outer_border /* outer border for entire page */
{	   
	border: 10px; 	
	border-color: #88AA88; /*#CCCCCC; /*#88AA88; /*#DDDDBB;/*border color*/	
	border-style: solid;
	width: 700px; 		/* width of box*/	 
	margin: auto;
}

#inner_border
{
	border: 0px; 	
	border-color: #DDDDBB;/*border color*/	
	border-style: solid;
	margin: auto;
}

#banner   /* the top of the page containing the logo*/
{
   /*width: 684px;			 /  of the outer borders minus their border thicknes (16px)*/
   height: 60px;			   /* arbutrary hieght.  playwith this till it looks right */
   background-color: #335577;
   width: 100%;	
   color: white;
 }	

#frankie_myers
{
	font-size: 28;
	padding-left: 10px;
	padding-bottom: 10px;
}

#quote
{
	text-align: right;
	font-style: italic;
	font-size: 10;
}

#toolbar 
{ 
	text-align: center; 
} 

#toolbar a:link, #toolbar a:visited
{ 
	color: #AADDCC;
	text-decoration: none;
}

#toolbar a:hover 
{ 
	color: #FFFFFF;
	text-decoration: underline;
}

#page  /* main page text*/
{
	background-color: FFFFFF;
	font-size: 12;
	color: black;
	width: 100%;
	padding: 10px;
}

#footer        /* the links at the bottom of the page*/
{	  
	font-size: 	10;
 	text-align: center;
	height: 25px;
	background-color: #335577; 
	width: 100%;	
}

#footer td
{
	color: white;
}
#footer a:link, #footer a:visited
{ 
	color: #AADDCC;
	text-decoration: none;
}

#footer a:hover 
{ 
	color: #FFFFFF;
	text-decoration: underline;
}

#page_title
{
	font-size: 20;
	font-weight: bold;
	color: #333333;
	
	padding-bottom: 10px;
	text-align: center;
}

.me_pic
{
	vertical-align: top;
	float: right;
	width: 280px;
	border: #000000 1px solid;
	margin-left: 20px;
	margin-bottom: 10px;
}

.project
{
	border: #696969 1px solid;
	background-color: #dcdcdc;
	border-spacing: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.project TD
{
}

.project_separator
{
	border: none;
	background-color: white;
	height: 10;
}

.project_image {
	vertical-align: top;
	float: right;
	width: 160;
	border: #000000 1px solid;
	margin-left: 10px;
	margin-bottom: 10px;
}

.project_title {
	font-weight: bold;
	font-size: 14;
	color: #333333;
	padding-bottom: 0px;
	padding-left: 10px;
}

.project_sponsor {
	font-style: italic;
	padding-top: 0px;
	padding-left: 10px;
}

.project_date {
	padding-right: 10px;
}

.project_description {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
}

.project_description ul {
	margin: 0;
}

.project_links {
	padding-top: 10px;
}

.writing_heading {
	font-weight: bold;
	font-size: 14;
	padding-left: 10px;
	
}

.writing_name {
	text-decoration: underline;
	padding-left: 30px;
	padding-top: 5px;
}

.writing_description {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 5px;
}

.writing_class {
	font-style: italic;
	padding-left: 50px;
}

.writing_link {
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 15px;
}


/******************* BLOG ***************/
.blog_entry {
	width: 100%;
	margin-bottom: 20;
	border: 1px solid;
	border-color: #AAAAAA;
}

.blog_entry .title {
	font-weight: bold;
	font-size: larger;
}

.blog_entry .date {
	color: #773333;
	text-align: right;
}