/*Pohjat*/

	/*Taustakuvitetut linkit*/

h1, dd.broken, dd.cover a {
text-indent: -300em;
}

h1 a, #navigation a, #navigation strong, dd.cover a {
display: block;
}

/*Kehys*/

	/*Asemoinnit*/

body {
}

h1 {
float: left;
width: 10%;
margin-top: 40px;
margin-left: 4%;
}

	h1 a {
	width: 145px;
	height: 473px;
	}

#navigation {
float: left;
clear: none;
width: 17%;
margin-top: 20px;
margin-left: 3%;
}

	#navigation dt, #navigation dd {
	clear: both;
	}

	#navigation dt {
	margin-top: 20px;
	}

	#navigation strong {
	padding: 0 2px;
	}

h2 {
float: left;
clear: none;
width: 65%;
margin-top: 30px;
}

.content {
margin-bottom: 10px;
}

.software {
float: left;
width: 35%;
margin-right: 1%;
}

	.column dt, .column dd {
	margin-top: 10px;
	}

	.column dt {
	clear: both;
	margin-top: 10px;
	}

	.column dd {
	margin-left: 10px;
	padding: 0 2px;
	}

.content, .hardware {
float: right;
width: 24%;
margin-right: 6%;
}

.footnote {
clear: both;
float: right;
margin-bottom: 20px;
margin-right: 6%;
margin-bottom: 40px;
}

	.footnote a {
	margin-left: 2px;
	padding: 0 2px;
	display: block;
	}

		.footnote a:hover {
		padding-left: 22px;
		}

	/*Taustat ja reunukset*/

body {
background: #f3f2ee;
}

h1 {
background-image: url(title.gif);
background-repeat: no-repeat;
}

	.recent_additions h1 {
	background-image: url(title_selected.gif);
	}

/*Teksti*/

body, textarea, input {
font-family: "Arial", "Helvetica", sans-serif;
}

	/*Värit*/

body, textarea, .text, .password, a {
color: #26241d;
}

h1, h2 {
color: #bdbdba;
}

#navigation dt {
color: #bdbdba;
}

h3, strong, .footnote a {
color: #f3f2ee;
background: #26241d;
}

.column dd {
color: #666357;
background: #dddcd9;
}

	/*Koot*/

body, input, textarea {
font-size: 14px;
line-height: 20px;
}

dt {
font-size: 16px;
}

h1, h2 {
font-size: 64px;
line-height: 80px;
}

h2 em {
font-size: 32px;
}

h3 {
font-size: 21px;
line-height: 30px;
}

	/*Tyylit*/

h3, dt, a, strong {
font-weight: bold;
}

a {
text-decoration: none;
}

/*Sisältö*/

	/*Leipäteksti*/

.content p + p {
text-indent: 20px;
}

	/*Otsikot*/

h3 {
float: left;
margin-top: 20px;
padding: 0 2px;
}

	/*Listat*/

dt, dd {
width: auto;
float: left;
}

dd.broken, dd.cover {
width: 16px;
height: 20px;
}

	/*Taustat ja reunukset*/

dd.broken, dd.cover {
background-color: transparent;
background-repeat: no-repeat;
}

dd.broken {
background-image: url(broken.gif);
}

dd.cover {
background-image: url(cover.gif);
}

	dd.cover:hover {
	background-image: url(cover_hover.gif);
	}

.footnote a:hover {
background-image: url(external.gif);
background-repeat: no-repeat;
background-position: 2px 50%;
}