body {
	margin:10px 0px 20px 0px;
	background-color:#D0EEFB;
	background-image:url(images/mainbackground.gif);
	background-attachment: fixed;
	background-repeat: repeat;
	background-position:top left;
	text-align: center;
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/
	color:#333333; 	font-size: 80%;
	}
	
/*  Typografia */

p {
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/
	margin-top:0em;
	margin-right:1em;
	margin-bottom:1.3em;
	margin-left:1em;
	font-size:1em;
	line-height:1.3em;
	text-align:left; 
	}

p.left {
	text-align:left;
	}

p.small {
	font-size: 0.8em;
	margin-bottom:0;
	text-align:center;
	}

p.caption { 	font-size: 0.9em;	 	margin-left:4em; 	margin-right:4em; 	} 	 

small {  	
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;  	*/
	margin-top:0em; 	
	margin-right:1em; 	
	margin-bottom:1.3em; 	
	margin-left:1.2em; 	
	font-size:0.8em; 	
	line-height:1.3em; 	
	text-align:left;  	
	} 	 

p.smallleft { 	margin-top:1em; 	font-size: 0.8em;	 	text-align:left; 	 	}  

p.puu { 	font-size:x-small;	 	background-color: transparent;		 	float:right; 	} 	 

p.lapi { 	background-color: transparent;	 	}  	 

