/*
	General stuff
*/

body {
	color: white;
	background: #222 none;
	font-family: Arial, Helvetica, sans-serif;
}

/* A			{ color: #9CF; background: #222; } */
A:link		{ color: #8bf; background: #222 none; }
A:visited	{ color: #97f; background: #222 none; }
A:hover		{ color: red; background: #222 none; }
A:active	{ color: #f03; background: #222 none; }

h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }

.pagetitle { 
	text-align: center; 
}

.navi {
	clear: both;
	text-align: right;
	font-size: small;
	margin-right: 2%;
	margin-bottom: 1%;
	line-height: 120%;
}

/* absolute navielement would be nice.. damn buggy browsers */
.naviabs {
	clear: both;
	text-align: right;
	font-size: small;
	position: absolute;
	right: 2%;
	bottom: 1%;
}

/*
	Frontpage
*/

.fptitle { text-align: center; }
.fpimage { border: thin solid gray; }

#fpleftcol {
	float: left;
	width: 48%;
	text-align: right;
}
.fpleftsd {
	margin-left: 25%;
}
.fpleftld {
	margin-left: 35%;
	font-size: small;
}

#fprightcol {
	float: right;
	width: 48%;
	text-align: left;
}

#fprightcol H2 {
	font-weight: normal;
}

.fprightsd {
	margin-right: 25%;
}
.fprightld {
	margin-right: 35%;
	font-size: small;
}

/*
	Photo special indexes
*/
.thumbnails {
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
}
.thumbnails H2 {
    margin-left: -5%;
}
.textidx {
	text-align: left;
    margin-left: 10%;
    margin-right: 10%;
}
.textidx H2 {
    margin-left: -5%;
}
.textidx A {
	text-decoration: none;
}
/*
	Photo galleries index
*/

.pgielementrow { 
	margin-left: 9%; 
	margin-bottom: 1.4em;
}
.pgielement {
	text-align: center;
	width: 30%;
	float: left;
}
.pgidesc {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 0.4em; 
	font-size: small;
}
.pgielement h2 {
/*	margin-bottom: 10px; */
	margin-bottom: 0.3em; 
	font-family: monospace;
	letter-spacing: 0.1em; 
/*	font-stretch: semi-expanded; */
	font-weight: normal; 
/*	color: #ccc; */
}
.pgiinfo {
	font-size: small;
	text-align: center;
	line-height: 1.5em;
}
.pgielement IMG {
	border-style: solid;
	border-width: 3px;
}
.pgielement A:link IMG		{ border-color: #bbb; border-style: solid; }
.pgielement A:visited IMG	{ border-color: #75c; border-style: solid; }
.pgielement A:hover IMG		{ border-color: red; border-style: dotted; }
.pgielement A:active IMG	{ border-color: red; border-style: dotted; }

/*
	Photo gallery index page
*/

.pgindex {
	text-align: center;
}

.pgindex TABLE {
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-spacing: 2px; 
	line-height: 0; 
}
.pgindex IMG {
	border-style: solid;
	border-width: 3px;
}
.pgindex A:link IMG		{ border-color: #aaa; }
.pgindex A:visited IMG	{ border-color: #75c; }
.pgindex A:hover IMG	{ border-color: red; border-style: dotted; }
.pgindex A:active IMG	{ border-color: red; border-style: dotted; }

/*
	Photo page
*/
.pbase H1 {
	font-family: 'Comic Sans MS', sans-serif;
	color: #39f;
	background: #222 none;
	margin-bottom: 0.9em;
	text-align: center;
}
.pbase IMG {
	border: thin solid white;
}
.pimage {
	text-align: center;
}
.pdesc {
	width: 70%;
	margin-left: 15%; 
	text-align: justify;
	font-family: sans-serif;
	color: #ddd;
	background: #222 none;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 120%;
}
.pinfo {
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

/*
	Sanoja
*/

.sanoja IMG {
    border: medium solid #ccc;
}
.sanoja TABLE {
	margin-left: auto;
	margin-right: auto; 
	border-collapse: separate;
	border-spacing: 10px; 
}
.lu {
	text-align: center;
	background-color: black;
}
.lu A {
	background-color: black;
}
.lu IMG {
	border: none;
}
.runo {
	margin-left: 20%;
	margin-top: 2em;
	text-align: left;
}
.runo P {
	line-height: 125%;
}
.ilma {
	font-family: Helvetica, "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	background-color: #222;
	color: #ff9;
/*	text-indent: -1em; */
	margin-left: -1em;
}
.vesi {
	font-family: Helvetica, "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	background-color: #222;
	color: #36f;
	margin-left: -1em;
}
.maa {
    font-family: Helvetica, "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    background-color: #222;
    color: #6c3;
	margin-left: -1em;
}
.tuli {
	font-family: Helvetica, "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	background-color: #222;
	color: #f63;
	margin-left: -1em;
}   
.mono { font-family: Courier, monospace; }
.indentxS { margin-left: 0.5em }
.indentS { margin-left: 2em }
.indentM { margin-left: 3em }
.indentL { margin-left: 5em }
.indentA {
    text-indent: 5em;
    margin-top: 3em;
    margin-bottom: 3em;
}
.indentJ {
    margin-right: 6em;
    text-align: justify;
}