/* Särö: Vakiomäärittelyt alkaa */

html {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	color: black;
	text-align: left;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	color: black;
	text-align: left;
	background-image: url(kuvat/Saro_tausta.jpg);	/* Tähän koko sivun taustakuva */
	background-color: white;						/* Tähän koko sivun taustaväri */
}

p {
	margin: 15px 0 15px 0;
	padding: 0;
	border: 0;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
}

h1 {
	margin: 0;
	padding: 30px 0 0 0;
	font: 1.8em Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.6em;
	text-decoration: none;
	color: #892114;
}

h2 {
	margin: 0;
	padding: 20px 0 0 0;
	font: 1.3em Trebuchet ms, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: none;
	color: #892114;
}

h3 {
	margin: 0 0 -8px 0;
	padding: 10px 0 0 0;
	font: 1em Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: none;
	color: #892114;
}

/* WorPress-KOE */
iframe {
	/*width: 100%;
	height: 100%;
	border: 0;*/
	background-color: transparent;
}

/* Vakiomäärittelyt loppuu */

/* Tekstien erikoismäärittelyt alkaa*/

.h3m {
	margin: 0 0 -8px 0;
	padding: 10px 0 0 0;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: none;
	color: black;
}

.noscript {												/* JavaScript -huomioväri */
	font: 1.5em Arial, sans-serif;
	font-weight: normal;
	color: #CC0000;
}

.text {													/* Normaali teksti ilman p-tagia */
	margin: 15px 0 15px 0;
	padding: 0;
	border: 0;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
}

.logotext {
	font: 0.8em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	color: black;
	text-align: left;
}

.text-deco {											/* Huomioväri tekstin seassa -normaali */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #892114;
}

.text-deco-i {											/* Huomioväri tekstin seassa -isompi */
	font: 1em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #892114;
}

.text-deco-pi {											/* Huomioväri tekstin seassa -isompi */
	font: 1em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #CC0000;
}

.text-deco-p {											/* Huomioväri tekstin seassa -punainen */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #CC0000;
}

.text-lite {											/* Huomioväri tekstin seassa -laiha */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	color: #892114;
}

.text-lite-vali {											/* Huomioväri tekstin seassa -laiha */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	color: #892114;
}

.text-grey {											/* Huomioväri tekstin seassa -harmaa */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	color: #606060;
}

.text-grey-i {											/* Iso huomioväri tekstin seassa -harmaa */
	font: 1.2em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.1em;
	color: #606060;
}

.pvm {													/* Päivämäärän teksti ilman p-tagia */
	margin: 15px 0 15px 0;
	padding: 0;
	border: 0;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
}

.copy {													/* Copyright-tyyli */
	margin: 0;
	padding: 50px 0 20px 10px;
	border: 0;
	font: 0.6em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	text-decoration: none;
	color: black;
}

.pvm2 {													/* Copyright-tyyli */
	margin: 0;
	padding: 0;
	border: 0;
	font: 0.7em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	text-decoration: none;
	color: black;
}

.nro-h {
	margin: 0 4px 0 4px;
	padding: 0 5px 1px 4px;
	border: 1px #666666 solid;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	height: 28px;
	color: #666666;
	text-decoration: none;
	background-color: transparent;
}

/* Tekstien erikoismäärittelyt loppuu*/

/* Div-elementtien määritykset alkaa */

.cont-main {
	position: absolute;
	left: 200px;
	top: 0;
	float: right;
	margin: 0 ;
	padding: 0;
	width: 79%;
	border: 0;
	background-color: transparent;						/* Tähän containerin taustaväri */
}

.scont-header {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 56%;
	height: 171px;
}

.scont-header-right {
	float: right;
	margin: 0;
	padding: 0 20px 0 0;
	border: 0;
	width: 30%;
}

.scont-header-in {
	float: left;
	margin: 0;
	padding: 12px 0 0 0;
	border: 0;
	width: 250px;
	text-align: center;
	background-color: transparent;
}

.scont-left {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 56%;
	text-align: left;
}

/* WorPress-KOE */
.scont-left-wide {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	/*height: 100%;*/
	text-align: left;
}

.scont-area {											/* Vieraskirjan yms. reunaviivallinen alue */
	float: left;
	margin: -8px 0 15px 0;
	padding: 4px 10px 0 18px;
	border: 1px #892114 solid;
	width: 94%;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	text-align: left;
	background-color: white;
}

.scont-blogi {											/* Päätoimittajan blogin reunaviivaton alue */
	float: left;
	margin: 10px 0 0 0;
	padding: 4px 10px 0 0;
	border: 0;
	width: 94%;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	text-align: left;
	background-color: transparent;
}

.scont-right {
	float: right;
	margin: 0;
	padding: 42px 20px 0 0;
	border: 0;
	width: 30%;
}

.scont-left-in {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #892114;
	width: 250px;
	background-color: white;
	text-align: center;
}

.scont-left-in2 {
	float: left;
	margin: 0 0 12px 12px;
	padding: 0;
	border: 0;
	width: 225px;
	background-color: transparent;
	text-align: center;
}

.scont-left-in3 {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 250px;
	background-color: transparent;
	text-align: center;
}

.scont-broad {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	width: 90%;
	border: 0;
	text-align: left;
}

.navi-main {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
}

.snavi-header {
	margin: 0;
	padding: 0 0 50px 6px;
	border: 0;
	width: 200px;
	height: 214px;
	background-color: transparent;
}

