﻿body {
	background-color: #fff;
	background-image: url(http://www.uljas.net/images/pixel_tausta.png);
	background-repeat: repeat;
	text-align: center;
	margin: 0 auto; 
	padding: 0;

}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	


div {
	border: 0px;

}

img
{  border-style: none;
}

/* Ylänavigaatio */

#ylanavi {

height: 21px;
width: 240px;
position: absolute;
top: 5px;
left: 7px;

}


#ylanavi ul {
position: relative;
margin: 0;
padding: 0 0 0 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#ylanavi li {
float: left;
height: 21px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#ylanavi li a {
float: left;
display: block;
height: 21px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

	

#n1, #n1 a { background:transparent url("http://www.uljas.net/images/ylanavi/1.png") 0 0 no-repeat; width:33px; background-position: 0 0;}
#n2, #n2 a { background:transparent url("http://www.uljas.net/images/ylanavi/2.png") 0 0 no-repeat; width:67px; background-position: 0 0;}
#n3, #n3 a { background:transparent url("http://www.uljas.net/images/ylanavi/3.png") 0 0 no-repeat; width:50px; background-position: 0 0;}
#n4, #n4 a { background:transparent url("http://www.uljas.net/images/ylanavi/4.png") 0 0 no-repeat; width:90px; background-position: 0 0;}


#n1a, #n1a a { background:transparent url("http://www.uljas.net/images/ylanavi/1.png") 0 0 no-repeat; width:33px; background-position: 0 -21px;}
#n2a, #n2a a { background:transparent url("http://www.uljas.net/images/ylanavi/2.png") 0 0 no-repeat; width:67px; background-position: 0 -21px;}
#n3a, #n3a a { background:transparent url("http://www.uljas.net/images/ylanavi/3.png") 0 0 no-repeat; width:50px; background-position: 0 -21px;}
#n4a, #n4a a { background:transparent url("http://www.uljas.net/images/ylanavi/4.png") 0 0 no-repeat; width:90px; background-position: 0 -21px;}





#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover { background-position: 0 -42px; }

#n1a a:hover, #n2a a:hover, #n3a a:hover, #n4a a:hover{ background-position: 0 -42px; }






.header {

width: 100%;
align:left;
position: absolute;
top: 26px;
left: 0px;
height: 128px;
background-image: url(http://www.uljas.net/images/header.png);
background-repeat: no-repeat;
text-align: left;


}

.pvm {

width: 400px;
margin-left: 20px;
}

/* Keskinavigaatio */

#keskinavi {

height: 40px;
width: 300px;
position: absolute;
top: 115px;
left: 451px;

}


#keskinavi ul {
position: relative;
margin: 0;
padding: 0 0 0 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#keskinavi li {
float: left;
height: 40px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#keskinavi li a {
float: left;
display: block;
height: 40px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

	

#m1, #m1 a { background:transparent url("http://www.uljas.net/images/keskinavi/1.png") 0 0 no-repeat; width:100px; background-position: 0 0;}
#m2, #m2 a { background:transparent url("http://www.uljas.net/images/keskinavi/2.png") 0 0 no-repeat; width:88px; background-position: 0 0;}
#m3 { background:transparent url("http://www.uljas.net/images/keskinavi/3.png") 0 0 no-repeat; width:112px; background-position: 0 0;}


#m1a, #m1a a { background:transparent url("http://www.uljas.net/images/keskinavi/1.png") 0 0 no-repeat; width:100px; background-position: 0 -40px;}
#m2a, #m2a a { background:transparent url("http://www.uljas.net/images/keskinavi/2.png") 0 0 no-repeat; width:88px; background-position: 0 -40px;}


#m1 a:hover, #m2 a:hover{ background-position: 0 -80px; }

#m1a a:hover, #m2a a:hover { background-position: 0 -80px; }