hr {  border-top: 1px solid #CCCCCC; border-right: 0; border-bottom: 0; border-left: 0; 	}  	 

h1 {  	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/  	margin-top:2.6em; 	margin-right:1em; 	margin-bottom:1.3em; 	
margin-left:1em; 	font-size: 1em;	 	color:#4C4C4C; 	line-height:1.3em;	 	letter-spacing: 1px;  	text-transform: uppercase; 	text-align: left;  	}   

h2 {  	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/  	margin-top:2.6em; 	margin-right:1em; 	margin-bottom:1.3em; 	
margin-left:1em; 	font-size: 1.2em;	 	color:#4C4C4C; 	line-height:1.3em;	 	letter-spacing:1px;  	font-variant:small-caps; 	
text-align:left;  	} 	 

h3 {  	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/  	margin-top:1.3em; 	margin-right:1em; 	margin-bottom:0em; 	
margin-left:1em; 	font-size: 1em;	 	line-height:1.3em;	 	letter-spacing:1px;  	color:#4C4C4C; 	background-color:transparent;	 	text-align:left;  	} 	 	 	 	 
ul { 		margin:0em 1em 1.3em 1.3em; 		padding: 0 0 0 2em; 	 		list-style-type:square; 	}	 	 

li { 		margin:0 0 0 0;	 		line-height:1.3em;			 	} 	  									

							
/*BLOG*/ 																 
IFRAME { 		width:61em;			 		height:40em; 	}   											

					
/*Linkit*/  

a:link {  	font-weight: normal;  	text-decoration: none;  	color: #33CC00 /*#FF0099*/; 	} 	 

a.strong:link, a.strong:visited, a.strong:hover, a.strong:active {  	font-weight: bolder;  	color: #33CC00 /*#FF0099*/; 	}  

a:visited  {  	font-weight: normal;  	text-decoration: none;  	color: #339900 /*#990066*/; 	} 	 

a:hover {  	font-weight:normal;  	text-decoration: none; /*underline;*/  	color: #003300 /*#FF0099*/;  background: #33FF00; } 	 

a:active  {  	font-weight: normal;  	text-decoration: none;  	color: #33FF00 /*#FF0099*/; 	}  	 

a.photo:link, a.photo:visited, a.photo:hover, a.photo:active {  	color: #FF0099; 	}  	 	 							

									
/*MUOTOILU */  

div.container { 		margin: 0 auto; 		padding:1em 0em 1em 1em;	 		text-align: left; 		width:62em; 		background-color: transparent; 		
/* background-image: url(containerback.gif); */ 		background-repeat: repeat; 		} 		  		 

/* div.containeryla { 		margin: 0 auto; 		text-align: left; 		width:61em; 		background-color: white ; 		background-image:url(images/kuvayla.jpg); 		background-repeat:no-repeat; 		background-position:top right; 		} 
*/	 		  								

								
/*BANNERIT*/ 																 					
/*BANNERIT 2005*/ 																  
div.bgi2005default { 		width:60em; 		height:10.9em; 		margin:0em 0em 0em 0em;	 	/* background-image:url(images/2005banner.gif);	*/
background-color:white; 		text-align: left ; 		float:left; 		background-repeat:repeat; 		background-position:top right; 		}	 		  

/* div.bgi2005call	 { 		width:60em; 		height:10em; 		margin:0em 0em 0em 0em;	 		background-color:white; 		text-align: left ; 		float:left; 		background-repeat:repeat; 		background-position:top left; 		}	 		 
*/

div.bgi2005front { 		width:60em; 		height:20em; 		margin:0em 0em 0em 0em;	 		/* background-image:url(images/2005banner.gif); */ 		
background-color:white; 		text-align: left ; 		float:left; 		background-repeat:no-repeat; 		background-position:top right; 		}		 		 

/* 
div.bgi2005default, div.bgi2005call { 		background-image:url(images/2005banner.jpg); 		} 		  

div.frontala2005 { 		width:30em; 		height:30em; 		margin:0em 0em 0em 0em;	 		background-color:transparent; 		text-align: left ; 		float:left; 		background-image:url(images/2005front.jpg); 		background-repeat:repeat; 		background-position:bottom left; 		} 		  		*/

#shortcut a {
  position: relative;
  /*height: 48px;
  width: 10em;*/
/*  top: 3em;
  left: 15.2em; */
  font-size: 2em;
  text-decoration: none;
}

a#helsinkishortcut { top: 3.8em; left: 19.3em; }
a#parisshortcut { top: 4.7em; left: 11em; }

#shortcut a i {
  visibility: hidden;
}
a#helsinkishortcut:hover { background: transparent; }
a#parisshortcut:hover { background: transparent; }


/*BANNERIT 2005 päättyy*/	 						 											  
div.default, div.bgiinfo, div.bgipeople, div.bgiphotos, div.bgipress, div.bgiprogram { 		width:60em; 		height:10em; 		margin:0em 0em 0em 0em;	 		background-color:white; 		text-align: left ; 		float:left; 		background-repeat:repeat; 		background-position:top right; 		}		 		 

/* div.bgifront { 		width:60em; 		height:20em; 		margin:0em 0em 0em 0em;	 		background-image:url(images/front.gif); 		background-color:white; 		text-align: left ; 		float:left; 		background-repeat:no-repeat; 		background-position:top right; 		} 		 
*/

div.default { 		/* background-image:url(images/picture.gif); */ 		} 


div.bgiinfo { 		/* background-image:url(images/bgiinfo.gif); */		} 

div.bgipeople { 		background-image:url(images/2005banner.gif); 		} 

div.bgiphotos { 		background-image:url(images/2005banner.gif); 		} 

div.bgipress { 		/* background-image:url(images/bgipress.gif); 	*/	} 

div.bgiprogram { 		background-image:url(images/2005banner.gif); 		}  		 	 		 

/* div.frontala { 		width:30em; 		height:30em; 		margin:0em 0em 0em 0em;	 		background-color:white; 		text-align: left ; 		float:left; 		background-image:url(images/front.gif); 		background-repeat:no-repeat; 		background-position:bottom left; 		} 		  		*/

div.sponsori { 		width:4em; 		height:2em; 		margin:0em 0em 0em 0em;	 		background-color:#333333; 		text-align:left; 		float:left; 		} 		 
div.frontala p { 		background-color:white; 		} 		 		 
#footer { 		
		width:60em; 		
		height:1em; 		
		margin:0em 0em 0em 0em;	 		
		text-align: right; 		
		float:left; 		
		background-color:white; 		
		background-image:url(images/taustatesti.gif); 		
		background-repeat:repeat-y; 		
		background-position:top right; 		
		}  

#footer p { 		margin:0em 1.5em 0em 0em;	 		text-align: right; 		font-size: x-small;	 		color:#666666; 		} 	

	 		 		 						
/*FRONT*/  
/*
img.frontklub { 	margin:1em 0em 0em 1em;	 	width:8em; 	height:8em; 	float:none; 	border:0; 	} 	 

img.sponsori { 	margin:0em 0em 0em 1em;	 	width:4em; 	height:2em; 	float:none; 	border:0; 	}		 	 	 

div.frontticket{ 		width:30em; 		height:3em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}		 	 

img.fronticket { 	margin:0em 0em 0em 1em;	 	width:28em; 	height:3em; 	float:none; 	border:0; 	}  	 	 

div.frontklub{ 		width:10em; 		height:12em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}		 	 	 
div.frontnosto { 		width:30em; 		height:15em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; } 	 

div.frontnosto h2 { 	text-align:left;	 }  	 

img.over { 	margin:1em 1em 0em 1em;	 	width:18em; 	height:13em; 	float:left; 	border:0; 	}   	 

object.flassi { 	width:30em; 	height:15em; 	}  		  		
*/
 											
/*PROGRAM*/  
/*
#stockholm { 		margin:0em 0em 0em 0em;	 		text-align: left; 		float:left; 		} 		 

#helsinki { 		margin:0em 0em 0em 0em;	 		text-align: left; 		float:left; 		} 		  

#helsinki h1 { 	text-indent:1em; 	width:40em; 	}  

#stockholm h1 { 	text-indent:1em; 	width:20em; 	} 	 

#stockholm h1, #helsinki h1 { 	margin:2em 0em 1em 0em;	 	} 		 

#helsinki ul, #stockholm ul { 		margin:0em 1em 1.3em 1em; 	
padding: 0 0 0 0; 	 		list-style-type:none; 	}		 

#helsinki li, #stockholm li { 		margin-bottom:1.3em; 	}		  

#helsinki em, #stockholm em { 	font-size:xx-small; 	} 	 

#helsinki small, #stockholm small { 	font-size:xx-small; 	color:#666666; 	}    												
*/


/*Program table*/ 																 
table.program { 		
		width:60em; 		
		height:auto; 		
		margin:0em 0em 0em 0em;	 		
		text-align: left ; 		
		float:left; 	} 	 

table.program p { 	
		margin-bottom:0em;
margin-left:0.5em;
margin-right:0.1em; 	
		} 

table.program em { 	
		font-size:xx-small;  
		font-weight: 600; 
		} 

table.program h2 { 	
		margin-top:1.3em; 	
		margin-bottom:1.3em;  
		font-variant: normal; 
		} 		 

td.time, td.place { 		
		width:10em; 		
		margin:0; 		
		background-color:white; 		
		background-image:url(images/taustatesti.gif); 
		background-repeat:repeat-y; 		
		background-position:top right; 	
		} 	 

td.heading { 			
		margin:0; 		
		background-color:white; 		
		background-image:url(images/taustatesti.gif); 
		background-repeat:repeat-y; 		
		background-position:top right; 	
		border-top: solid 1px #CBCBCB; 	
		} 	
td.head { 		
		width:10em; 		
		margin:0; 		
		background-color:white; 		
		background-image:url(images/taustatesti.gif); 
		background-repeat:repeat-y; 		
		background-position:top right; 	
		border-bottom: solid 1px #CBCBCB; 	
		} 

td.time { 		
		border-bottom: solid 1px #CBCBCB; 		
		text-align: left; 
		vertical-align: text-top; 
		} 	

td.active { 		
		width:10em; 		
		border:0; 		
		margin:0;
                padding:0px; 		
		background-color:#EDF3FC;
		background-image:url(images/prog_active.gif); 
		background-repeat:repeat-y; 		
		background-position:top right; 	
		border-top: solid 1px #CBCBCB; 	
		border-bottom: solid 1px #CBCBCB; 	
		}  		  																





/*Info*/  		 		 
div.info { 		width:40em; 		height:auto; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 	 
div.infonav { 		width:20em; 		height:auto; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 		 		 
div.infoclear{ 		clear:both; 	} 	  

h2.links { 		clear:left; 	} 	 		 

#linkartists { 		width:10em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 

#linkartists_levee { 		width:20em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 
/*
#linkartists, #linkartists_levee, h3.formartists { 		background-color:white; 		background-image:url(images/liukuartists.jpg); 		background-repeat:repeat-y; 		background-position:top right; 	} 	  
*/
#linkartists_levee strong { 		font-weight:normal; 	} 	   

#linkprojects { 		width:10em; 		margin:0em 0em 0em 0em;		 		text-align: left ; 		float:left; 	}	 

#linkprojects_levee { 		width:20em; 		margin:0em 0em 0em 0em;	 		background-color:#99CC00; 		text-align: left ; 		float:left; 	} 
/*
#linkprojects, #linkprojects_levee, h3.formprojects { 		background-color:white; 		background-image:url(images/liukuprojects.jpg); 		background-repeat:repeat-y; 		background-position:top right;	 	} 	 	*/ 
#linkevents { 		width:10em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}	 

#linkevents_levee { 		width:20em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 
/*
#linkevents,#linkevents_levee, h3.formevents   {	 		background-color:white; 		background-image:url(images/liukuevents.jpg); 		background-repeat:repeat-y; 		background-position:top right;		 	}  	*/ 

#linkartists_levee h1, #linkprojects_levee h1,  #linkevents_levee h1  { 		background-color:transparent; 	}  

#linkartists_levee p, #linkprojects_levee p, #linkevents_levee p { 		background-color:transparent; 		font-size: 0.7em;	 		margin:0em 0em 1.3em 1em;	 	}	 	 

#linkartists_levee ul, #linkprojects_levee ul, #linkevents_levee ul { 		margin:0em 1em 1.3em 1em; 		padding: 0 0 0 1em; 	 		list-style-type:square; 	}	 	    

#linkartists li, #linkprojects li, #linkevents li  { 		margin:0 0 0 0;	 		line-height:1.3em;			 	} 	 

#linkartists, #linkprojects, #linkevents  { 	height:auto;	 	}  	 	 ul.related{ 		margin:0em 1em 0em 1em; 		padding: 0 0 0 1em; 	 		list-style-type:square; 	} 	  	  	 	 

h3.formartists { 	margin-top:2.6em; 	} 	 

h3.formprojects { 	} 	 

h3.formevents { 	} 	 	 																

/*Formit*/  

form { /*		margin:0em 1em 1.3em 1em;  pete poisti jotta kommenttiformi ei hypi*/ } 	  

select {   background-color:white;   font-size: 0.8em;  width: 18em; color: #333333;  }   	 	 		 																

/*PRESS */  

div.press { 		width:20em; 		height:25em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}  

div.presslogo { 		width:20em; 		height:12em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}  	 

div.pressimage{ 		width:10em; 		height:12em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}		 	 	 	 

img.pressimage { 	margin:1em 0em 0em 1em;	 	width:8em; 	height:8em; 	float:none; 	border:0; 	}		 	 	      

div.twentyten,div.twentytwenty, div.thirtyfifteen, div.tenten, div.tenprogram, div.thirtyfive, div.twentyone,div.twentyoneclear, #helsinki, #stockholm, div.info, div.infoclear, div.sixty, div.infonav, div.thumb, div.thumbclear,  div.twenty, div.press, div.presslogo, div.pressimage, div.frontticket, div.frontklub, div.frontnosto, div.forty, div.thirty { 		background-color:white; 		background-image:url(images/taustatesti.gif); 		background-repeat:repeat-y; 		background-position:top right; 	}   

div.tenten { 		width:10em; 		height:10em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}  

div.twentytwenty { 		width:20em; 		height:20em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 	 

div.twentyten { 		width:20em; 		height:10em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 	 

div.thirtyfifteen { 		width:30em; 		height:15em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	} 	   	 

div.tenprogram{ 		width:10em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}		 	 

div.tenprogramsun{ 		width:9em; 		margin:0em 0em 0em 0em;	 		background-color:transparent; 		text-align: left ; 		float:left; 	} 	  	 	 

div.twentyone{ 		width:20em; 		height:2em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}		 	 
div.twentyoneclear{ 		width:20em; 		height:2em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		clear:both; 	}		 	 

div.sixty{ 		width:60em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float:left; 	}		 	 

div.twenty{ 		width:20em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float: left; 	} 	 	 

div.thirty{ 		width:30em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float: left; 	} 	 	 	 		 	 
div.thirtytwenty { 		width:30em; 		height:20em; 		margin:0em 0em 0em 0em;	 		background-color:transparent; 		text-align: left ; 		float:left; 	} 	 

div.fortytwenty { 		width:40em; 		margin:0em 0em 0em 0em;	 		background-color:transparent; 		text-align: left ; 		float:left; 	} 	    	 	 

div.forty{ 		width:40em; 		margin:0em 0em 0em 0em;	 		text-align: left ; 		float: left; 	} 	  	 	 

div.thirtythirty { 		width:30em; 		height:30em; 		margin:0em 0em 0em 0em;	 		background-color:#C6FF00; 		text-align: left ; 		float:left; 	} 	  

div.tenten2{ 		width:10em; 		height:10em; 		margin:0em 0em 0em 0em;	 		background-color:#44AACB; 		text-align: left ; 		float:left; 	} 

div.tenten3{ 		width:10em; 		height:10em; 		margin:0em 0em 0em 0em;	 		background-color:#FF0000; 		text-align: left ; 		float:left; 	}    

div.clear{ 		clear:both; 	}

								
/*KUVAT*/  

img.collaborators { 	float:left; 	}  

img.kappale2 { 	width:18em; 	height:18em; 	float:left; 	margin:0 2em 1em 0em; 	}  

img.kappaleright { 	width:18em; 	height:18em; 	float:right; 	margin:0 1em 1em 2em; 	} 	 

img.kappaleleft { 	width:18em; 	height:18em; 	float:left; 	border:0; 	margin:0 2em 1em 1em; 	}  

img.kappaleleftten { 	width:8em; 	height:8em; 	float:left; 	border:0; 	margin:0 2em 1em 1em; 	} 	 

img.info { 	width:19em; 	height:19em; 	float:left; 	margin:0 2em 1em 0em; 	} 	 

.image { 	width: 20em; 	height: 10em; 	margin:0em 1em 1em 1em;	 	border: 0; 	background-color:transparent; } 	 	 			

											
/*PHOTOS*/ 	 

div.thumb { 		width:10em; 		height:10em; 		margin:0em 0em 0em 0em;	 		text-align: center ; 		float:left; 	} 	 
img.thumb { 	margin:1em 0em 0em 0em;	 	width:8em; 	height:8em; 	float:none; 	border:0; 	} 	 	 

p.thumb {  	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/  	margin:0em 1em 1em 1em;	 	font-size: 10px; 	
line-height: 100%; 	text-align: left;  	background-color: white; 	}	 	 

a.thumb:hover, a.thumb:active  {  	border:1px solid #FF0099; 	background:transparent; 	}  

a.thumb2:hover, a.thumb2:active  {  	border:0; 	background:transparent; 	} 	 

div.nuolet{ 		width:30em; 		float:left; 	} 	 

div.thumbclear{ 		clear:both; 	} 	  

img.preview { 	margin-left:1em;	 	border:0; 	} 	 	 	   	    																
/*NAVIGAATIO ALA*/   

#navcontainer{  	background: transparent; 	padding: 0px 0px 0px 0px;   	margin: 0px; 	z-index:7; }  

#navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }  

#navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }  

#navcontainer ul li a { background-color: #E6E6E6; background-image:url(images/navi1.gif); background-position:right; width: 10em; height: 2em; margin: 0px 0px 0px 0px; color: #339900; line-height: 2em; text-decoration: none; display: block; text-align: center; }  

#navcontainer ul li a:hover { color: #33FF00; background-color: #FFFFFF; background-image:url(images/navi2.gif); background-position:left; }  

#navcontainer a:active { color: #333333; background-color: #f2f2f2; background-image:url(images/navi3.gif); background-position:right; }  

#navcontainer li#active2 a { color: #333333; background-color: #ffffff; background-image:url(images/navi3.gif); background-position:right; }  

#navcontainer li.navyksi a { color: #339900; background-color: #f2f2f2; }  

#navcontainer li.navkaksi a { color: #339900; background-color: #cccccc; }    																
/*NAVIGAATIO YLA*/  

#navylacontainer{  	background: transparent; 	padding: 0px 0px 0px 0px;   	margin: 0px; 	z-index:7;  }  

#navylacontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }  

#navylacontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }  

#navylacontainer ul li a { background-color: #E6E6E6; background-image:url(images/navi1.gif); background-position:right; width: 10em; height: 1em; margin: 0px 0px 0px 0px; color: #FFFFFF; line-height: 1em; text-decoration: none; display: block; text-align: center; }  

#navylacontainer ul li a:hover { color: #666666; background-color: #ffffff; background-image:url(images/navi2.gif); background-position:left; }  

#navylacontainer a:active { color: #333333; background-color: #ffffff; background-image:url(images/navi3.gif); background-position:right; }  

#navylacontainer li#active a { color: #333333; background-color: #f2f2f2; background-image:url(images/navi3.gif); background-position:right; }    

#navylacontainer li.navyksi a { color: #333333; background-color: #f2f2f2; }  

#navylacontainer li.navkaksi a { color: #333333; background-color: #cccccc; }        


/*NAVIGAATIO 2005 PREVIEW*/   

#navcontainer2005{  	background: transparent; 	padding: 0px 0px 0px 0px;   	margin: 0px; 	z-index:7;  }  

#navcontainer2005 ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }  

#navcontainer2005 ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }  

#navcontainer2005 ul li a { background-color: #E6E6E6; background-image:url(images/navi1.gif); background-position:right; background-repeat:no-repeat; width: 12em; height: 2.2em; margin: 0px 0px 0px 0px; color: #339900; line-height: 2.2em; text-decoration: none; display: block; text-align: center; }  

#navcontainer2005 ul li a:hover { color: #33FF00; background-color: #FFFFFF; background-image:url(images/navi2.gif); background-position:left; background-repeat:no-repeat; }  

#navcontainer2005 a:active { color: #333333; background-color: #f2f2f2; background-image:url(images/navi3.gif); background-position:right; background-repeat:no-repeat; }  

#navcontainer2005 li a { color: #333333; background-color: #ffffff; background-image:url(images/navi3.gif); background-position:right; background-repeat:no-repeat; }  

#navcontainer2005 li.navyksi a { color: #339900; background-color: #f2f2f2; }  

#navcontainer2005 li.navkaksi a { color: #339900; background-color: #cccccc; }   



/*  
Theme Name: PixelACHE Default
Description: The default PixelACHE theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2005,2006
Author: Petri Lievonen & Juha Franssila

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/




.latestactivity small
{
display: block;
margin: 0px;
font-size: 0.8em;
}

.latestactivity small a
{
color:#666666;
}

/* Begin Typography & Colors */

#page {
	background-color: white;
	border:0; /* 1px solid #959596; */
	text-align: left;
	}

#header {
	background-color: #73a0c5;
	}
/*
#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
*/	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
	}

.alt2 {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
	}

.description {
	font-size: 2em;
	text-align: center;
	}

h2.pagetitle {
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/ /* 'Lucida Grande', Verdana, sans-serif; */
	font-size: 1.2em;
	}


h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	}


#sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}



.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em helvetica, arial, sans-serif; /* 'Lucida Grande', Verdana, Arial, sans-serif; */
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/ /* 'Lucida Grande', Verdana, Arial, sans-serif; */
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Helvetica, Arial, sans-serif;
	}

code {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym, abbr, span.caps
{
/*	font-size: 0.9em;
	letter-spacing: .07em; pete */
	}



	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, sans-serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */


#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 61em; /* 760px; */
	border:0; /* 1px solid #959596; */
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 200px;
	width: 100%;
	background-color: #73a0c5;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px;

	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}


/* End Structure */



/*	Begin Headers */


.description {
	text-align: center;
	}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}


/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin-top:0em;
	margin-right:1em;
	margin-bottom:1.3em;
	margin-left:1em;
	}
	
.alignleft {
	float: left;
	margin-top:0em;
	margin-right:1em;
	margin-bottom:1.3em;
	margin-left:1em;
	}

.gallery_item img{
display: inline;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
}

/* Solid blue border for unvisited, dashed purple border for visited, no no*/
/*:link img { -moz-outline: 1px solid black } 
:visited img { -moz-outline: 1px solid black } 
:focus img { -moz-outline: 1px solid black } /* Don't mask UA style */
/*:active img { -moz-outline: 1px solid red } /* Rarely triggered: bug 65917 */

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/*
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: 0px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
pete */

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;

	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 1em;
	}

#commentform textarea {
	width: 39em;
	padding:0 1em 0 1em;
	}

#commentform #submit {
	margin: 0 1em 0.1em 1em;
	float: right;
        
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 0 1em 0.3em 1em;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}
*/

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {

	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td:hover { /* Doesn't work in IE */
	background-color: #eee; }
/* End Calendar */




/* Begin Various Tags & Classes */
/*
acronym, abbr, span.caps {
	cursor: help; 
	} pete */

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 1.3em 5.2em 1.3em 1em ;
	padding-left:1.6em;
	border-left: 3em solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr { 
	margin-top:0em;
	margin-right:1em;
	margin-left:1em;
	line-height:1.3em;
	color:#CCCCCC;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* sidething */

#sidething small { 
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/ 
	margin-top:0em;
	margin-right:1em;
	margin-left:0;
	font-size:0.8em;
	text-align:left; 
	}


#sidething ul, #sidething ul ol {
		margin:0em 1em 0em 1em;
		padding: 0 0 0 0; 	
	}	
	
#sidething ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0em;
	}
	
/*
	
#sidething ul p, #sidething ul select {
	margin: 0 0 0 0;
	}	
	
#sidething ul ul, #sidething ul ol {
	margin: 1.3em 0 0 1.3em;
	}

#sidething ul ul ul, #sidething ul ol {
	margin: 0 0 0 2.6em;
	}	

ol li, #sidething ul ol li {
	list-style: decimal outside;
	}

#sidething ul ul li, #sidething ul ol li {
	margin: 1.3em 0 0 0;
	padding: 0;
	}
	
*/


/* mainarea */

#mainarea small, #mainarea em { 
	margin-top:0em;
	margin-right:1em;
	margin-left:0em;
	font-size:0.9em;
	text-align:left; 
	}


#mainarea h2 { 
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/ /* arial, helvetica, sans-serif; */
	margin-top:2.6em;
	margin-right:1em;
	margin-left:0.7em;
	margin-bottom:0;
	font-size: 1.4em;
	font-weight: bold;
	color:#4C4C4C;
	line-height:1.3em;	
	letter-spacing: 1px; 
	text-transform: uppercase;
	text-align: left; 
	}
	
p.postmetadata { 
display: block;
width:30em;
float: left;
text-align: left;
font-size:0.8em;	
padding: 0;
	margin-top:0em;
	margin-right:1em;
	margin-left:1em;
	margin-bottom:0;
	}

p.postmetadatasingle { 
text-align: justify;
	margin-bottom:1em;
	}

	
p.commentnumber { 
display: block;
float: right;
text-align: left;
font-size: 0.8em;	
padding: 0;
padding-left: 14px;
background: url(/wp-images/comment_bubble.gif) no-repeat left;
	margin-top:0em;
	margin-right:1em;
	margin-left:1em;
	margin-bottom:0;
	}
	
div.post {
/*        float: left;  pete */
	margin-top:0em;
	margin-right:0em;
	margin-left:0em;
	margin-bottom:0em;
	}
	
div.entry { 
	margin-top:1em;
	margin-right:0em;
	margin-left:0em;
	margin-bottom:0em;
	}

#mainarea hr { 
border-top: 1px solid #CCCCCC;
border-right: 0;
border-bottom: 0;
border-left: 0;
	}
	
.commentOfficialUser, .commentadmin, .commentjuhuu, .commentpete, .commentfrank { 
    /* border: 1px solid black; */
    background-color: #EEE
}


.extlink {
padding-right: 9px;
background: url(/wp-images/aoutside.gif) no-repeat center right;
}

.linkslist a {
padding-right: 9px;
background: url(/wp-images/aoutside.gif) no-repeat center right;
}



h2 a:link, h2 a:visited {
	color:#4C4C4C;
	}

h2 a:hover, h3 a:hover {
	text-decoration:underline; 
	}

#mainarea h2, #mainarea h2 a:link, #mainarea h2 a:visited { 
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/ 
	margin-top:2.6em;
	margin-right:1em;
	margin-bottom:0em;
	margin-left:0.5em;
	font-size: 1em;	
	color:#4C4C4C;
	font-weight: bolder; 
	line-height:1.3em;	
	letter-spacing: 1px; 
	text-transform: uppercase;
	text-align: left; 
	}

h2 a:link, h2 a:visited { 
	font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/ 
	margin-top:2.6em;
	margin-right:1em;
	margin-bottom:0em;
	margin-left:0em;
	font-size: 1em;	
	color:#4C4C4C;
	font-weight: bolder; 
	line-height:1.3em;	
	letter-spacing: 1px; 
	text-transform: uppercase;
	text-align: left; 
	}

h3 a:link, h3 a:visited {  	
font-family: 'Lucida Grande', Verdana, sans-serif; /*helvetica, arial, sans-serif;*/  	
margin-top:1.3em; 	
margin-right:1em; 	
margin-bottom:0em; 	
margin-left:0em; 	
font-size: 1em;	 	
font-weight: bolder; 
line-height:1.3em;	 	
letter-spacing:1px;  	
color:#4C4C4C; 	
background-color:transparent;	 	
text-align:left;  	} 	

li.alternate  {  	
margin-top:0.1em; 	
margin-right:0em; 	
margin-bottom:0em; 	
margin-left:0em; 	 	
}

.postspermonth {
margin: 5px 0 10px 0;
list-style: none;
padding-left: 25px;
}

.iframemoblog {
width: 500px;
border: 0px;
overflow:hidden;
}