@charset 'utf-8';
html,body { font-size : 100%; height : 100%; }
html,body,fieldset,form,h1,h2,h3,h4,h5,h6,img,legend { margin : 0; padding : 0; }
body { font-size : 80%; }
h1,h2,h3,h4,h5,h6 { color : #305284; font-family : 'Calisto MT', 'Gentium', 'Times New Roman', serif; vertical-align : text-bottom; text-shadow: 1px 1px 2px #FFF; }
h1 { text-shadow: 2px 2px 1px #648CC8; }
h1,h2 { border-bottom : 3px double #C5CEDE; font-size : 1.7em; line-height : 1.4em;  }
h3 { border-bottom : 1px dotted #C5CEDE; font-size : 1.4em; line-height : 1.4em;  }
h4 { font-size : 1.3em; line-height : 1.4em; }
h5 { font-size : 1.2em; line-height : 1.4em; }
h6 { font-size : 1.1em; line-height : 1.4em; }
tt { font-size : 120%; }
a,a:active,a:link,a:visited { color : #15B; text-decoration : none; }
a:hover { text-decoration : underline; }
abbr,acronym { cursor : help; }
fieldset,img { border : 0; }
label,select,p.checkbox input,select { cursor : pointer; }
p,dl { margin : 0; padding : 2px 3px 6px 3px; text-align : justify; }
dt { font-size : 1.2em; font-weight : bold; margin : 0; padding : 2px; text-align : left; text-shadow : 2px 2px 1px #648CC8; }
dd { margin : 0; padding : 1px 0 9px 7px; }
form p { clear : both; }
form p.text label { display : block; float : left; width : 10em; }
p.text input,p.password input,p.text select,#searchInput { border : 1px solid #989383; outline : 1px solid #D0C3B4; }
p.text input,p.text select,#searchInput { background : #F6F7FA url('http://kontu.info/kuvahurin/input_text.png') no-repeat; max-width : 25em; }
p.password input { background : #FFD url('http://kontu.info/kuvahurin/input_password.png') no-repeat; }
p.text input:focus,p.password input:focus,p.text select:focus,#searchInput:focus { outline : 1px solid #15A; }
p.checkbox input,p.checkbox label,p.radio input,p.radio label { vertical-align : middle; }
button,p.submit input,input.submit,#bodyContent #wpSave,#bodyContent #wpPreview,#bodyContent #wpDiff,#bodyContent #prefsubmit input {
	background : #AB9D7F url('http://kontu.info/kuvahurin/submit.png') repeat-x;
	border-color : #E6DBC2 #8E7F5E #8E7F5E #E6DBC2;
	border-style : solid;
	border-width : 1px;
	color : #53450C;
	cursor : pointer;
	outline : 1px solid #000;
	text-shadow : 2px 2px 4px #FFF;
}
button:hover,p.submit input:hover,input.submit:hover,#bodyContent #wpSave:hover,#bodyContent #wpPreview:hover,#bodyContent #wpDiff:hover,#bodyContent #prefsubmit input:hover { background : #C3B9A0 url('http://kontu.info/kuvahurin/submit_hover.png') repeat-x; border-color : #EEE6D5 #ADA083 #ADA083 #EEE6D5; }
button:active,p.submit input:active,input.submit:active,#bodyContent #wpSave:active,#bodyContent #wpPreview:active,#bodyContent #wpDiff:active,#bodyContent #prefsubmit input:active { background : #AB9D7F url('http://kontu.info/kuvahurin/submit.png') repeat-x; border-color : #8E7F5E #E6DBC2 #E6DBC2 #8E7F5E; }
button:focus,p.submit input:focus,input.submit:focus,#bodyContent #wpSave:focus,#bodyContent #wpPreview:focus,#bodyContent #wpDiff:focus,#bodyContent #prefsubmit input:focus { background : #F6F7FA url('http://kontu.info/kuvahurin/input_text.png') no-repeat; border-color : #15B; outline : 1px solid #D0C3B4; text-shadow : 2px 2px 4px #15B; }
fieldset p a:active,fieldset p a:focus,p.checkbox input:focus + label,p.checkbox label:active { margin : -1px; outline : 1px dotted #15A; padding : 1px; }

div.palsta { background : url('http://kontu.info/kuvahurin/palsta_eroitin.png') repeat-y 49.75% 0; border-bottom : 1px solid #8B97AB; border-top : 1px solid #8B97AB; min-width : 410px; overflow : hidden; width : 100%; }
div.palsta div { float : left; min-width : 200px; padding : 10px 1.4%; width : 47%; }
div.palsta div:before { color : #FFF; content : '-'; display : block; font-size : 1px; line-height : 3px; }
div.palsta div.rivi:before { background : #D8DBE0; border-bottom : 1px solid #8B97AB; border-top : 1px solid #8B97AB; color : #8B97AB; line-height : 1px; width : 206%; }
div.palsta div.rivi { clear : both; }
div.palsta h2,div.palsta h3 { background : #305284 url('http://kontu.info/kuvahurin/palsta_otsikko.png') repeat-x; border : 1px solid #648CC8; color : #FFF; margin : 0; padding : 5px; text-align : center; }
div.palsta h2 a,div.palsta h3 a { color : #FFF; }

.kuvaotsikko {
	background : #FFF;
	border-color : #C5CEDE;
	border-style : solid;
	border-width : 0 1px 1px 1px;
	margin : 0 0 5px 0;
	padding : .5em 2em 1em 2em;
}
.kuvaotsikko p { margin : 0; padding : 0; }
.kuvaotsikko img {
	background : url('http://kontu.info/tolkienista/jrr_tolkien.png') no-repeat center center;
	display : block;
	height : 220px;
	margin : 0 auto;
}
.kuvaotsikko span { display : block; padding : 1em; }
.kuvaotsikko span cite,#content div.kuvaotsikko span q { font-weight : bold; font-style : normal; }

.lainaus {
	background : #ECF3F4 url('http://kontu.info/kuvat/lainaus_bg.png') repeat-x left top;
	border : 1px solid #D2E3E6;
	color : #272;
	display : block;
	font-family : 'Times New Roman', serif;
	font-size : 1.1em;
	font-weight : bold;
	margin : 0 auto;
	padding : 1em;
	text-align : center !important;
	width : 25em;
}
#sormusruno { width : 25em; }
p.left img { margin : 5px 10px 5px 0; }
p.right img { margin : 5px 0 5px 10px; }
p.center img { margin : 5px auto; }

.tengwar { font-family: 'Tengwar Annatar', 'Tengwar Quenya', 'Tengwar Sindarin', 'Tengwar Formal', 'Tengwar Parmaite', 'Tengwar Elfica', monospace; }

form div.rivi {
	background : #FFF;
	border : 1px dotted #AAB;
	margin : 2px;
	padding : 5px;
	position : relative;
}
form div.rivi p.button {
	margin : 0;
	padding : 5px;
	position : absolute;
	right : 0;
	top : 0;
}
form input.uusirivi { float : right; }
#jasenet { height : 20em; width : 100%; }

.galleria {
	clear : both;
	display : block;
	list-style : none;
	margin : 0;
	overflow : hidden;
	padding : 0;
	width : 100%;
}
.galleria li {
	display : inline;
	float : left;
	margin : 5px 0 15px 0;
	padding : 0;
}
.galleria a {
	background : #FFF;
	display : block;
	height : 172px;
	line-height : 152px;
	margin : 2px;
	outline : 1px solid #EEF;
	padding : 10px;
	position : relative;
	text-align : center;
	text-decoration : none;
	vertical-align : middle;
	width : 152px;
}
.galleria a:hover {
	background : #648CC8;
	color : #FFF;
	outline : 1px solid #DDE;
	overflow : 1px solid #C5CEDE;
	text-decoration : none;
}
.galleria span.pvm {
	color : #000;
	font-size : 7pt;
	left : 2px;
	line-height : 8pt;
	position : absolute;
	top : 0;
}
.galleria a:hover span.pvm { color : #FFF; }
.galleria span.kuva,.galleria img {
	border : 1px solid #648CC8;
	vertical-align : middle;
}
.galleria a:hover span.kuva,.galleria a:hover img { border-color : #000; position : relative; z-index : 1; }
.galleria span.kuvaus {
	background : #C3B9A0;
	bottom : 0;
	color : #FFF;
	display : block;
	font-size : 8pt;
	font-weight : bold;
	left : 0;
	line-height : 16px;
	outline : 1px solid #8E7F5E;
	padding : 2px 0;
	position : absolute;
	text-shadow : 2px 2px 2px #000;
	width : 172px;
}
.galleria a:hover span.kuvaus { background : #AB9D7F; color : #FFF; outline : 1px solid #000; }

p.kuva { background : #EEE; border : 1px solid #DDE; margin : 2px; padding : 5px; text-align : center; }
p.kuva img { border : 1px solid #DDE; }
div.viesti { background : #EEE; margin : 2px; padding : 10px 10px 40px 10px; }
div.viesti p { margin : 0; padding : 3px 0; }
div.viesti blockquote { background : #F9F9FF; border : 1px solid #DDE; margin : 2px 4px; padding : 4px; }
p.pvm { background : #DDD; font-size : 8pt; margin: 2px; padding : 5px 12px; }

p.tekija {
	background : #EEE;
	border : 1px solid #DDE;
	height : 64px;
	margin : 1px;
	padding : 1px 5px;
}
p.tekija img {
	border : 1px solid #CCD;
	float : left;
	margin-right : 4px;
}
#tagit { background : #FFF; border : 1px solid #000; display : block; height : 200px; overflow : auto; padding : 5px; position : relative; }
#tagit:after { clear : both; content : ''; display : block; }
#tagit label { float : left; overflow : hidden; padding : 1px 3px; white-space : nowrap; width : 150px; }
#tagit label:hover { background : #EEF; min-width : 150px; outline : 1px solid #CCD; overflow : visible; position : relative; width : auto; z-index : 1; }

dl.tarinat {
	background : #F5F4F2 url('http://kontu.info/kuvat/nuotiotausta.png') repeat;
	border : 1px solid #CCD;
	margin : 2px;
	padding : 0;
}
dl.tarinat dt {
	background : url('http://kontu.info/kuvat/nuotiokehys.png') no-repeat 0 0;
	color : #6A5D53;
	font-family : 'Calisto MT', 'Gentium', 'Times New Roman', serif;
	height : 50px;
	margin : 0;
	padding : 17px 0 17px 74px;
	position : relative;
	text-shadow : 2px 2px 2px #BDC0C0;
	vertical-align : middle;
	z-index : 1;
}
dl.tarinat dt a:active,dl.tarinat dt a:link,dl.tarinat dt a:visited { color : #6A5D53; }
dl.tarinat img {
	display : block;
	height : 60px;
	left : 10px;
	position : absolute;
	top : 12px;
	width : 48px;
	z-index : -1;
}
dl.tarinat dd { color : #006; font-size : 8pt; height : 17px; margin : -18px 0 0 80px; padding : 1px 0 0 0; position : relative; text-shadow : 2px 2px 2px #BDC0C0; z-index : 1; }
#paavalinta {
	background : #305284;
	border : 1px solid #648CC8;
	color : #FFF;
	margin : 10px 5px;
	position : relative;
}

#paavalinta:after {
	clear : both;
	content : '';
	display : block;
}

#paalinkit {
	float : left;
	list-style : none;
	margin : 5px 0 -5px 5px;
	padding : 0;
	width : 140px;
}

#paalinkit li {
	display : inline;
	margin : 0;
	padding : 0;
}

#paalinkit a {
	background : #305284;
	color : #FFF;
	display : block;
	font-weight : bold;
	outline : 0;
	padding : 18px 4px;
	position : relative;
	z-index : 1;
}

#paalinkit a:hover {
	background : #000;
}

#paalinkit #active a {
	background : #648CC8;
}

#paavalinta div {
	background : #FFF;
	border : 5px solid #305284;
	color : #000;
	display : none;
	height : 100%;
	left : 0;
	outline : 1px solid #648CC8;
	overflow : auto;
	position : absolute;
	top : 0;
	width : 100%;
	z-index : 0;
}

#paavalinta #active div {
	display : block;
}

#paavalinta div a,#paavalinta div a:active,#paavalinta div a:link,#paavalinta div a:visited,
#paavalinta #active div a,#paavalinta #active div a:active,#paavalinta #active div a:link,#paavalinta #active div a:visited {
	background : transparent;
	color : #15B;
	display : inline;
	font-weight : inherit;
	padding : 0;
	text-decoration : none;
}

#paavalinta div a:hover,#paavalinta #active div a:hover {
	text-decoration : underline;
}

#paavalinta div li {
	display : list-item;
}

#paavalinta div h2,#paavalinta div h3,#paavalinta div p,#paavalinta div ul {
	margin : 5px 20px 5px 150px;
}

body {
	background : #F9F8F7 url('http://kontu.info/kuvahurin/tausta.png') repeat-x;
	color : #000;
	font : .8em/1.2em 'Helvetica Neue', 'FreeSans', 'Tahoma', 'Luxi-sans', 'Arial', sans-serif;
	min-width : 770px;
}

#dokumentti {
	background : url('http://kontu.info/kuvahurin/tausta_loppu.png') repeat-x 0 100%;
	min-height : 100%;
	min-width : 770px;
	position : relative;
	z-index : 2;
}

#kontunnus {
	background : url('http://kontu.info/kuvahurin/kulma.png') no-repeat;
	height : 135px;
	left : 0;
	position : fixed;
	top : 0;
	white-space : nowrap;
	width : 313px;
	z-index : 2;
}
#kontunnus h1 {
	background : url('http://kontu.info/kuvahurin/kulma_bilbo.png') no-repeat;
	border : 0;
	color : #000; /* #646054; */
	font-family : 'Helvetica Neue', 'FreeSans', 'Tahoma', 'Luxi-sans', 'Arial', sans-serif;
	font-size : .85em;
	height : 127px;
	left : 0;
	line-height : 20px;
	position : absolute;
	text-indent : 90px;
	width : 305px;
	top : 0;
}
#kontunnus h1 strong { text-decoration : blink; }
#kontunnus form,#kontunnus ul {
	left : 0;
	margin : 0 0 0 0;
	padding : 0 0 0 90px;
	position : absolute;
	top : 0;
}
#kontunnus form { margin-top : 20px; }
#kontunnus ul { margin-top : 20px; }
#kontunnus a:hover { text-decoration : underline; text-shadow : 1px 1px 5px #FFF; }
#kontunnus li { display : block; list-style : none; margin : 0; padding : 2px; }
#kontunnus legend { display : none; }
#kontunnus li,#kontunnus p {
	font-size : .85em;
	margin : 0;
	padding : 2px;
}
#kontunnus p.text label,#kontunnus p.password label {
	display : block;
	float : left;
	line-height : 1.5em;
	width : 7em;
}
#kontunnus p.text input,#kontunnus p.password input { font-size : .9em; }
#kontunnus p.checkbox { padding : 0 2px 0 6px; }
#kontunnus p.submit { padding-left : 10px; }
#kontunnus p.submit input { font-size : .9em; padding : 2px; }

#valikko:before {
	color : #FFF;
	content : '»';
	cursor : default;
	font-family : 'Calisto MT', 'Gentium', 'Times New Roman', serif;
	font-size : 1.5em;
	font-weight : bold;
	line-height : 28px;
	text-shadow : 1px 1px 3px #648CC8;
	vertical-align : top;
}
#valikko {
	display : block;
	font-family : 'Calisto MT', 'Gentium', 'Times New Roman', serif;
	font-size : 1.1em;
	left : 308px;
	line-height : 30px;
	margin : 0;
	padding : 0;
	position : absolute;
	top : 0;
	vertical-align : top;
	white-space : nowrap;
	z-index : 1;
}
#valikko li { display : inline; margin : 0; padding : 0 4px; vertical-align : top; }
#valikko a { color : #FFF; text-shadow : 1px 1px 3px #648CC8; vertical-align : top; }
#paasisalto { background : url('http://kontu.info/kuvahurin/tausta_palkki.png') repeat-y; padding : 45px 0 72px 0; }

#sisalto {
	line-height : 1.3em;
	min-height : 40em;
	font-size : 1em;
	margin-left : 280px;
	padding : 5px 255px 15px 0;
	position : relative;
}

