/* CSS Document */

body, html{
margin:0;
padding:0;
}

body{
font-family:"Trebuchet MS", "Verdana", sans-serif;
background-color:#e6ebdf;
background-image:url(../img/back_gradient.gif);
background-position:top;
background-repeat:repeat-x;
}



/* -------------------------------------
-> Layout structures 
-------------------------------------- */
#container{
background-image:url(../img/deco_img.gif);
background-position:left top;
background-repeat:no-repeat;
position:absolute;
width:800px;
}

#main_content{
float:left;
width:450px;
margin-top:247px;
padding:0 0 20px 47px;
}

#top_content{
background-image:url(../img/back_headers.gif);
background-position:bottom;
background-repeat:repeat-x;
height:55px;
margin-bottom:25px;
}

#headers{
width:160px;
float:left;
}

#top_nav{
margin-top:10px;
float:right;
}


#right_content{
float:left;
width:164px;
margin-top:210px;
padding-left:47px;
}


#bot_nav{
margin-bottom:10px;
float:right;
}

#footer{
margin-bottom:15px;
}




/* -------------------------------------
-> Text content 
-------------------------------------- */
h1{
font-size:80%;
font-weight:normal;
margin:0;
line-height:1em;
color:#000;
}

h2{
font-size:75%;
font-weight:normal;
margin:0;
color:#AAA;
}

p{
font-size:75%;
line-height:1.5em;
text-align:justify;
color:#767e71;
}

.page{
font-size:71%;
color:#767e71;
}

.pagenbr{
font-size:71%;
color:#767e71;
font-weight:bold;
}


/* -------------------------------------
-> Lists 
-------------------------------------- */
#nav ul{
margin:0 0 20px 13px;
padding:0 0 0 1.2em;
font-size:71%;	  	
color: #767e71;
}

#nav li{
list-style-image:url(../img/plus.gif);
margin-left:-1em;
padding-bottom:6px;
line-height:1em;
}

#nav a{
text-decoration:none;
padding:0 0 0 -1px;
margin:0 0 0 -0.5em;
}

#nav ul li a:link, a:active, a:visited {
color:#767e71;
}

#nav ul li a:link:hover, #nav ul li a:visited:hover{
color:#000;
}

#nav ul li a#current{
color:#d7d7d7;
}



/* -------------------------------------
-> Tables 
-------------------------------------- */
#ilmasto td{
border: 1px solid #ccc;
}

#ilmasto td{
padding:3px;
}

/* -------------------------------------
-> Hyperlinks 
-------------------------------------- */
a{
text-decoration:underline;
color:#767e71;
}
a.pagenbr:link, a.pagenbr:active, a.pagenbr:visited{
font-size:71%;
color:#767e71;
font-weight:normal;
text-decoration:none;
}

a.pagenbr:hover{
color:#000;
text-decoration:none;
}

a.thumbtxt:link, a.thumbtxt:active, a.thumbtxt:visited{
font-size:71%;
color:#767e71;
text-decoration:none;
}
a.thumbtxt:hover{
text-decoration:underline;
}


/* -------------------------------------
-> Thumbnails
-------------------------------------- */
.thumb_1{
width:141px;
background-color:#9c9e7e;
padding:8px;
float:left;
margin:3px 25px 10px 0;
}

.thumb_2{
width:141px;
background-color:#9c9e7e;
padding:8px;
float:right;
margin:3px 0 10px 25px;
}


.img_frame{
background-color:#fff;
padding:1px;
}

.description{
font-size:69%;
color:#fff;
border-bottom: 1px solid #a6a88d;
padding:2px 0 2px 0;
}

.copyright{
font-size:65%;
color:#cbcdb5;
padding:2px 0 0 0;
}

.thumbcont{
width:164px;
padding-bottom:5px;
}

.kuvake{
float:left;
width:59px;
height:59px;
background-color:#FFFFFF;
padding:5px;
margin-right:10px;
border:1px #dddec6 solid;
}

.thumb2row{
clear:right;
padding-top:15px;
}
.thumbsimple{
clear:right;
padding-top:25px;
}

/* -------------------------------------
-> Elements
-------------------------------------- */
.separation{
font-size:71%;
color:#d7d7d7;
}

hr{
clear:both;
border: thin #CCC dashed;
}

#extra{
margin-bottom:15px;
font-size:75%;
color:#000;
height:35px;
background-image:url(../img/extra_back.gif);
background-position:bottom;
background-repeat:repeat-x;
}

.clear{
clear:both;
}