@charset "iso-8859-1";


body.frontpage 
{
background-color: #E6CC88;
margin-left: 0px;
margin-top: 0px;
}

body 
{
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;

}

#content-fp
{
background-image: url('pics/frontpage-bg.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
width: 700px;
height: 500px;
margin-left: 20px;
margin-top: 20px;
}

/* LINKS */

/*normal link*/
				a
{				color: #996633;
				text-decoration: underline; 
				font-weight: normal;
				background-color: transparent;
}

/*all hover*/

				a:hover
{				text-decoration: underline;
}
				a.menu:hover
{				text-decoration: underline;


}
				a.home:hover
{				text-decoration: underline;
}



/*www.ninnipoijarvi.com*/
				a.home
{				color: #FFFFFF;
				text-decoration: none; 
				font-size: 12pt;
				font-weight: bold;
				font-family: arial, sans-serif;
				
}

/*frontpage*/

#menu-fp
{
				padding-top: 30px;
				padding-left: 19px;


}


#fp-logo
{
				color: #F5D57F;
				font-family: "arial narrow", arial, sans-serif;
				font-size: 36pt;
				text-align: center;			
				padding-top: 40px;

}

/*menu*/

				td.menu
{
				text-align: left;
				vertical-align: middle;
				color: #996633;
				text-decoration: none; 
				font-weight: normal;
				background-color: transparent;
				font-family: arial, sans-serif;
				font-size: normal;
				height: 24px;
				padding: 0px;
				padding-left: 0px;
				
}
				a.menu 
{				color: #996633;
				text-decoration: none; 
				font-weight: normal;
				background-color: transparent;
				font-family: arial, sans-serif;
				font-size: 10pt;		
				/*width: 120px;		*/
				text-align: center;
				font-variant: small-caps;
				padding-left: 20px;
				padding-right: 20px;

}

				a.menuSelected
{				color: #FFCC66;
				text-decoration: none; 
				font-weight: normal;
				background-color: transparent;
				font-family: arial, sans-serif;
				font-size: 10pt;		
				/*width: 120px;		*/
				text-align: center;
				font-variant: small-caps;
				padding-left: 20px;
				padding-right: 20px;
}


/*TABLES*/

				td.colorbar
{				background-color: #FFCC66;
				background-image: url(pics/palkki.gif);
				font-family: Arial, sans-serif;
				font-size: 24pt;
				color: #CC9900;
				padding-left: 5px; 
				width: 100%;
				height: 21px;

}


				
				table.frontpage
{				border: 0px;
				width: 605px;
				height: 461px;
				padding: 2px;
				background-color: #803612;
				cellspacing: 0px;
				border-collapse: collapse;
				
}

				table.content
{				border: 0px;
				border-spacing: 0px;
				border-collapse: collapse;
				width: 100%;
				background-color: #FFFFFF;
				padding: 10px;


}

				td.content
{				color:"#000000";
				font-family: Verdana, arial;
				font-size: smaller;
				text-align: left;
				padding-left: 50px;
				padding-top: 5px;
				padding-right: 10px;
				vertical-align: top;
				width: 70%;

}

				td.column2
{ 				background-image: url(pics/dots.gif);
				background-repeat: repeat-y;
				color:"#000000";
				font-family: Verdana, arial;
				font-size: xx-small;
				text-align: left;
				padding-left: 10px;
				padding-top: 10px;
				padding-right: 20px;
				vertical-align: top;

}

				td.photos{
				background-image: url(pics/kollaasi_bw.jpg);
				background-repeat: repeat-x;
				height: 80px;
					
}


/* picture column in the content area */

				td.pics
{				color:"#000000";
				font-family: Verdana, arial;
				font-size: 10pt;
				text-align: left;
				padding-left: 50px;
				padding-top: 5px;
				padding-right: 5px;
				vertical-align: top;
				width: 20%;

}

/* photo gallery content area */

				td.content_photos
{				background-color: #FFFFFF;
				color: #990033;
				font-family: Verdana, arial;
				font-size: 10pt;
				text-align: left;
				padding: 10px;
				vertical-align: top;
				width: 80%;
}

				td.lyrics
{				background-color: #FFFFFF;
				color: #000000;
				font-family: Verdana, arial;
				font-size: 10pt;
				text-align: left;
				padding-left: 50px;
				padding-top: 5px;
				vertical-align: top;
				width: 50%;

}


/*headers*/

				H1
{
				font-family: arial, sans-serif;
				font-size: 24pt;
				text-align: left;
				color: #FFFFFF;
				font-weight: normal;
				display: inline;
				
}

				H2
{
				font-family: verdana, arial, sans-serif;
				font-size: 12pt;
				text-align: left;
				color: #996633;
				font-weight: bold;
				/*display: inline;*/
				line-height: 12px;
				margin-top: 2px;
			
}
				H3
{
				font-family: verdana, arial, sans-serif;
				font-size: 10pt;
				text-align: left;
				color: #996633;
				font-weight: bold;
				
			
}

				
				.diskog_h3
{
				font-family: Verdana, arial, sans-serif;
				color: #FFCC66;
				font-size: 16pt;
				margin-right: 8pt;
}
				.diskog_h4
				
{				font-family: verdana, arial, sans-serif;
				font-size: 12pt;
				color: #FFCC66;
				font-weight: bold;
				width: 180px;
				
}

				.textheader
{
				font-weight: bold;
			
}

				table.sidebar
{				border: 1px solid #996633;	
				/*border: 1px solid #666600;*/
				border-collapse: collapse;
				width: 300px;
				
}
				td.sidebar
{				color: #996633;
				font-family: Verdana, arial;
				font-size: 8pt;
				text-align: left;
				padding: 10px;
				vertical-align: top;

				
}

/*logobar*/

td.logo    
{
				color: #996633;
				width: 430;
				vertical-align: top;
				height: 105px;
				padding: 5px;
				background-color: #FFFFFF;
				background-image: url(pics/topbar_1.jpg);
				background-repeat: repeat-x;
				margin: 0px;
				font-size: normal;
				line-height: 12px;




}
p.logo
{
				font-family: "arial narrow", arial, sans-serif;
				font-size: 36pt;
				padding-left: 100px;
				padding-top: 20px;
				color: #FFFFFF;
				/*font-smooth: always;*/


				
}


/*copyright*/

.copyright
{				text-align: center;
				vertical-align: bottom;
				color: #666666;
				font-family: Verdana, arial, sans-serif;
				font-size: 8pt;
				padding: 0px;
				
}


				
ul 
{				list-style: none;
				color: #4a4a4a;		
				margin-left: 5px;

}


dl
{
	float: left; 
	margin-bottom: 1em;
	width: 400px;
	
	
} 

dt 
{ 

	clear: left; 
	width: 100px; 
	float: left;
	
} 
dd
{ 
	width: 300px; 
	float: left;
	margin: 0; 
	margin-bottom: 5px;

}



hr
{
		height: 1px;
		color: #FFCC66;

 		border: 0px;
		border-top: 1px; 
		border-style: dashed;
 		

}

#footer
{
margin-top: 80px;
padding-bottom: 10px;
background-color: #FFFFFF;

}

#copyright
{				text-align: right;
display: inline;

				color: #666666;
				font-family: Verdana, arial, sans-serif;
				font-size: 8pt;
				padding-left: 450px;
				
}


/* old ... */
/* table.gigs
{
		font-family: verdana, arial, sans-serif;
		font-size: 10pt;
		background: #FFF;
		text-align: left;
		vertical-align: top;
		padding: 10px;
}

td.gig
{
		vertical-align: top;
		

}

td.date
{
		vertical-align: top;
		width: 100px;
		height: 30px;
		display: inline;
} */