.piilotapalkki { 	position : absolute; 
					width : 239px; 
					right : 2%; 
					top : 2.6em; 
					text-align: 
					right; vertical-align: 
					top;
				}

#palkki {
	font-family : 'Mukti Narrow', 'Tahoma', 'Helvetica Neue', 'Luxi-sans', 'Arial', sans-serif;
	right : 1%;
	position : absolute;
	width : 239px;
	top : 3.8em;
}
#palkki div.alku,#palkki div.loppu {
	background : url('http://kontu.info/kuvahurin/palkki_alku.png') no-repeat;
	font-size : 1px;
	height : 13px;
	width : 239px;
}
#palkki div.loppu { background-image : url('http://kontu.info/kuvahurin/palkki_loppu.png'); margin-bottom : 20px; }
#palkki div.keski { background : url('http://kontu.info/kuvahurin/palkki_keski.png') repeat-y; }
#palkki h4 { color : #646054; font-size : 1.1em; line-height : 1.5em; padding : 0 10px; text-shadow : 2px 2px 1px #998F7A; }
#palkki p { padding : 0 12px; }
#palkki ul { border : 1px solid #B3AFA1; border-top-width : 0; margin : 0 6px; padding : 0; }
#palkki li { display : inline; margin : 0; padding : 0; }
#palkki li a {
	background : #E8E4DA url('http://kontu.info/kuvahurin/palkki_linkki.png') repeat -235px 0;
	border-top : 1px solid #B3AFA1;
	display : block;
	padding : 3px 6px;
	position : relative;
	text-shadow : 2px 2px 1px #998F7A;
}
#palkki ul.pvm a { padding : 3px 55px 3px 6px; }
#palkki li a span {
	color : #646054;
	font-size : .8em;
}
#palkki li a span.pvm {
	line-height : 1em;
	margin-top : -1ex;
	position : absolute;
	right : 3px;
	top : 50%;
	vertical-align : middle;
}
#palkki li a:hover {
	background-color : #FFF;
	background-position : 0 0;
	border : 1px solid #B3AFA1;
	margin : -3px -6px -4px -6px;
	padding : 6px 11px;
	outline : 1px solid #15B;
	text-decoration : none;
	text-shadow : 2px 2px 4px #FFF;
	z-index : 1;
}
#palkki ul.pvm a:hover { margin : -3px -6px -4px -6px; padding : 6px 60px 6px 11px; }
#palkki li a:hover span.pvm { right : 8px; }

