body { margin: 0; overflow: visible; 
background-color: white; background-image : url(images/backgroundGradient.png); background-position: center top; background-repeat: repeat-x;
}

body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 67%; 
	color: #444;
}


h1 { display: block; height: 47px; width: 100%; position: absolute;}
h1 a { width: 720px; margin: 0 auto; display: block; height: 47px;}
h1 span { display: none;}
h2 { font-size: 2.5em; margin-bottom: 0.2em; margin-top: -4px;}
h3 { font-size: 1.6em; margin-bottom: 0.4em;}
h1,h2,h3,h4 { color: #0cc6de; }

p, ul { font-size: 1.1em; margin-bottom: 1.7em; letter-spacing: 1;}
.caption { font-size: 1.9em; line-height: 1.3; margin-bottom: 1em; font-family: Georgia; font-style: italic;
	color: #666;
}
.caption em { font-style: normal;}
li { margin-bottom: 1.7em; margin-left: 1.5em;}

.caption-link { width: 400px; height: 180px; top: 205px; position: absolute;}
.caption-link span { display: none; }
.caption-link:hover + span a { text-decoration: none; }

a, a:visited { color: #5e9cae;  }
a:hover, a:visited:hover { color: #0cc6de; }
a:hover, a:visited:hover { color: #90d7e7;  } 

#wrapper { margin: 0 auto 0 auto; width: 720px; padding-top: 49px; 
background-image: url(images/ilmastodieetti.png); background-position: 13px 15px; background-repeat: no-repeat;}

#wrapper-inner { 
	background-image: url(images/kurt_walking_header.png);
	background-repeat: no-repeat;
	background-position: center 17px;
	border: 3px solid #5e9cae;
	background-color: #0bc4dc;
	padding: 0 14px 15px 14px;
	
	margin-bottom: 15px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webmit-border-radius: 10px;
	-opera-border-radius: 10px;
}

#content {
	background-color: white;
	margin: 144px auto 0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webmit-border-radius: 10px;
	-opera-border-radius: 10px;
	padding: 15px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #999;
}

#ilmastodieetti-palvelukuvaus #content-main { width: 650px; }
#content-main { width: 403px; margin-right: 25px;}


#content-sidebar { margin-top: 4px;}
#content-sidebar, #content-sidebar .image { width: 222px; }
#ilmastodieetti-palvelukuvaus #content-sidebar { display: none;}


.logo { text-align: center; margin-bottom: 0;}
#logo-odi { margin-bottom: 1.7em; margin-top: 1.1em;}
#logo-yle { margin-top: 1.1em;}

.image { text-align: center; border: 1px solid white; overflow: hidden;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webmit-border-radius: 10px;
	-opera-border-radius: 10px;	
}

#content-main, #content-sidebar {
	float: left;
}

.evilnonsemanticclearingdiv { clear: both; }

#footer { padding-left: 9px;}
#footer p { font-size: 1em; color: #777;}
#footer a, #footer a:visited, #footer a:hover { color: #777;}
#footer a:hover { text-decoration: none;}