<!-- FONT -->

FONT.menu 	{font-family:impact,arial, serif;
	  	 font-weight:normal;
	  	 font-size:75%;
	  	 color:black}
	  	 
FONT.timeline 	{font-family:Courier, serif;
	  	 font-weight:bold;
	  	 font-size:55%;
	  	 color:black}	  	 
	  	 
FONT.data 	{font-family:arial, serif;
	  	 font-weight:normal;
	  	 font-size:65%;
	  	 color:black}	  

FONT.titlebar 	{font-family:impact,arial, serif;
	  	 font-weight:normal;
	  	 font-size:75%;
	  	 color:white}
	  
FONT.main 	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:normal;
	  	 font-size:90%;
	  	 color:black}

FONT.pictures	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:75%;
	  	 color:black}
	  	 
FONT.album	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:85%;
	  	 color:black}	

FONT.blogdate	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:90%;
	  	 color:black}	

FONT.blogtitle	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:normal;
	  	 font-size:90%;
	  	 color:black}

FONT.blogmain	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:normal;
	  	 font-size:90%;
	  	 color:black}	

FONT.blogfooter	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:normal;
	  	 font-size:65%;
	  	 color:black}	
	  	 
FONT.dataheader	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:120%;
	  	 color:black}
<!-- Hx -->

H1.option1	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:175%;
	  	 color:black}
	  	 
H1.option2	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:normal;
	  	 font-size:300%;
	  	 color:white}
	  	 
H2.option1	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:150%;
	  	 color:black}	  	 

H3.option1	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:100%;
	  	 color:black}	       
	  	 
H3.option2	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:80%;
	  	 color:black}
	  	 
H3.option3	{font-family:"tahoma", "lucida console", arial, serif;
	  	 font-weight:bold;
	  	 font-size:90%;
	  	 color:darkgreen} 
	  	 
<!-- BODY -->

<!-- BODY.menu 	{background-color:rgb(128,64,0)} -->
BODY.menu 	{background-color:rgb(255,190,0)}
BODY.blogmenu 	{background-color:rgb(27,222,85)}

<!-- BODY.leftside 	{background-color:rgb(128,64,0)} -->
BODY.leftside 	{background-color:rgb(255,190,0)}
BODY.blogleftside 	{background-color:rgb(27,222,85)}

<!-- BODY.titlebar 	{background-color: rgb(215,107,0)} -->
BODY.titlebar 	{background-color: rgb(0,80,255)}

<!-- BODY.blogtitlebar 	{background-color: rgb(215,107,0)} -->
BODY.blogtitlebar 	{background-color: rgb(0,0,0)}

<!-- BODY.main 	{background-color:rgb(201,201,148)} -->
BODY.main 	{background-color:rgb(255,255,255)}

<!-- BODY.rightside 	{background-color:rgb(215,107,0)} -->
BODY.rightside 		{background-color:rgb(0,80,255)}
BODY.blogrightside 	{background-color:rgb(0,0,0)}

<!-- BODY.farright	{background-color:rgb(255,255,255)} -->
BODY.farright 	{background-color:rgb(255,255,255)}

<!-- A -->

A.menu:link 	{color:black;
	     	 text-decoration:none}
A.menu:visited 	{color:black;
		 text-decoration:none}
A.menu:active 	{color:black;
		 text-decoration:none}
A.menu:hover	{color:black;
		 text-decoration:underline}
		 
A.titlebar:link 	{color:white;
	     	 text-decoration:none}
A.titlebar:visited 	{color:white;
		 text-decoration:none}
A.titlebar:active 	{color:white;
		 text-decoration:none}
A.titlebar:hover	{color:white;
		 text-decoration:underline}
		 
A.main:link	{color:black;
		 text-decoration:underline}
A.main:visited	{color:black;
		 text-decoration:underline}
A.main:active	{color:black;
		 text-decoration:underline}
A.main.hover	{color:black;
		 text-decoration:underline}
		 
<!-- TD -->
TD.titlebar	{background-color:rgb(0,80,255);
 		 width:800px;
 		 vertical-align:top;
 		 text-align:right;}

TD.main		{background-color:rgb(255,255,255);
		 width:730px;}
		 
TD.menu		{background-color:rgb(255,190,0);
		 width:70px;
		 vertical-align:top;}	
		 
TD.leftside	{background-color:rgb(255,190,0);
		 width:4px;}		 

TD.rightside	{background-color:rgb(0,80,255);
		 width:3px;}
		 
TD.footer	{text-align:center;}		 
		 
TD.bottom	{background-color:rgb(255,190,0);
		 height:3px;}		 

TD.white	{background-color:rgb(255,255,255);
		 width:3px;}		 

TABLE.frame	{width:690px}

TABLE.noframe	{width:800px}
		 
<!-- UL -->
UL.main		{list-style-type:square}

<!-- DIV -->
DIV.timeline	{background-color: #FFFFFF; 
		border: thin solid black; 
		width: 690px; 
		height: 135px; 
		overflow: auto;
		}
		
DIV.blogdate	{background-color: rgb(27,222,85);
		border: none;
		width:auto;
		}