.haku {

width: 230px;
height: 40px;
position: absolute;
text-align: right;
top: 115px;
left: 751px;
background-image: url(http://www.uljas.net/images/hakulaatikko.png);
background-repeat: no-repeat;

}

.haku .hakulaatikko {

   float: left;
   padding: 0;
   margin: 14px 0 0 12px;
   border: 0;
   width: 170px;
   background: none;


}

.content_header {

width: 987px;
text-align: left;
position: absolute;
top: 154px;
left: 7px;
height: 22px;
background-image: url(http://www.uljas.net/images/content_header.png);
background-repeat: no-repeat;
margin: 0;

}

.content {

width: 987px;
text-align:left;
float: left;
position: relative;
top: 176px;
left: 7px;
height: auto;
background-image: url(http://www.uljas.net/images/content_repeat.png);
background-repeat: repeat-y;
padding: 0;
margin: 0;


}

.content_single {

width: 987px;
text-align:left;
float: left;
position: relative;
top: 156px;
left: 7px;
height: auto;
background-image: url(http://www.uljas.net/images/content_repeat.png);
background-repeat: repeat-y;
padding: 0;
margin: 0;


}

.content_footer {

display: inline;
float: left;
margin: 0;
width: 987px;
height: 22px;
background-image: url(http://www.uljas.net/images/content_footer.png);
background-repeat: no-repeat;


}


.paasisalto {

display: inline;
float: left;
width: 475px;
height: auto;
margin-left: 30px;
margin-top: 4px;
background-color: #fff;
overflow-x: hidden;
}



.paasisalto img {

border: 0;
padding: 0 0 0 0;
margin: 0 5px 5px 0;


}

.paasisalto_palkki {
display: inline;
width: 220px;
height: auto;
margin: 10px 15px 0 0;
background-color: #fff;
text-align: left;
float: left;
overflow: hidden;

}

.uutisvirta {
width: 475px;
height: auto;
margin: 0 0 0 0px;
background-color: #fff;
float: left;

}


.kuvateksti {

margin: -5px 0 0 0;
}

.paaotsikko {

margin: -10px 0 -10px 0;
padding: 0;
}

.paaotsikko_eikuvaa {

margin: 50px 0 0px 0;
padding: 0;
}


.sivupalkki1 {
display: inline;
width: 210px;
height: auto;
margin-left: 20px;
margin-top: 4px;
background-color: #fff;
float: left;

}

.aihelistaus {

width: 166px;
background-color: #E9EFF4;
margin: 0 0 10px 0;
padding: 10px 10px 10px 20px;
border: 1px solid #DAE6EF;

}

.uutislista {

width: 465px;
background-color: transparent;
margin: 10px 0px 15px 0;
padding: 0;


}

.uutislista_kapea {

width: 200px;
background-color: transparent;
margin: 10px 10px 15px 0;
padding: 0;
height: 290px;


}

.arkistolistaus {

width: 400px;
background-color: #E9EFF4;
margin: 0 0 10px 0;
padding: 0px 3px 15px 15px;
border: 1px solid #DAE6EF;

}

.aihelistaus li, .aihelistaus ul {

list-style-type: disc; list-style-position: outside; margin: 0; padding: 0; width: 150px;
}

.arkistolistaus li, .arkistolistaus ul {

list-style-type: disc; list-style-position: inside; margin: 0 0 0 0; padding: 0;
}

.uutislista li, .uutislista ul {

list-style-type: none; list-style-position: outside; margin: 0 0 15px 0 ; padding: 0; width: 200px;
}


.nostoboksi {

width: 210px;
background-image: url(http://www.uljas.net/images/nostoboksi/nosto_tausta.png);
background-repeat: repeat-y;
margin: 0px 0 0px 0;

}

.nostoboksi_header {

width: 210px;
height: 50px;
background-image: url(http://www.uljas.net/images/nostoboksi/nosto_header.png);
background-repeat: no-repeat;
margin: 0 0 0 0;

}

.nostoboksi_footer {

width: 210px;
height: 50px;
background-image: url(http://www.uljas.net/images/nostoboksi/nosto_footer.png);
background-repeat: no-repeat;
margin: 0 0 20px 0;

}

.otsikkopalkki {

width: 210px;
background-color: #DAE6EF;
margin: 10px 0 0 0 ;


}

.bloggaajat {

width: 190px;
background-color: transparent;
margin: 10px 0 10px 10px ;
padding: 0;


}


.pikkukuva {

display: inline;
width: 70px;
text-align: center;
float: left;
}

.pikkukuva_uutiset {

display: inline;
text-align: left;
float: left;

margin-right: 5px;
}


.arvostelu_otsikko {

display: inline;
width: 100px;
text-align: left;
float: left;
margin: 0 0 0 15px;

}

.arvostelu_otsikko2 {

display: inline;
width: 100px;
text-align: left;
float: left;
margin: 0 0 0 10px;

}

.pikkukuva img {

	border-style: solid;
	border-color: #95B9DE;
	border-width: 5px;
	margin: 5px 5px 5px 8px;

}

.pikkukuva2 img {

	border-style: none;

	margin: 5px 5px 5px 8px;

}

.arvostelu_otsikko img {

	margin: 5px 0 5px 0px;

}


.sivupalkki2 {
display: inline;
width: 210px;
height: auto;
margin-left: 20px;
margin-top: 4px;
background-color: #fff;
text-align: left;
float: left;
overflow: hidden;

}



.sivupalkki2_kategoria {

width: 210px;
height: 19px;
margin: -5px 0 -5px 0;
}

.luelisaa {

width: 210px;
height: 20px;
text-align: right;
margin: 0 0 10px 0;
}

.nyt {

width: 102px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/nyt.png);
background-repeat: no-repeat;
z-index: 1000;

}

.blogi {

width: 115px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/bloginuoli.png);
background-repeat: no-repeat;
z-index: 1000;

}

.hakutulokset {

width: 250px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/hakutulokset.png);
background-repeat: no-repeat;
z-index: 1000;

}

.uljas {

width: 250px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/uljas.png);
background-repeat: no-repeat;
z-index: 1000;

}

.toimitus {

width: 250px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/toimitus.png);
background-repeat: no-repeat;
z-index: 1000;

}

.tilaus {

width: 250px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/tilaus.png);
background-repeat: no-repeat;
z-index: 1000;

}

.ilmoittajalle {

width: 250px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/ilmoittajalle.png);
background-repeat: no-repeat;
z-index: 1000;

}

.arkisto {

width: 150px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/arkisto.png);
background-repeat: no-repeat;
z-index: 1000;

}

