body {
	font-family: Arimo,Arial
}
p, ul, #navbar, #logo .row2, #breadcrumbs, h1, h2, h3 {
	line-height: 140%;
}
header, section, h1, figure.main, footer {
	margin-left: 3%;
	margin-right: 4%;
}

#logo {
	text-decoration: none;
	color: #000;
}
#logo .row1 {
	font-size: 150%;
	font-weight: bold;
}
#logo .row2 {
	color: #555;
}
header,nav,section {
	margin-top: 30px;
	margin-bottom: 30px;
}

#navbar {
	background-color: #800020;
	padding: 5px;
}
#navbar a {
	color: #fff;
	margin-right: 20px;
	white-space: nowrap;
}

h1,h2,h3 {
	font-weight: normal;
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 110%;
}

figure.main img {
	width: 100%;
}
figure.inline {
	float: left;
	margin: 3px 30px 15px 0px;
}

footer {
	clear: both;
	margin-top: 120px;
	color: #AAA;
}


.kaava {
    font-family: "Cambria Math", "Times New Roman", serif; /* Matemaattiseen tyyliin sopiva fontti */
    font-size: 1.1em; /* Hiukan suurempi fonttikoko erottuvuuden lisäämiseksi */
    font-style: italic; /* Korostaa matemaattisuutta */
    color: #333333; /* Tummanharmaa väri erottuvuuden lisäämiseksi */
    background-color: #f9f9f9; /* Hieman korostava vaalea tausta */
    padding: 0.5em; /* Lisää tilaa ympärille */
    border-left: 4px solid #4CAF50; /* Korostava väripalkki vasemmalla */
    display: block; /* Erottaa kaavan omalle riville */
    margin: 1em 0; /* Lisää tilaa ennen ja jälkeen */
}