/* ETUSIVU-CSS EI MUUTA EROA KUIN #MAIN padding-top JA #sisalto min-height */

html 
{
height: 100%; 
width: auto;
margin: 0; 
overflow-x: hidden;
}

body
{
background: #FFFFFF;
margin: 0; 
overflow: auto;
background-position:bottom left;
background-repeat: no-repeat;
word-wrap: break-word; /* SAFARILLE (JA IE:LLE) PITKIEN URLIEN oikein näyttämiseen ETUSIVUN VASEMMASSA PALSTASSA */
}

#wrap 
{
height: 100%; 
margin: 0; 
background-color: #66a4da;
background: url('uutispuuro_v5_tausta.jpg');
overflow-y: auto;
overflow-x: hidden;
background-position:bottom left;
background-repeat: no-repeat;
word-wrap: break-word; /* SAFARILLE (JA IE:LLE) PITKIEN URLIEN oikein näyttämiseen ETUSIVUN VASEMMASSA PALSTASSA */
}

img, div 
{ 
behavior: url(iepngfix.htc) 
}

 
body > #wrap {height: auto; min-height: 100%;}

#main {
position: relative;
left: 50%;
bottom: 0px;
width: auto;
height: auto;
/*min-width: 1000px;*/
min-height: 300px;
overflow: hidden;
margin-left: -400px; /* half of the width */
margin-bottom: 0px; /*kontrolloi ikkunan minimikokoa */
text-align: left;
padding-top: 100px;
}  

#sisalto {
position: relative;
bottom: 205px;
left: 0px;
width: 760px;
padding: 60px 20px 20px 20px;
margin-top: 200px;
min-height: 350px;
background-image: url('tausta_valkoinen_ala.png');
background-repeat: no-repeat;
background-position: bottom left;
}

#logo {
position: absolute;
top: -18px;
left: 20px;
}

#menu {
position: absolute;
display: block;
top: 40px;
right: 7px;
width: 527px;
height: auto;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #78cf65;
text-align: center;
padding-bottom: 2px;
z-index: 500000000;
border-bottom: 6px #e57522 solid;
}

#leivanmurut {
position: absolute;
top: 98px; 
left: 20px;
padding: 6px;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #348a21;
width: 740px;
}


#teksti {
display: block;
position: relative;
bottom: 23px;
left: 235px;
padding-top: 86px;
font-family: Myriad, Helvetica, Arial, sans-serif, Georgia, serif;
font-size: 0.9em;
line-height: 125%;
height: auto;
width: 510px;
min-height: 700px; /*kontrolloi koko leiskan korkeutta */
}

#kirjoitti {
display: inline;
position: relative;
top: -8px;
padding-top: 6px;
padding-bottom: 6px;
color: #000000;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}

#vasen_palsta {
position: absolute;
left: 22px;
top: 140px;
width: 176px;
/* height: 100%; */


}

#vasen_palsta_sisalto {
position: relative;
margin-bottom: 2px;
background-color: #ebebeb;
padding: 10px;
height: auto;
width: 100%;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #000000;
border-left: 6px #e57522 solid;
}

.vasen_palsta_sisalto_pienempifontti A:link {text-decoration: underline; color:#000000;}
.vasen_palsta_sisalto_pienempifontti A:visited {text-decoration: underline; color:#000000;}
.vasen_palsta_sisalto_pienempifontti A:active {text-decoration: none; color:#000000;}
.vasen_palsta_sisalto_pienempifontti A:hover {text-decoration: underline; color:#000000;}

#vasen_palsta_sisalto A:link {text-decoration: underline; color:#000000;}
#vasen_palsta_sisalto A:visited {text-decoration: underline; color:#000000;}
#vasen_palsta_sisalto A:active {text-decoration: none; color:#000000;}
#vasen_palsta_sisalto A:hover {text-decoration: underline; color:#000000;}

.vasen_palsta_sisalto_pienempifontti {
position: relative;
display: block;
margin-bottom: 2px;
background-color: #ebebeb;
padding: 10px;
height: auto;
width: 100%;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.7em;
color: #000000;
border-left: 6px #e57522 solid;
}

#radio_ikoni {
position: relative;
left: 0px;
top: 5px;
display: block;
float: left;
width: 29px;
height: 27px;
margin-right: 10px;
background-image: url('radio.png');
}

.meno_paivamaara {
position: relative;
top: 21px;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 1em;
height: 20px;
color: #348a21;
letter-spacing: 0.5px;
color: #000000;
}
.meno_otsikko {
position: relative;
left: 120px;
width: 400px;
height: 20px;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #348a21;
line-height: 120%;
}


#nosto {
position: inherit;
width: 260px;
height: auto;
float: right;
padding: 20px;
margin: 10px 10px 10px 16px;
text-align: center;
background-color: #e2e2e2;
font-family: Georgia, serif;
font-size: 0.9em;
font-style: italic;
color: #666666;
letter-spacing: 2px;
border-right: 6px #006600 solid;
}

#kuvalaatikko {
position: relative;
top: 20px;
width: 260px;
height: auto;
float: left;
padding-right: 10px;

}

#kuvateksti {
position: relative;
bottom: 0px;
padding: 10px 10px 20px 10px;
font-family: Myriad, Helvetica, sans-serif;
font-size: 0.8em;
font-style: italic;
color: gray;
}

#kommentit {
position: absolute;
bottom: -2000px;
left: 0px;
display: block;
}

#logot_oikealle {
display: block;
position: absolute; 
bottom: 24px;
left: 730px;
z-index: 500000000000;
line-height: 250%;
text-align: left;

}

#footer {
position: absolute;
bottom: -10px;
left: 10px;
width: auto;
min-height: 200px;
overflow: visible;
z-index: 50000;
}

.footer_palsta {
position: relative;
left: 0px;
top: 10px;
margin-right: 5px;
padding-left: 15px;
float: left;
width: 220px;
height: auto;
z-index: 5000;
font-family: Myriad, Helvetica, Arial, sans-serif;
font-size: 0.65em;
font-weight: 200;
color: #FFFFFF;
text-align: left;
line-height: 150%;
letter-spacing: 1px;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



h1 
{
font-weight: bold; 
font-size: 1.5em; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #000000;}

h2 
{
font-weight: bold; 
font-size: 1.2em; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #006600;
}

h3 
{
font-weight: bold; 
font-size: 1em; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #006600;
}


A:link {text-decoration: none; color:#006600;}
A:visited {text-decoration: none; color:#006600;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color:#006600;}
.footer_palsta A:link {text-decoration: none; color:#FFFFFF;}
.footer_palsta A:visited {text-decoration: none; color:#FFFFFF;}
.footer_palsta A:active {text-decoration: none}
.footer_palsta A:hover {text-decoration: underline; color:#FFFFFF;}