body {
margin : 0;
min-height:820px;
padding : 0;
font : 78% "Trebuchet MS", verdana, arial, sans-serif;
background-image: url('img/tausta.JPG');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 

}
#ylatila {
margin:0;
padding : 0;

}

.bl {background: url(img/bl.gif) 0 100% no-repeat #5ac7ff; width:397px;}
.br {background: url(img/br.gif) 100% 100% no-repeat}
.tl {background: url(img/tl.gif) 0 0 no-repeat}
.tr {background: url(img/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

#container {
width : 744px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 0px solid #22457F;
background : transparent;
color : #333;

}

.nappi{
/* nappulat */
background-color: #4682B4;
-webkit-border-radius: 10px 9px; -moz-border-radius: 10px 9px; border-radius: 10px 9px;
border: 0px;
margin: 5px;
padding: 4px 10px 2px 10px;
min-width: 115px;
	  
/*fontit yms*/
color: white;
font-family: helvetica, arial, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 0px;
word-spacing: 0px;
text-align: center;
text-shadow: 0px 0px 0px black;
cursor: pointer;
}
.nappi:hover {
color : yellow;
}
.nappi2{
/* nappulat */
-webkit-border-radius: 10px 9px; -moz-border-radius: 10px 9px; border-radius: 10px 9px;
min-width: 115px;
	  
/*fontit yms*/
color: white;
font-family: helvetica, arial, sans-serif;
font-weight: bold;
letter-spacing: 0px;
word-spacing: 0px;
text-align: center;
text-shadow: 0px 0px 0px black;
cursor: pointer;
}
#topimg {
height : 150px;
padding : 0;
margin : 0;
background: url('img/loko.gif');
color : #333;
}
#topimg h1 {
float : left;
margin : 10px 0 0 15px;
font-size : 150%;
letter-spacing: 3px;
color : #fff;
background : #22457F;
}
			/*TOP NAVIGATIONY*/
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0 0 20px 0;
font-size : 110%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #22457F;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #22457F;
color : #fff;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #91ae00;
color : #000;
}
			/*MAIN CONTENT*/
#content {
margin : 0 0 5px 170px;

padding : 5px;
border-left : 1px dashed #999;
background : inherit;
color : #333;

}
#content a:link, #content a:visited {
text-decoration : underline;
background : inherit;
color : #22457F;
}
#content a:hover {
background : inherit;
color : #0099FF;
}
			/*SIDEBAR*/
#sidebar {

float : left;
width : 160px;
margin : 0 3px 0 0;
padding : 0px;
background : transparent;
color : #333;
}
			/*SIDE MENU*/
.sidemenu ul {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
width : auto; 
color : #ffffff; 
padding-top : 0; 
background-color : #bacee0; 
}
.sidemenu ul li {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
border:0px solid #003366;
margin : 0; 
padding-top : 0; 
list-style-type : none; 
}
.sidemenu ul li a {
border-right : 1px solid #c3c8cb; 
padding-right : 0; 
background-position : 100% 50%;
border-top : 1px solid #fefefe; 
display : block; 
padding-left : 5px; 
font-weight : bold; 
padding-bottom : 3px; 
border-left : 1px solid #c3c8cb; 
padding-top : 3px; 
border-bottom : 1px solid #c3c8cb; 
background-color: #eaeeee; 
font-size : 13px; 
color : #048; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
}
.sidemenu ul li a:hover {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #fff; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
}
.sidemenu ul li a.current {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #fff; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
}
.sidemenu ul li a.tausta {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #000; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
}
.sidemenu ul li a:hover.tausta {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #fff; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
}
.sidemenu ul li a.ala {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #000; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
padding-right:10px;
text-align:right;
list-style-type:square;
}
.sidemenu ul li a.ala2 {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #fff; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
padding-right:10px;
text-align:right;
list-style-type:square;
}

.sidemenu ul li a:hover.ala {
border-left-color : #003366;
border-bottom-color : #003366; 
border-top-color : #003366; 
background-color: #6699CC;
border-right : 1px solid #003366; 
font-size : 13px; 
color : #fff; 
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
text-decoration : none; 
padding-right:10px;
text-align:right;
list-style-type:square;
}

			/*FOOTER*/
#footer {
padding : 5px;
position:fixed;
float:bottom;
z-index:2;

bottom:0;
font-size : 100%;
border-right: 7px solid #22457F;
font-family : "Trebuchet MS", verdana, arial, sans-serif; 
background : #22457F;
width:733px;

color : #fff;
}

.alignleft{text-align: left;}
.alignright{text-align: right;} 

#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #fff;
border-bottom : 1px dashed #eee;
}
#footer a:hover {
border-bottom : 0px dashed #eee;
background: inherit;
color : skyblue;
}
			/*TYPOGRAPHY*/
p {
line-height: 1.7em;
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 140%;
text-transform : uppercase;
letter-spacing: 3px;
color : #22457F;
background : inherit;
}
h2 {

padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #fff;
background : #22457F;
}
h3 {

padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #fff;
background : red;
}
h4 {
margin-top : 10px;
padding : 0;
font-size : 140%;
text-transform : uppercase;
letter-spacing: 3px;
color : blue;
background : inherit;
}
			/*CLASSES*/
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}
.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 90%;
} 
.post .date { 
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
blockquote {
font-weight : bold;
font-style : italic;
color : navy;
}