.snavi-header-in {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	border: 0;
	width: 200px;
	text-align: center;
	background-color: transparent;
}

.snavi-cont {
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	background-color: transparent;
}

/* Tätä ei vissiin tarvita? */
.footer {
	clear: both;
	margin: 0;
	padding: 30px 0 20px 10px;
	border: 0;
	background-color: transparent;
}

/* Div-elementtien määritykset loppuu */

.area {													/* Tätä käytetään vieraskirjan yms. kentissä. */
	margin: 0;
	padding: 0;
	border: 1px #892114 solid;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4em;
	color: black;
	text-decoration: none;
	background-color: white;
}

/* Linkkimääritykset alkaa */

ul {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
}

.here {													/* Linkkilistan 'Olet täällä' -tyyli */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #892114;
	text-decoration: none;
	background-color: transparent;
}

.here2 {												/* Vanhat lehdet 'Olet täällä' -tyyli */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #CC0000;
	text-decoration: none;
	background-color: transparent;
}

.pphere {													/* Putkipostin 'Olet täällä' -tyyli */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #00688B;
	text-decoration: none;
	background-color: transparent;
}

a {														/* Vasemman reunan navigaatiolinkki */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	color: black;
	text-decoration: none;
	background-color: transparent;
}

a:link {
	color: black;
	text-decoration: none;
}

a:visited {
	color: black;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #892114;
	text-decoration: underline;
}

a:active {
	font-weight: bold;
	color: #892114;
	text-decoration: underline;
}

.atext {												/* Tekstin seassa oleva linkki */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #892114;
	text-decoration: underline;
	background-color: transparent;
}

.atext:link {
	color: #892114;
	text-decoration: underline;
}

.atext:visited {
	color: #892114;
	text-decoration: underline;
}

.atext:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.atext:active {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.atext-i {												/* Tekstin seassa oleva linkki */
	font: 1em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	color: #892114;
	text-decoration: underline;
	background-color: transparent;
}

.atext-i:link {
	color: #892114;
	text-decoration: underline;
}

.atext-i:visited {
	color: #892114;
	text-decoration: underline;
}

.atext-i:hover {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.atext-i:active {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.avanhat {												/* Vanhat lehdet otsikkolinkki */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #606060;
	text-decoration: underline;
	background-color: transparent;
}

.avanhat:link {
	color: #606060;
	text-decoration: underline;
}

.avanhat:visited {
	color: #606060;
	text-decoration: underline;
}

.avanhat:hover {
	font-weight: bold;
	color: #892114;
	text-decoration: underline;
}

.avanhat:active {
	font-weight: bold;
	color: #892114;
	text-decoration: underline;
}

.looppi {												/* Lööpin linkki - bold */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #892114;
	text-decoration: underline;
	background-color: transparent;
}

.looppi:link {
	color: #892114;
	text-decoration: underline;
}

.looppi:visited {
	color: #892114;
	text-decoration: underline;
}

.looppi:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.looppi:active {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.looppi-n {												/* Lööpin linkki - normal */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	color: #892114;
	text-decoration: underline;
	background-color: transparent;
}

.looppi-n:link {
	color: #892114;
	text-decoration: underline;
}

.looppi-n:visited {
	color: #892114;
	text-decoration: underline;
}

.looppi-n:hover {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.looppi-n:active {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.looppi-b {												/* Blogin linkki - normal */
	font: 0.8em Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #892114;
	text-decoration: underline;
	background-color: transparent;
}

.looppi-b:link {
	color: #892114;
	text-decoration: underline;
}

.looppi-b:visited {
	color: #892114;
	text-decoration: underline;
}

.looppi-b:hover {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.looppi-b:active {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.ah3 {													/* h3-otsikkotason linkki */
	margin: 0 0 -8px 0;
	padding: 10px 0 0 0;
	font: 1em Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: underline;
	color: #892114;
}

.ah3:link {
	text-decoration: underline;
	color: #892114;
}

.ah3:visited {
	text-decoration: underline;
	color: #892114;
}

.ah3:hover {
	text-decoration: underline;
	color: #CC0000;
}

.ah3:active {
	text-decoration: underline;
	color: #CC0000;
}

.buttontext {											/* Painikkeissa olevat linkit. */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #892114;
	background: transparent;
}

.buttontext:link {
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #892114;
	background: transparent;
}

.buttontext:visited {
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #892114;
	background: transparent;
}

.buttontext:hover {
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #892114;
	background: transparent;
}

.buttontext:active {
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #892114;
	background: transparent;
}

.a-area {														/* Keskustelualueen linkit */
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	color: #892114;
	text-decoration: underline;
	background-color: transparent;
}

.a-area:link {
	color: #892114;
	text-decoration: underline;
}

.a-area:visited {
	color: #892114;
	text-decoration: underline;
}

.a-area:hover {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.a-area:active {
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

.anro {
	margin: 0 4px 0 4px;
	padding: 0 5px 1px 4px;
	border: 1px #892114 solid;
	font: 0.9em Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	height: 28px;
	color: #892114;
	text-decoration: none;
	background-color: transparent;
}

.anro:link {
	border: 1px #892114 solid;
	color: #892114;
	text-decoration: none;
}

.anro:visited {
	border: 1px #892114 solid;
	color: #892114;
	text-decoration: none;
}

.anro:hover {
	border: 1px #CC0000 solid;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

.anro:active {
	border: 1px #CC0000 solid;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

/* Linkkimääritykset loppuu */