/*********** Pääelementtien määritykset ***********/

html {
	margin: 0;
	padding: 0;
}
body {
	background-color: rgb(28,77,0);
	font-family: georgia, garamond, serif;
	color: black;
}

/*********** Varsinaisen sivun määritteet ***********/

#main {
	/* ennen leveys oli 70% */
	width: 43.4em;
	min-width: 500px;
	max-width: 100%;
	margin: 0 auto;
	/* Vasemman puolen varjo taustakuvana */
	background: white repeat-y url(varjo_vasen.png) 0 0;
}

/*********** Header ***********/

#header {
	height: 179px;
	padding: 0;
	background: rgb(28,77,0) repeat-x url(varjo_yla.png) 0 34px;
}

/* Headerissa oleva otsikko */

h1 {
	padding: 0;
	height: 179px;
	/* 100.01%, jotta firefox näyttää kulman oikein. Vältämme pyöristysbugin. */
	background: url(kulma2.png) 100% 34px no-repeat;
	font-family: 'Bookman Old Style',georgia, garamond, serif;
	color: white;
	font-weight: bold;
	font-size: small; /* Pienempi kuva tarvitaan peittämään, kun pienennetään fonttia */
	position: relative;
	margin: 0;
}

/* Revised image replacement span */

h1 span {
	position: absolute;
	width: 98%;
	height: 100%;
	background: no-repeat url(kulma1.png) 0 0;
}
.piilota {
	/* Piilotetaan elementit graafisilta selaimilta, mutta jätetään ne ruudunlukijoille */
	height: 0px;
	width: 0px;
	overflow: hidden;
	position: absolute;
}

/**/
#keski {
	background: repeat-y url(varjo_oikea.png) 100% 0;
}

/*********** Navigaatio-osuus ***********/

#nav {
	width: 30%;
	float: left;
}

#nav ul {
	margin: 0 0 0 22px;
	padding: 0;
	list-style-type: none;
}

#nav ul li, #nav ul li.open .avoin_eka {
	/* Koska alivalikon sisältävä li on kooltaan alivalikkonsa kokoinen, teemme elementin
	.avoin_eka, jota voimme käyttää kuin normaalia ykköstason li-elementtiä */
	display: block;
	background: no-repeat url(navitem.png) 0 50%;
}

#nav ul li.open {
	/* Koska meillä on korvaava elementti, ei tätä li:tä tarvitse renderöidä kuten
	muita. Sen sijaan renderöimme sen lapsen .avoin_eka kuten ylimmän tason li:t */
	background: none;
}

/* Ylimmän tason linkit */

#nav ul li a, #nav ul li a:link, #nav ul li.open .avoin_eka a, #nav ul li.open .avoin_eka a:link {
	display: block;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: rgb(80,80,80);
	margin-left: 5px;
	background: no-repeat url(navitem_tumma.png) 100% 50%;
	padding: 0.3em 0;
}

#nav ul li a:visited, #nav ul li.open .avoin_eka a:visited {
	color: rgb(140,140,140);
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li.open .avoin_eka a:hover, #nav ul li.open .avoin_eka a:active {
	color: rgb(30,30,30);
}

/* Kakkostason linkit */

#nav ul li.closed ul { /* Kakkostason valikko, joka ei ole auki */
	display: none;
}

#nav ul li.open ul li {
	margin: 4px 0; /* Estetään alivalikon linkkien kiinnittyminen toisiinsa */
	background: none;
	font-size: 90%;
}

#nav ul li.open ul li a {
	background: none;
}

/* Valittuna oleva linkki */

.selected { /* Valittuna oleva ylimmän tason linkki - vaikka sillä olisikin alilinkkejä */
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: rgb(0,0,0);
	margin-left: 5px;
	background: no-repeat url(navitem_tumma.png) 100% 50%;
	padding: 0.4em 0 0.3em 0;
}

#nav ul li.open ul li .selected {
	/* Kakkostason valitut linkit. Huomaa periytyminen .selectedistä */
	background: none;
}

/* Näkyviä kakkostason linkkejä omistavat ykköstason linkit */

#nav ul li.open {
	background: none;
}

/*********** Leipätekstidivi ***********/

#content {
	width: 67.5%;
	padding-right: 2.5%;
	float: right;
}

.lyhyt {
	padding-bottom: 10em;
}

#breadcrumb {
	font-size: 90%;
	padding: 0.7em 0;
}

/*********** Footer ja alakulmat ***********/

#footer {
	clear: both;
	background: repeat-x url(varjo_ala.png) 0 100%;
	padding-bottom: 13px;
	position: relative;
	height: 2em;
}
#footer ul {
	position: absolute;
	width: 100%;
	height: 2em;
	background: no-repeat url(kulma4.png) 100% 100%;
	margin: 0;
	padding: 0 0 13px 0;
}
#footer ul li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 0.5em;
	height: 2em;
	padding-bottom: 13px;
}

#copy {
	background: no-repeat url(kulma3.png) 0 100%;
	padding-left: 30px;
}

/*********** Sisältö- ja leipätekstielementit ***********/