.lyhyet {

width: 150px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/lyhyet.png);
background-repeat: no-repeat;
z-index: 1000;

}

.arvio {

width: 150px;
height: 49px;
position: absolute;
top: 162px;
left:21px;
background-image: url(http://www.uljas.net/images/arvio.png);
background-repeat: no-repeat;
z-index: 1000;

}

.tekija {

background-color: #fff;
padding: 0;
margin: 0px 0 15px 0;
border: solid #DAE6EF;
border-width: 1px 0 0px 0;
text-align: left;
}

.tekija_uutislista, .tekija_uutislista_kapea  {

background-color: #fff;
padding: 0;
margin: 0px 0 0px 0;
text-align: left;
}

.main_jako {

background-color: #fff;
padding: 0;
margin: 40px 0 15px 0;
border: solid #DAE6EF;
border-width: 1px 0 0px 0;
text-align: left;
}

.uutisjako {

background-color: #fff;
padding: 0;
margin: 5px 0 5px 0;
border: solid #DAE6EF;
border-width: 1px 0 0px 0;
text-align: left;
}

.kommentti {

width: 450px;
background-color: #fff;
padding: 10px 10px 10px 10px;
margin: 20px 0 0 0;
border: 1px solid #DAE6EF;

}

.kommentti1 img, .kommentti2 img {margin-top: 0px;}

.pisteet {

width: 50%;
background-color: #fff;
padding: 5px 10px 10px 10px;
margin: 20px 0 0 0;
border: 1px solid #DAE6EF;

}

.kommentti1 {

width: 430px;
background-color: #E9EFF4;
margin: 0;
padding: 0px 10px 0px 0px;
border: 1px solid #DAE6EF;

}

.kommentti2 {

width: 430px;
background-color: #fff;
margin: 0;
padding: 0px 10px 0px 0px;
border: 1px solid #DAE6EF;
}

.otsikkolinkki {
margin: 10px 0 0 0 ;
}

.uutislogo {
        width: 475px;
        height: 30px;
        background-image: url(http://www.uljas.net/images/palstalogot/uutiset.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
        text-align: right;
        clear: left;
        
}

.nytlogo {
        width: 475px;
        height: 30px;
        background-image: url(http://www.uljas.net/images/palstalogot/nyt_palkki.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
        text-align: right;
        clear: left;
        
}



/* Bannerit */

.banner_top {

width: 468px;
height: 60px;
position: absolute;
background-color: transparent;
top: 38px;
left: 513px;

}

/* tekstityylit */


.pvm p {
	
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	width : 400px;
	color: #000;
	text-align: left;
}

.pisteet p {

	font-family: Georgia, Times;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: right;
}


.aihelistaus p {
	
	font-family: Georgia, Times;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-align: left;
	line-height: 11px;
}

.kuvateksti p {

	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	width : 475px;
	color: #005286;
	text-align: left;
}

.leipis_main p {

	font-family: Georgia, Times;
	font-size: 13px;
        line-height: 18px;
	font-weight: normal;
	width : 470px;
	color: #000;
	text-align: left;
}

.tekija p {

	font-family: Georgia, Times;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	width : 475px;
	color: #005286;
	text-align: left;
}

.kommentti p {

	font-family: Georgia, Times;
	font-size: 10px;
	font-weight: normal;
	width : 425px;
	padding-left: 10px;
	color: #000;
	text-align: left;
}

.arkistoteksti p {

	font-family: Georgia, Times;
	font-size: 11px;
	font-weight: normal;
	width : 400px;
	padding-left: 15px;
	color: #000;
	text-align: left;
	font-style: normal;
}


.kommenttiteksti p {

	font-family: Georgia, Times;
	font-size: 11px;
	font-weight: normal;
	width : 400px;
	padding-left: 15px;
	color: #000;
	text-align: left;
	font-style: italic;
}


.sivupalkki1 p, .sivupalkki2 p {

	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	width: 200px;
	_width: 186px;
	color: #000;
	text-align: left;
	padding: 0 10px 0 10px;
	letter-spacing: 0.1em;
}

.uutislista p, .tekija_uutislista p {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 0 10px 0 10px;
	letter-spacing: 0.1em;
}

.uutislista_kapea p, .tekija_uutislista_kapea p {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 0 10px 3px 0;
	letter-spacing: 0.1em;
}

/* otsikkotyylit */

.paaotsikko h1, .paaotsikko_eikuvaa h1 {

	font-family: Georgia, Times, serif;
	font-size: 34px;
	font-weight: normal;
	text-align: left;
	color: #95B9DE;
	line-height: 48px;
        text-decoration: none;

}


.sivupalkki2 h1, .sivupalkki1 h1 {

	font-family: Georgia, Times;
	font-size: 18px;
	font-weight:  normal;
	text-align: left;
	color: #005286;
	width: 150px;
	line-height: 20px;


}

.arvostelu_otsikko h1, .arvostelu_otsikko2 h1 {

	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #005286;
	width: 100px;
	line-height: 13px;
	margin-top: 2px;


}

.leipis_main h2 {

	font-family: Georgia, Times;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
	color: #95B9DE;
	line-height: 26px;

}

.paaotsikko h2, .paaotsikko_eikuvaa h2 {

	font-family: Georgia, Times;
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	color: #95B9DE;
	line-height: 32px;

}

.nostoboksi h3 {

	font-family: Georgia, Times;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	width : 180px;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	color: #fff;
	text-align: left;
}

.kommentti h3 {

	font-family: Georgia, Times;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #95B9DE;
	width: 150px;
	line-height: 18px;
	margin: 0;
}

.kommentti h4 {

	font-family: Georgia, Times;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #95B9DE;
	width: 150px;
	line-height: 18px;
	margin: 0;
}

.kommentti h5,  .arkistolistaus h4 {

	font-family: Georgia, Times;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #95B9DE;
	line-height: 15px;

}


/*LINKKITYYLIT */

A:link, A:visited, A:active {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	color: #005286;
	text-align: left;
}

A:hover {

	color: #000;
	
}

.uutislista A:link, .uutislista A:visited, .uutislista A:active {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 16px;
	font-weight: normal;
	color: #005286;
	text-align: left;
        margin: 0 0 0 10px;
}

.uutislista A:hover {

	color: #000;
	
}

.uutislista_kapea A:link, .uutislista_kapea A:visited, .uutislista_kapea A:active {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 16px;
        line-height: 18px;
	font-weight: normal;
	color: #005286;
	text-align: left;
        margin: 0 0 0 0;
}

.uutislista_kapea A:hover {

	color: #000;
	
}

.leipis_main A:link, .leipis_main A:visited, .leipis_main A:active {

	text-decoration: underline;
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	color: #005286;
	text-align: left;
}

.leipis_main A:hover {

	color: #000;

}

.more-link {
        text-align: right;
        
}
.more-link A:link, .more-link A:visited, .more-link A:active {
        text-decoration: underline;
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: bold;
	color: #005286;
	text-align: right;
}

.more-link A:hover {

	color: #000;

}

.sivupalkki1 A:link, .sivupalkki1 A:visited, .sivupalkki1 A:active {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	color: #005286;
	text-align: left;
	line-height: 12px;
}

.sivupalkki1 A:hover {

	text-decoration: underline;
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
}

.bloggaajat A:link, .bloggaajat A:visited, .bloggaajat A:active {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 14px;
	font-weight: normal;
	color: #005286;
	text-align: left;
	line-height: 18px;
}

.bloggaajat A:hover {


	color: #000;

}


.otsikkolinkki A:link, .otsikkolinkki A:visited, .otsikkolinkki A:active {

	font-family: Georgia, Times;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #005286;
	width: 150px;
	line-height: 16px;
	text-decoration: none;
}

.otsikkolinkki A:hover {

	text-decoration: underline;
}


.aihelistaus A:link, .aihelistaus A:visited, .aihelistaus A:active {

	text-decoration: none;
	color: #005286;

}

.aihelistaus A:hover {

	text-decoration: underline;
	color: #000;

}

.pvm A:link, .pvm A:visited, .pvm A:active, .pvm A:hover {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 12px;
	font-weight: normal;
	color: #005286;
	text-align: left;
}


.nostoboksi A:link, .nostoboksi A:visited, .nostoboksi A:hover, .nostoboksi A:active {

	text-decoration: none;
	font-family: Georgia, Times;
	font-size: 18px;
	line-height: 19px;
	font-weight: normal;
	width : 180px;
	margin: 0 auto;
	padding: 0px 0px 0px 00px;
	color: #fff;
	text-align: left;
}

.slideshow {margin: 0;}

/* slideshow*/

#nav a { color: #fff; border: 1px solid #ccc; background: #000; text-decoration: none; margin: 0 0 0 3px; padding: 3px 5px;  }
#nav a.activeSlide { background: #666 }
#nav a:focus { outline: none; }

#nav {margin: 0 0 5px 0; text-align: right;}

