/* $Id: lehti.css,
 * Prometheus-leirin tuki ry:n sivujen ulkoasumäärittelyt
 * (C) 2000-2003 Osma Suominen & Aatu Komsi
 */

BODY, P, TD, ADDRESS, UL, LI, INPUT.button
	{font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	color: #000000;}

BODY	{background-color: #FFFFFF;
	background-image: url(../kuvat/bg.png);
	background-repeat: no-repeat;
	background-position: top;}

P	{text-align: justify;
	background-color: transparent;}

PRE, TT, INPUT, TEXTAREA
	{font-family: monospace;}

H1 	{font-family: verdana, arial, helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #000099;
	background-color: transparent;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 0em;
	margin-bottom: 1em;}

H1.hakemisto
	{text-transform: none;}

H2	{font-family: verdana, arial, helvetica, sans-serif;
	font-size: 140%;
	color: #000099;
	background-color: transparent;
	text-align: left;
	padding-top: 15px;}

H2.nimi
	{padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 10px;}

H2.lisays
	{padding-bottom: 0,2em;
	margin-bottom: 0em;}

H3	{font-family: verdana, arial, helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 3px;
	padding-top: 20px;
	text-align: left;
	text-decoration: underline;}

H3.nimi
	{padding-top: 0px;
	margin-top: 0em;
	margin-bottom: 2em;
	font-size: 90%;
	text-decoration: none;}

H3.votsikko
	{padding-top: 0px;}


H3.lisays
	{padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 2em;
	text-decoration: none;}

H4	{font-family: verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
	margin-bottom: 1em;
	margin-top: 2em;}

H4.hakemisto
	{margin-bottom: 1em;
	margin-top: 1em;}

H5	{font-weight: bold;
	text-align: center;}

HR	{border-style: solid;
	border-color: #000000;
	border-width: 1px;}

/* PROTU % OSMA */

.navbarlink
	{font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	font-stretch: condensed;
	text-decoration: none;}

BIG	{font-family: verdana, arial, helvetica, sans-serif;}

strong.linkboxhead
	{font-family: "arial narrow", helvetica, sans-serif;
	font-size: 110%;}

td.margin
	{border-right: 1px solid #DDDDDD;}

/* TEKSTITYYLIT */


.antikva	{font-family: "times new roman", times, serif;}

.groteski
	{font-family: arial, helvetica, sans-serif;}

.vasen	{text-align: left;}

.oikea	{text-align: right;}

.keski	{text-align: center;}

.isolla
	{text-transform: uppercase;}

DIV.sitaattiv, DIV.sitaattio
	{border-style: none;
	margin: 5px;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	width: 10em;}

DIV.sitaattiv
	{float: left;
	clear: left;
	margin-left: 0px;}

DIV.sitaattio
	{float: right;
	clear: right;
	margin-right: 0px;}


/* LINKIT */

A:link	{color: #000099;}

A:visited
	{color: #660066;}

A:hover {color: #CC0000;}


A:active	{color: #FF0000;}

A:link, A:visited, A:hover, A:active
	{text-decoration: underline;
	background-color: transparent;}

BIG A:link, BIG A:visited, BIG A:hover, STRONG A:link, STRONG A:visited, STRONG A:hover, SMALL A:link, SMALL A:visited, SMALL A:hover
	{text-decoration: none;}

.viiva A
	{text-decoration: underline;}

.viivaton A
	{text-decoration: none;}


/* SISÄLLÖN TYYLIT */

.ingressi
	{font-weight: bold;}

.sigu
	{text-align: right;
	margin-top: 3em;
	font-weight: bold;}

P.info
	{font-style: italic;
	text-align: right;
	width: 20em;
	float: right;}

DIV.info2
	{border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #E6E6E6;
	padding: 1ex;
	margin: 1em 2em;
	font-size: 90%;
	color: #404040;}

DIV.kommentti
	{border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #E6E6E6;
	padding: 1em;
	margin: 1em 2em;
	font-size: 90%;
	color: #404040;}

DIV.kommentti H3
	{font-size: 120%;
	padding-top: 0px;
	margin-top: 1em;
	text-decoration: none;}

DIV.kommentti H4
	{margin-top: 0px;
	text-decoration: underline;}

.nimi
	{font-weight: bold;
	margin-bottom: 35px;}

.lahteet
	{float: right;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #E6E6E6;
	padding: 3px;
	margin-top: 1em;
	width: 15em;
	max-width: 34em;
	white-space: nowrap;
	font-size: 90%;
	color: #404040;}


P.leveys
	{width: 34em;}


IMG.hlo
	{border-style: solid;
	border-color: #000000;
	border-width: 1px;
	margin: 10px;
	float: right;}

TD.otsikko
	{font-weight: bold;
	vertical-align: top;}

IMG.pieni
	{border-style: none;
	margin: 0px;
	margin-bottom: 2px;}


DIV.kuvav, DIV.kuvak, DIV.kuvao
	{border-style: none;
	margin: 15px;
	margin-top: 5px;
	margin-bottom: 5px;}

DIV.kuvav
	{float: left;
	margin-left: 0px;}

DIV.kuvak
	{text-align: center;
	margin-left: 0px;
	margin-right: 0px;}

DIV.kuvao
	{float: right;
	margin-right: 0px;}

DIV.kuvav P, DIV.kuvao P, DIV.kuvak P
	{border-style: none;
	font-size: 70%;
	color: #404040;
	max-width: 15em;
	clear: both;
	float: right;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;}

DIV.kuvao P.text
	{max-width: 100%;
	margin: 1em 0px;
	float: none;
	text-align: left;}

P.caption
	{float: right;
	width: 20em;
	text-align: left;
	text-transform: none;}

P.caption2
	{width: 30em;
	text-align: center;
	text-transform: none;}




/* BLOKKIEN ASETUKSET
* BLOCK 0 */

TABLE.block0
	{width: 75%;}

TD.block0
	{border-style: none;
	padding: 0px;
	text-align: left;}

/* LINKBOX */

table.linkbox
	{margin-top: 0.4em;}


/* BLOCK_KORU */

TABLE.block-koru
	{width: 100%;
	border-collapse: collapse;
	text-align: left;}

TD.col-koru1, TD.col-koru2
	{border-style: none;
	border-color: #000000;
	border-width: 1px;
	padding: 0px;
	text-align: left;
	vertical-align: top;}

TD.col-koru1
	{width: 140px;}

IMG.koru
	{border-style: none;
	width: 140px;
	height: 136px;
	margin: 0px;}

IMG.nauha
	{border-style: none;
	width: 480px;
	height: 10px;
	margin: 0px;
	vertical-align: top;}

IMG.otsikko, IMG.otsikko1, IMG.otsikko2, IMG.vanhaotsikko
	{border-style: none;
	width: 356px;
	clear: both;
	margin-left: 40px;
	margin-top: 10px;
	vertical-align: bottom;
	float: left;}

IMG.otsikko1
	{width: 259px;}

IMG.vanhaotsikko
	{width: 369px;
	height: 95px;
	margin-bottom: 5px;}


/* BLOCK_TEKSTI */

TABLE.block-teksti
	{width: 100%;
	border-collapse: collapse;}

TD.col-vasen, TD.col-oikea
	{border-style: none;
	background-color: transparent;
	padding: 0px;
	padding-top: 30px;
	text-align: left;
	vertical-align: top;}

TD.col-vasen
	{padding-right: 30px;}

TD.col-oikea
	{padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;}


/* INFO */


TABLE.block-info
	{text-align: left;}

TD.info
	{border-style: none;
	color: #000000;
	vertical-align: top;}

.linkki-info
	{text-decoration: none;
	font-size: 90%;
	font-weight: bold;}

P.tekijat
	{padding-left: 20px;
	font-weight: bold;}

.pieni	{font-size: 80%;}

.pieni70
	{font-size: 70%;
	text-align: center;}

.pieni85
	{font-size: 85%;
	text-align: center;}

.pieni80B
	{text-align: center;
	font-weight: bold;
	font-size: 80%;}

IMG.nuoli
	{border-style: none;
	width: 11px;
	height: 11px;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 2px;}

IMG.pienikuva
	{width: 130px;
	height: 190px;
	border-style: none;}

IMG.vanhakansi
	{width: 128px;
	height: 181px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;}


/* BLOCK_KANSI */

TABLE.block-kansi
	{width: 100%;
	text-align: center;}

TD.kansi
	{border-style: none;
	text-align: center;}

IMG.kansi
	{width: 463px;
	height: 680px;
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
	float: center;}


/* TAKAISIN HAKEMISTOON */

TABLE.navig
	{width: 100%;
	clear: both;
	margin-top: 3em;}

TD.navig
	{border-style: none;
	border-color: #305E30;
	border-width: 1px;
	background-color: #99CC99;
	color: #000000;
	padding: 10px;
	text-align: right;
	vertical-align: middle;}

IMG.nuoli2
	{border-style: none;
	width: 11px;
	height: 11px;}

/* ISOT KUVAT */

IMG.isokuva
	{border-style: none;
	margin: 10px;
	text-align: center;}

P.captioniso
	{font-size: 100%;
	margin: 10px;
	color: #000000;
	clear: both;
	text-align: center;}


/* EXTRA */

H4.extra
	{font-size: 120%;
	color: #E87518;
	margin-top: 0px;}

DIV.sideboxbluev, DIV.sideboxblueo
	{border-style: solid;
	border-color: #E87518;
	border-width: 1px;
	background-color: #B4C3DA;
	margin: 5px;
	padding: 1ex;
	font-size: 100%;
	width: 10em;}

DIV.sideboxbluev
	{float: left;
	clear: left;
	margin-left: 0px;}

DIV.sideboxblueo
	{float: right;
	clear: right;
	margin-right: 0px;}


/* INDEKSI */

TABLE.index
	{width: 100%;
	border-style: none;}

TABLE.index * TD
	{padding: 1ex;
	border-style: none;
	vertical-align: bottom;
	text-align: center;}