body { background: #7599ce url('../kuvat/taustakuva2.jpg') top left; }
			#container { margin-left: auto; margin-right: auto; width: 602px; margin-top: 10px; }
			#ylaosa, #alaosa, #sisalto { position: relative; width: 100%; }
			#ylaosa { display: block; padding-top: 10px; padding-bottom: 0px; height: 110px;
						 background: transparent url('../kuvat/container_top.png') top right no-repeat;}		
			
			#container #ylaosa img.logo { float:left; padding-top: 75px; background: none; }			
			
			#container .artikkeli { display: block; top: -10px; padding-left: 90px; padding-right: 60px;	
							height: auto; background: transparent url('../kuvat/container_middle.png') 0px 0px repeat-y;
							padding-bottom: 20px; }
			
			#alaosa { margin-bottom: 10px; height: 51px; 
						 background: transparent url('../kuvat/container_bottom.png') top right no-repeat; 
						 padding-top: 5px; clear: both; position: relative;}
			#alaosa span { background: none; padding-left: 90px; padding-right: 70px; color: #ccc; 
								font-size: x-small;}
			
			h1.otsikko { font-weight: bolder; letter-spacing: -3px; }
			h1.otsikko a { text-decoration: none; }
			h1.otsikko a:link { color: #000; }
			h1.otsikko a:visited { color: #000; }
			h1.otsikko a:hover { color: #315784; }
			.artikkeli p.info { font: .6em arial; }
			.artikkeli p.ingressi { font-size: .9em; line-height: 1.1em; }
			.artikkeli p.tekstiosa { font-size: .9em; line-height: 1.1em; }
			
			span.koodi     { font: .9em courier; display: inline; background-color: #afa;}
			span.koodi pre { background-color: #afa; font: 1em courier; overflow: auto; }

/* **************** otsikon tyylit ***************** */

			#bmx { position: absolute; width: 42px; height: 38px; 
					 margin-left: 39px;margin-top: 6px;
					 background: transparent url('../kuvat/bmx.gif') top left no-repeat; }
			#code { position: absolute; width: 36px; height: 23px; 
					 margin-left: 85px;margin-top: 38px;
					 background: transparent url('../kuvat/code.png') top left no-repeat; } 	
			#rssboxi { position: absolute; width: 92px; height: 17px; 
					 margin-left: 130px; margin-top: 27px; padding-top: 16px; text-align: center;
					 background: transparent url('../kuvat/rssbox-tausta.png') top left no-repeat;
					 font: bold small-caps 10px verdana; border-bottom: 1px solid #bbb; } 			
			#bass { position: absolute; width: 42px; height: 34px; 
					 margin-left: 401px;margin-top: 31px;
					 background: transparent url('../kuvat/judo.png') top left no-repeat;}
			#bass a img, #bmx a img, #code ul li a img { visibility: hidden;}
			#bass a:link, #bmx a:link, #code ul li a:link { text-decoration: none; }
			#bass a:visited, #bmx a:visited, #code ul li a:visited { text-decoration: none; }
			#bass a:hover, #bass a:hover img, #bmx a:hover, #bmx a:hover img, #code ul li a:hover, #code ul li a:hover img { background: transparent; visibility: visible; }
			
 


/* **************** Kuvatekstit ******************** */
/* thx: Stu Nicholls @ Cssplay.co.uk                 */

.extra        { display:block; width:480px; text-decoration:none; margin:0 0px; }
.extra em     { font-style:normal; }
.extra em.txt, .extra span { display:none; }
.extra .head  { display: block; width:auto; height:17px; padding-bottom: 3px;
                font:11px verdana, helvetica, sans-serif; color: #000; padding-left: 5px;
                background: url('../kuvat/kuvatxt_tausta.jpg') no-repeat; }
.extra img    { border: 0px; display:block; max-width: 460px;}
.extra em.mh2 { padding-left:3px; margin:0; color:#000;  }
.extra:hover  { position:relative;cursor:pointer; }
.extra:hover span { display:block; float: left; position:absolute; bottom:20px; left:0px; 
						  width:100%; height:20px; opacity:0.8;
						  background: url('../kuvat/kuvatxt_tausta2.png') bottom left no-repeat; }
.extra:hover em.txt { display:block; position:absolute; bottom: 17px; width:auto; 
                		 left:5px; height:auto; color:#000; margin:0; line-height:1.5em; }

/* *************** Hakulomake ja haun tulokset******************** */
#search { margin-right: 5px; padding-bottom: 10px;margin-top: 79px; border: 0px;}
.haku .group {  }
#hakupainike { background: transparent url('../kuvat/kiikari.png') center no-repeat; 
  text-indent: -1000px; width: 24px; border: none;
  cursor: pointer; /* käsi-kursori */
  cursor: hand; /* IE 5.x */ 
 }
#hakupainike:hover { background: url('../kuvat/kiikari_hover.png') center no-repeat;}
#hakukentta { border: 1px solid #ccc; font-size: .8em; text-align: center; color: #ccc; padding: 0px;}
#hakukentta:hover { color: #555; }
#hakukentta:focus { color: #000; }
#hakukentta:active { color: #000; }
ul.tulokset { display: block; position: relative;}
li.hakutulos, li.hakutulos2 { list-style-type: none;}
li.hakutulos2 { background: transparent url('../kuvat/quote_vas.gif') 0 0 no-repeat;
                margin-right: 1em; padding-top: 2px;  padding-left: 27px; }
span.katkelma { font-size: .9em; display: block;
                background-color: #dcdcdc; line-height: 1.3em; padding-left: .5em;
                padding-right: .5em; }
                
/**************** info-boxin tyylit ****************/
#infobox { position: absolute; margin-left: 586px; margin-top: 95px; width: auto;
			  font: 0.6em arial; height: auto; padding-left: 0px; } 
#infobox p.date { width: auto; padding-top: 20px; padding-bottom: 5px; padding-left: 15px; padding-right: 0px;
						background: transparent url('../kuvat/infobox_top.png') top right no-repeat;}
ul.arkisto { padding-left: 0px; list-style-type: none; font: 10px arial; width: 22em; 
				 margin-left: 0px; padding-left: 0px; padding-bottom: 25px;
				 background: transparent url('../kuvat/infobox_bottom.png') bottom right no-repeat; }
ul.arkisto li.arkisto_otsikko { list-style-type: none; 
                                font: bold small-caps 10px verdana; color: #eee; 
		                          padding-left: 15px; }
ul.arkisto li.arkisto_lista { list-style-position: inside; padding-left: 15px; }
.arkisto_otsikko a.arkisto_linkki { text-decoration: none; }
.arkisto_otsikko a.arkisto_linkki:link { color: #000; }
.arkisto_otsikko a.arkisto_linkki:visited { color: #000; }
.arkisto_otsikko a.arkisto_linkki:hover { color: #315784; }

/**************** info-boxi loppuu ******************/


/******************** rssbox(tm) **********************/
#rss_container {display: block; top: -10px; padding-left: 90px; padding-right: 60px; padding-top: 10px;
							  height: auto; background: transparent url('../kuvat/container_middle.png') 0px 0px repeat-y;
							  padding-bottom: 20px; color: #22f; }
ul #rssbox.rssbox { display: block; padding-bottom: 2px; padding-top: 5px;}
li.rss_otsikko { list-style-type: none; 
								 font-size: 1.3em; font-weight: bold; letter-spacing: -1px; }
li.rss_otsikko a.rss_linkki { text-decoration: none; }
li.rss_otsikko a.rss_linkki:link { color: #000; }
li.rss_otsikko a.rss_linkki:visited { color: #000; }
li.rss_otsikko a.rss_linkki:hover { color: #315784; }

li.rss_lista {list-style-type: none; 
						  font: 0.9em verdana; color: #000; line-height: 1.1em;}
li.rss_lista a.rss_linkki { text-decoration: none; }
li.rss_lista a.rss_linkki:link { color: #22f; }
li.rss_lista a.rss_linkki:visited { color: #f22; }
li.rss_lista a.rss_linkki:hover { color: #315784; }
                

/**************** Kommenttien tyylit ********************/

.kommentti { background: #fff; }
.kommentti_head { font: .8em arial; border-bottom: 1px solid #ccc; 
									padding-top: 1em; padding-bottom: -1px;
									height: 1em;   }
.kommentti_head .kommentoija { font-weight: bold;  padding-top: .5em; padding-left: 33px;padding-bottom: 1em;
																background: transparent url('../kuvat/huutokupla.gif') 0px 2px no-repeat; overflow: visible;}
.kommentti_head .info { font-size: .9em; }
.kommentti_head .kommentti_nro { position: absolute; width: 32px; text-align: center; }
/* em.lainaus     { background: transparent url('../kuvat/quote_vas.gif') 0 0 no-repeat;
                margin: 1em; padding-top: 0px;  padding-left: 27px; display: block; }
em.lainaus p   { letter-spacing:-1px; color: #333;
                font: italic 1.1em verdana, helvetica, sans-serif; display: inline;
                background-color: #dcdcdc; line-height: 1.4em; padding: 0; padding-left: .5em;
                padding-right: .5em;  }
*/
p.kommentti_teksti { margin-left: 2.2em; font-size: .9em; line-height: 1.2em;}
.lisaa_kommentti { width: auto; background-color: #eee; 
            border-left: 1px solid #dedede; border-right: 1px solid #dedede; 
            padding-left: 2em; padding-right: 2em; 
            border-bottom: 1px solid #dedede;}
#commentsbox { position: relative; left: 4em; }


/**************** linkkilistan drop-menu ******************/

/* poistetaan listojen muotoilut */
#code ul{
padding:0px;
margin:0px;
list-style-type:none;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#code li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
#code table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
#code ul li ul li a, #code ul li ul li :visited {
display:block;
font-size:10px;
width:149px;
padding:7px 0;
color:#000;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
background: transparent url(../kuvat/transp_valk.png) top left;
text-decoration:none;
margin-right:1px;
text-align:left;
padding-left: .5em;
}
/* style the links hover */
#code ul li :hover{
color:#000;
background:#e4ebff;
}

/* hide the sub level links */
#code ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
#code ul li:hover img,
#code ul li:hover ul,
#code ul a:hover ul{
visibility:visible;
z-index: 10;
}