h2 {
	color: rgb(150,0,0);
	margin: 0;
	font-family: 'Bookman Old Style', georgia, garamond, serif;
}

h3 {
	color: black;
	padding: 0;
	margin: 0.8em 0 0.2em 0;
	font-size: 120%;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
}
h4 {
	margin: 1em 0 0 0;
}

h3, h4 {
	clear: left;
}

p {
	margin: 0 0 1em 0;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
a:link {
	color: rgb(170,0,0);
}
a:visited {
	color: rgb(80,0,0);
}
a:hover, a:active {
	color: rgb(255,0,0);
}
table {
	font-size: 90%;
	width: 100%;
	border-collapse: collapse;
}

td {
	padding: 0.1em 0.2em;
}

tr.kruuna {
	background-color: rgb(240,240,240);
}

.success { /* gallerianhallinta */
	color: rgb(0,100,0);
}

.error { /* gallerianhallinta */
	color: rgb(200,0,0);
}

td.kuvasolu {
	width: 72px;
}

caption.toissijainen {
	display: none;
}
th {
	text-align: left;
}
h4.ajankohtainen {
	border-bottom: 1px solid black;
}
.kirjoittaja {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
}
img {
	float: right;
	border: 1px solid rgb(236,131,0);
	margin: 5px;
}

img.left {
	float: left;
}

img.thumbnail, #gallerialista img, #kuvalista img {
	float: none;
}

#gallerialista, #kuvalista {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#gallerialista img, #kuvalista img {
	vertical-align: middle;
}

#gallerialista a, #kuvalista a {
	text-decoration: none;
}

#gallerialista a span, #kuvalista a span {
	text-decoration: underline;
}

.kruuna {
	background-color: rgb(240,240,240);
}

hr.ajankohtaista {
	visibility: hidden;
	height: 6em;
}
dl.details dt {
	font-weight: bold;
}
#unbook {
	border-top: 1px solid black;
	padding-top: 3px;
}
#unbook p {
	float: left;
}
#unbook input {
	float: right;
}

fieldset.date, fieldset#extrafields {
	width: 95%;
}

fieldset#extrafields {
	margin-top: 1em;
}

fieldset.closed, fieldset#extrafields.closed {
	border: none;
	border-top: 1px solid black;
	overflow: hidden;
	height: 1em;
	padding-top: 0;
	padding-bottom: 0;
}

p.related {
	border-top: 1px solid black;
	padding-top: 3px;
	text-align: right;
}
.hallitus_kruuna ul, .hallitus_klaava ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
.hallitus_kruuna img, .hallitus_klaava img {
	float: left;
}
.hallitus_kruuna h4, .hallitus_klaava h4 {
	border-bottom: 1px solid black;
	clear: both;
}

.pvm {
	width: 8em;
}

#kokousajat td, #kokousajat th {
	background: rgb(240,240,240);
	border: 2px solid white;
}

#kokousajat strong {
	display: block;
}

#kokousajat th {
	vertical-align: top;
}

hr {
	height: 1px;
	border: none;
	color: black;
	background-color: black;
}

/* Kuvannäyttösivun tyylit */

#imgpage {
	background: white 50% 0 repeat-y url(imgbg.png);
	text-align: center;
	width: 679px;
	margin: 0 auto;
}

#imgpage ul.nextprev {
	list-style: none;
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
	background: rgb(28,77,0);
}

#imgpage ul.nextprev li {
	display: inline;
	margin: 0 0.4em;
}

#imgpage a:link {
	color: white;
}

#imgpage a:hover, #imgpage a:active {
	text-decoration: none;
}

#imgpage a:visited {
	color: rgb(200,200,200);
}

#imgpage img, img.editcaption {
	float: none;
	margin: 0 auto;
}

#imgpage .imgblock {
	background: 50% 0 no-repeat url(imgtop.png);
	padding-top: 20px;
}

#imgpage p {
	background: 50% 100% no-repeat url(imgbottom.png);
	padding: 7px 0 22px 0;
	margin: 0;
}

/* Lomake-elementit */

input.text, textarea, input.file, select {
	width: 90%;
}
textarea.keski {
	height: 15em;
}
textarea.iso {
	height: 20em;
}
input.pikku {
	width: 4em;	
}
select.inline {
	width: 10em;
}
fieldset {
	border: 1px solid black;
	width: 56%;
	padding: 2%;
	margin-bottom: 1em;
}

div.field {
	margin: 0 0 1em 0;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}

ul#uploadfields, ul#uploadfields li {
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
}

#uploadfields span {
	padding-left: 24px;
	background: 4px 50% no-repeat;
}

#uploadfields span.loading {
	padding-left: 24px;
	background-image: url(loader.gif);
}

#uploadfields span.success, #uploadfields span.error {
	padding: 0.05em 0 0.05em 24px;
	background-image: url(success.png);
	display: block;
	border: 2px solid white;
}

#uploadfields span.error {
	background-image: url(failure.png);
}

#submitall {
	margin: 1em 0;
}

/* Vasemman reunan banneri */

#banner {
	overflow: hidden;
}

#banner img {
	border: 0;
	margin: 0.5em 0 0 23px;
	float: none;
}