/* CSS2 styles for Risto A. Paju | TeknoHog web site */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	background-color: #000000;
	color: #99BBDD;
	padding:0;
	margin:0;
	height:90%;
}

h1 {
   color: #AADD77; 
   font-family: Baskerville, serif; 
   font-stretch: expanded; 
   font-variant: small-caps;
	text-align:center;
	font-size:18pt;
}

h2, h3 {
color: #00CC55; 
font-weight: 500;
line-height: 120%
}

h2 { font-size: 13pt;}
h3 { font-size: 12pt;}

h4, caption {color: #00CC00}

li {
	margin: 0.5em 0;
}

a {text-decoration: none;
 color: #44BB88;
}
a:visited { color: #EE99BB }
a:hover {text-decoration: underline}

p, ul, ol, blockquote { 
	line-height: 140%
}

td {
padding-top: 0.4em;
padding-bottom: 0.4em;
padding-right: 0.1em;
padding-right: 0.1em;
}

div.rightpanel {
	padding-top:2em;
	width: 20%;
	float:right;
}

div.main {
	position:absolute;

	vertical-align:middle;

	left:0;
	right:20%;

	padding:2em;
	margin:0;
}


div.maintoc {
	line-height: 130%;	
	padding-left:42px;
}

/* Main page */

.main p {
	text-align: left;
}



/* TOC */

.maintoc * {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt
}

.maintoc a {
	text-decoration: none;
	color:#ff0022;
}

.maintoc a:hover {
	text-decoration: underline;
}

.maintoc a:visited {
	color:#dd0055;
}

.maintoc a:active {
	text-decoration: underline
}

div.thpic {
	float:left;
}



/* Sub-TOC */

/* h2, h3 {color: #00CC55; font-weight: 500; line-height: 120%}
h4, caption {color: #00FF00} */

.subtoc {text-align: left;}

.subtoc h3,h4,p {
	font-size: 11;
	font-weight: 500;
}

.subtoc li {
	margin: 0 0;
	list-style-type: none;
	text-align: left;
}