@charset "UTF-8"; /* pitää olla eka rivi, joskin oletuksenakin ois utf-8 */

/* KUJE RESEARCH summer mega css! */

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

body > h1:first-child {
	background-color: black;
	color: white;
	/* TODO: will break on IE */
	margin: -8px -8px 1em; /* top left+right bottom*/
	padding: 18px 8px 8px;
}

h2 {
	border-bottom: dotted black;
	width: 80%;
}

h3 {
	margin-top: 2em;
}

img {
	border: 1px black dashed;
}

dt { font-weight: bold; }
pre { white-space: pre-wrap; }
.tech { font-family: monospace; }
.pseudo, .esim { color: gray; }
.new { background-color: #eef; }
.obs { color: #78d; }
.helppo { color: #3e3; }
.keski { color: #ec3; }
.vaikea { color: #f73; }

/* BEGIN otsikkonumerointi */

.problemcat {
	counter-increment: problemcat;
	counter-reset: problem;
}

.problemcat:before {
	content: counter(problemcat) " ";
}

.problem {
	counter-increment: problem;
}

.problem:before {
	content: counter(problemcat) "." counter(problem) " ";
}

/* END otsikkonumerointi */