#uutiset { background : url('http://kontu.info/kuvahurin/uutis_tausta-trans.png'); left : 4px; position : absolute; top : 140px; width : 260px; }
#uutiset:after { content : url('http://kontu.info/kuvahurin/uutis_tausta2-trans.png'); display : block; margin-bottom : -52px; }
#uutiset h3 {
	background : #486040 url('http://kontu.info/kuvahurin/uutis_otsikko.png') repeat-x;
	border : 1px solid #B5B291;
	color : #FFF;
	font-size : 1.1em;
	line-height : 25px;
	padding : 0 5px;
	text-align : center;
}
#uutiset ul { margin : 0; padding : 0; }
#uutiset li { display : inline; margin : 0; padding : 0; }
#uutiset a { border-top : 1px solid #998F7A; color : #000; display : block; font-size : .85em; margin : 1px; padding : 5px; }
#uutiset a:hover { background : #FFF; color : #000; text-decoration : none; text-shadow : 2px 2px 3px #998F7A; }

#footer {
	bottom : 0;
	height : 37px;
	line-height : 1.5em;
	margin : 0;
	padding : 25px 0 10px 0;
	position : absolute;
	text-align : center;
	width : 100%;
	z-index : 0;
}
#wikikulma { bottom : 0; left : 0; outline : 0; position : absolute; }
#wikikulma img { display : block; }

table.rekisteri { border-collapse : collapse; table-layout : auto; width : 100%; white-space : nowrap; }
table.rekisteri td { background : #FFF; border : 1px solid #B3AFA1; padding : 3px; }
table.rekisteri tr.odd td { background : #EEE; }
table.rekisteri .id { text-align : right; width : 2em; }
table.rekisteri .name { width : 12em; }
table.rekisteri td.name { padding : 0; }
table.rekisteri td.name a { display : block; padding : 3px; }
table.rekisteri td.name a:hover,table.rekisteri tr:hover td,table.rekisteri tr:hover a { background : #15A; color : #FFF; text-decoration : none; }
table.rekisteri .joindate { text-align : center; width : 4em; }
table.rekisteri .address { width : 100%; }
table.rekisteri .phone { text-align : center; width : 6em; }
table.rekisteri .title { width : 8em; }
table.rekisteri .paid { max-width : .5em; text-align : center; width : .5em; }

#selaimet { display : block; outline : 0; position : absolute; right : 0; top : 0; }
#selaimet img { display : block; }

#wikisearch #searchInput { border : 1px solid #998F7A; }
#wikisearch p { padding : 2px 0; text-align : center; }