@charset "UTF-8";

/*
Theme Name: IndyVille
Theme URI: 
Description: IndyVillen perusteema.
Version: 2.0
Author: Ville-Pekka Reponen
Author URI: http://indyville.fi/
Tags: ruskea, yksi sarake, elastinen
*/

/*
	Tämä tiedosto on IndyVillen, http://indyville.fi/, perustyylitiedosto.
	Copyright Ville-Pekka Reponen 2002–2012.
*/

/* 	VÄRIT

	Tausta - #BB8
	Section - #E3DE9F
	Linkki - #004000, #005000
	Vaaleempi tausta - #EEEAAA, #FFFBBB (tosivaalee)
	Haaleen ruskee reuna - #D1D199, #B5B585
	Tumman ruskee reuna - #864
	Tumman harmaa - #292929
*/

/*	FONTIT       */

@font-face {
	font-family: "Candara Bold";
	src: url("/fonts/CANDARAB.ttf");
}

@font-face {
	font-family: "Georgia Bold";
	src: url("/fonts/georgiab.ttf");
}

/*	JÄRJESTYS

	Globals	
	Skip link
	Välilehdet
	Section
		Yleis
		Kulmat
		Välilehdet
		Breadcrumb
		Keskitys+padding
		Nostot
		Otsikot
		Tekstit
		Kuvat
		Linkit
		Lomakkeet
		Viivat
		Listat
		Taulukot
		Muut esim video
	Headeri
	Navigointi
		Navigoinnin linkit
	Hakukone
	Footeri
	Alakulman mini-Indy

	Print
	Handheld	
*/

/* html- head- ja body-tageihin vaikuttavat sekä muut globaalit tyylit
------------------------------------------------------------------ */

* {
	border: 0;
	color: #000;
	margin: 0;
	padding: 0;
}

header, footer, nav, aside, section, article { display: block; }

html { background: #BB8 url(/baari/Themes/Kairon%20baari%2021/images/theme/backdrop.png) repeat-x 0 185px; }

html.error404, html.error403 { background: #000; }

body { font: 70% Verdana, sans-serif; }

.vasen { float: left; text-align: left; }
.keski { margin-left: auto; margin-right: auto; text-align: center; }
.oikea { float: right; text-align: right; }

#wrapper { position: relative; } /* position:relative on wrapperilla eikä bodylla koska IE ei tajua bodyn positionia */

abbr { border-bottom: 1px dotted #004000; cursor: help; }

input,
textarea {
	border: 1px solid #000;
	font: 1em Verdana, sans-serif normal;
	height: 1.15em;
	padding: 2px;
}

textarea { overflow: auto; }

input[type=submit] {
	cursor: pointer;
	font-weight: bold;
	height: 1.65em;
	padding: 1px 2px;
}

ul,
ol { margin: .5em 0 1em; }

dl { margin: .5em 0 .5em 1.5em; }

ul ul,
ol ol,
dl dl { margin: 0; }

ul li,
ol li,
dl dd { margin-left: 5em; }

section ul li, section ul li li li li li { list-style-image: url(/kuvat/leiska/listatimantti_vihr.png); }
section ul li li, section ul li li li li li li { list-style-image: url(/kuvat/leiska/listatimantti_puna.png); }
section ul li li li, section ul li li li li li li li { list-style-image: url(/kuvat/leiska/listatimantti_kelt.png); }
section ul li li li li, section ul li li li li li li li li { list-style-image: url(/kuvat/leiska/listatimantti_sini.png); }

section .clear { clear: both; }

.nakyy { display: none; }

/* Suoraan navigointiin -linkki
------------------------------------------------------------------ */

#navilinkki a:link,
#navilinkki a:visited,
#navilinkki a:hover,
#navilinkki a:focus { background: #E3DE9F; }

#navilinkki a:active {
	background-color: #E3DE9F;
	color: #C00;
	text-decoration: underline;
}

/* Välilehdet
------------------------------------------------------------------ */

#valilehdet {
	font-size: .9em;
	margin: 165px auto 0;
	max-width: 962px;
	min-width: 802px;
}

#valilehdet ul {
	height: 14px;
	list-style-type: none;
	margin: 0;
	padding-top: 3px;
}

#valilehdet ul li {
	color: #000;
	float: left;
	list-style-image: none;
	margin-left: 0;
}
	
#valilehdet ul li a {
	color: #000;
	margin-right: 4px;
	padding: 2px .5em;
	text-decoration: none;
}

#valilehdet ul li#tamatabi a {
	background: #E3DE9F;
	border-width: 1px;
	border-style: solid;
	border-color: #864 #864 #E3DE9F;
	margin-bottom: -1px;
	margin-top: -1px;
	text-decoration: none;
}
	
#valilehdet ul li a:link,
#valilehdet ul li a:visited { background: #D5D595; }

#valilehdet ul li a:hover,
#valilehdet ul li a:active,
#valilehdet ul li a:focus { background: #EEEAAA; text-decoration: underline; }

/* Section, kaikki sisältö joka on keltaisella pohjalla
------------------------------------------------------------------ */

	/* Sectionin yleismääritelmä
	---------------------------------------------------------- */

section {
	background: #E3DE9F;
	border-color: #864;
	border-style: solid;
	border-width: 1px 1px 0;
	line-height: 1.5;
	margin: 0 auto;
	max-width: 960px;
	min-width: 800px;
	overflow: hidden;
	padding: 0 0 2em;
}

.error404 section,
.error403 section {
	border: 0;
	line-height: 1.5;
	margin: 160px auto 0;
	max-width: 100%;
	overflow: hidden;
	padding: 460px 0 2em;
}

.error404 section {
	background: #000 url(/kuvat/leiska/404.jpg) 50% 10% no-repeat;
}

.error403 section {
	background: #000 url(/kuvat/leiska/403.jpg) 50% 10% no-repeat;
}

.error404 section h2,
.error404 section p,
.error403 section h2,
.error403 section p {
	color: #FFF;
	text-align: center;
}

	/* Breadcrumb, aka Sijainti: IndyVillen etusivu --> jne
	---------------------------------------------------------- */

#breadcrumb {
	border-bottom: 1px solid #D1D199;
	line-height: 1.2;
	margin: 0 0 .5em 1em;
	padding: .5em 0;
	width: 98%;
}

#breadcrumb span.valimerkki { 
	color: #222;
	font-size: 1.1em;
	line-height: .8;
}

#breadcrumb span.tama { 
	color: #000;
}

#breadcrumb a:link,
#breadcrumb a:visited,
footer a:link,
footer a:visited { color: #222; text-decoration: none; }

#breadcrumb a:active,
footer a:active { color: #600; text-decoration: underline; }

#breadcrumb a:hover,
#breadcrumb a:focus,
footer a:hover,
footer a:focus { text-decoration: underline; }

	/* Sisältö hengaamaan keskelle kun resoluutio on tarpeeksi suuri
	---------------------------------------------------------- */

#padding {
	margin: 0 auto 3em;
	max-width: 900px;
	min-height: 350px;
	min-width: 770px;
	padding: 0 2em 2em;
	position: relative;
	z-index: 1;
}

	/* Etusivun nostot
	---------------------------------------------------------- */


section #slideshow { width: 900px; height: 200px; overflow: hidden; margin-bottom: 1em; }

section #slideshow img { width: 902px; height: 393px; margin-top: -75px; margin-left: -2px }
section p.loadingText { line-height: 15em; text-align: center; }

section #nostot {
	background-color: #EEEAAA;
	border: 3px double #D5D595;
	color: #000;
	float: right;
	text-align: center;
	width: 200px;
}

section #uutiset { float: left; width: 670px }
section #uutiset .kuvareuna_keski { margin-left: auto; margin-right: auto; }

section #rss { background: url(/kuvat/leiska/indyville_rss_icon.png) no-repeat; display: block; height: 20px; line-height: 20em; overflow: hidden; width: 20px; }
section a[href^="http:"]#rss { padding: 0; }

section .nosto {
	border-top: 1px solid #D5D595;
	line-height: 1.3;
	padding: 3px 0 1em;
}

section .nosto img { background: #D5D595; padding: 3px 0; }

section .nosto p { padding: 0 3px; text-align: left; }

section #nostot a#toggleNosto { background: #004000; color: #FFF; cursor: pointer; display: block; float: right; margin: .6em .6em 0 -3em; padding: .05em .4em .2em; text-decoration: none; }

	/* Sectionin otsikot
	---------------------------------------------------------- */

section h1,
section h2,
section h3,
section h4 {
	font-weight: bold;
	letter-spacing: -.035em;
	line-height: 1.2;
	margin: .3em 0;
}

section h1 { font-family: Georgia, "Georgia Bold", serif; }

section h2,
section h3,
section h4 { font-family: Candara, "Candara Bold", "Trebuchet MS", Arial, sans-serif; }

section h1 { font-size: 3em; margin: 0 0 .2em; text-align: center; }
section h2 { font-size: 2.5em; }
	section #uutiset h2 { margin: -5px 0; }
	section #elokuvat h2 { display: inline; }
section h3 { font-size: 2.1em; }
	section #nostot h3 { font-size: 2em; line-height: 0; margin: .7em auto .8em; }
	section article h3 { font-size: 2em; margin-bottom: 0; }
	.single section h3 { font: bold 2.5em Georgia, "Georgia Bold", serif; }
section h4 { font-size: 1.6em; }
	section .nosto h4 { margin-top: 1px; }

	/* Sisältöloota ankkurilinkkejä varten
	---------------------------------------------------------- */

section .sisalto {
	background: #EEEAAA;
	border: 2px solid #D1D199;
	float: right;
	font-weight: bold;
	margin: 1.1em 0 1em 1em;
	padding: .7em;
}

section ul.rotla { background: #EEEAAA url(/kuvat/leiska/sisalto_ark.png) bottom right no-repeat; }
section ul.tod { background: #EEEAAA url(/kuvat/leiska/sisalto_sankara.png) bottom right no-repeat; }
section ul.lc { background: #EEEAAA url(/kuvat/leiska/sisalto_grail.png) bottom right no-repeat; }
section ul.kotcs { background: #EEEAAA url(/kuvat/leiska/sisalto_skull.png) bottom right no-repeat; }
section ul.hattu { background: #EEEAAA url(/kuvat/leiska/sisalto_hat.png) bottom right no-repeat; }
section ul.ruoska { background: #EEEAAA url(/kuvat/leiska/sisalto_whip.png) bottom right no-repeat; min-height: 70px; }
section ul.laukku { background: #EEEAAA url(/kuvat/leiska/sisalto_bag.png) bottom right no-repeat; min-height: 70px; }
section ul.sekalaista { background: #EEEAAA url(/kuvat/leiska/sisalto_lighter.png) bottom right no-repeat; }
section ul.flipperi{ background: #EEEAAA url(/kuvat/leiska/sisalto_flipperi.png) bottom right no-repeat; }

section .sisalto:before {
	color: #444;
	content: "Sisältö:";
	display: block;
	font-size: .9em;
	font-weight: normal;
	margin: -2.5em 0 .2em -1em;
	padding-top: 2px;
}

	/* Sectionin tekstit
	---------------------------------------------------------- */

section strong { font-family: Arial, sans-serif; font-weight: bold; }

section del { color: #444; text-decoration: line-through; }

section em { font-style: italic; }

section em.spoiler { font-style: normal; }

section p { margin-bottom: 1em; text-align: justify; }

section p.uutistiedot {
	border-bottom: 1px dashed #D4D499;
	color: #1D1D1D;
	font-size: .9em;
	line-height: 1.2;
	margin: 0 0 .2em;
	padding-bottom: .2em;
}

.single section p.uutistiedot:first-letter { text-transform: uppercase; }

section article { border-bottom: 2px solid #D1D199; padding: .2em 0; }
.single section article { border: 0; padding: 0; }

section nav { clear: both; margin: 1em auto; width: 670px; }

section nav div.wp-pagenavi { text-align: center; }

section .wp-pagenavi a,
section .wp-pagenavi span.pages,
section nav div.wp-pagenavi span.current  {
	padding: 2px 4px; 
	margin: 2px;
	border: 1px solid #D1D199;
	background-color: #EEEAAA;	
}
section .wp-pagenavi a:hover,
section .wp-pagenavi span.pages,
section .wp-pagenavi span.current { border: 1px solid #864; }

section .wp-pagenavi span.current { font-weight: bold; }

section .wp-pagenavi a:link,
section .wp-pagenavi a:visited,
section .wp-pagenavi a:hover,
section .wp-pagenavi a:focus,
section .wp-pagenavi a:active { text-decoration: none; }

section a.post-edit-link {
	background: #EEEAAA;
	border: 3px double #D5D595;
	font-weight: bold;
	margin-left: 1em;
	padding: .4em .6em .6em;
	width: 10em;
}

section p#lapari a {
	background: #005000;
	color: #FFF;
	display: block;
	float: right;
	font: bold 3em Candara, "Candara Bold", "Trebuchet MS", Arial, sans-serif;
	margin: .15em 0 .3em .3em;
	padding: .3em;
	text-decoration: none;
}

section p#lapari a:hover {
	background: #007000;
}

section blockquote {
	background: #EEEAAA url(/kuvat/leiska/blockquote.png) .3em .3em no-repeat;
	border: 1px outset #D1D199;
	font-size: 1.05em;
	font-style: italic;
	line-height: 1.5;
	margin: 1em 2em;
	max-width: 55em;
	min-height: 45px;
	padding: .3em .5em .5em 6em;
}

section blockquote p:last-child { margin: 0; }

section .strong { font-weight: bold; }

section table#arvostelutaulukko span {
	display: block;
	font: 2.5em "Arial Black", "Helvetica Bold", sans-serif;
	margin: .5em;
}

section .spoiler {
	background: #000;
	border: 1px dotted #D1D199;
	display: block;
	font-size: .9em;
	margin: 9px auto;
	max-width: 55em;
	padding: 3px;
}

section .spoiler:hover { background: #EEEAAA; }

section .spoiler:before {
	color: #888;
	content: "Spoilaus: ";
	font: bold 1.1em Arial, sans-serif;
}

section .spoiler a:link,
section .spoiler a:visited { color: #000; }

body.tekijat section div#nayttelijat,
body.tekijat section div#tiimi { float: left; margin-right: 2em; width: 47%; }

body.tekijat section div#nayttelijat table,
body.tekijat section div#tiimi table { width: 100%; }

	/* Sectionin kuvat
	---------------------------------------------------------- */

section img.kuvareuna,
section img.kuvareuna_vasen,
section img.kuvareuna_keski,
section img.kuvareuna_dh,
#padding.varusteet table.keski td { padding: .5em; }

#padding .kuvat {
	background: #EEEAAA url(/kuvat/leiska/vinoviiva_20.png);
	border: 1px solid #D1D199;
	padding: 8px 8px .5em;
	width: 550px;
}
#padding .kuvat.kuvakaappaukset { width: auto; }
#padding .kuvat.w170 { width: 740px; }
#padding .kuvat.w320 { width: 665px; }

section img.kuvareuna,
section img.kuvareuna_vasen,
section img.kuvareuna_keski { background: url(/kuvat/uus/kuvatausta_tumma.jpg); }

section img.kuvareuna,
section img.kuva_oikea,
section img.uutisluokka { float: right; }

section img.kuvareuna_vasen { margin: 0 1em 1em 0; }
section img.kuvareuna { clear: right; margin: 0 0 1em 1em; }
section img.kuvareuna_keski { margin: .5em; }
section #elokuvat img.kuvareuna_keski { margin: 0 .2em; }
section .kirjallisuus img.kuvareuna_keski { margin: auto; }

#padding.lapari img.kuvareuna_keski { display: block; margin: 7px auto; }

section #uutiset img.kuvareuna { margin-top: .2em; }

section .kuvat img { margin: .5em; }

section img.kuva_vasen { margin: 0 1em 1em 0; }
section img.kuva_oikea { margin: 0 0 1em 1em }

section img.kuvareuna_vasen,
section img.kuva_vasen,
section div.juniorkansi { float: left; }

section #kannet img.kuvareuna_keski { float: none; margin: auto; }

section img.kuvareuna_dh { background: url(/kuvat/uus/kuvatausta_tumma.jpg); margin: 2px; text-align: center; }

section img.top,
section #padding.varusteet table.keski td { text-align: center; vertical-align: top; }

section .ga_oikea img {	background: transparent url(/kuvat/leiska/ga_valiviiva.png) right center no-repeat; padding: 0 1.5em 0 0; }

section img.ga_vasen { background: transparent; padding: 0; }

section h1 img { margin: 0 0 .5em; }

section h1.otsikkokuva { line-height: 0; }

section a.kb_banner { display: block; }

section #kannet { 
 	background: #EEEAAA;
	border: 1px solid #D1D199;
 	float: left;
 	margin-right: .5em;
 	padding: .5em;
 	text-align: center;
}

section div#heselelut {
 	line-height: 0;
 	margin: 0 250px 0 100px;
 	max-width: 300px;
}

section div#flipperit {	margin: 0 auto;	width: 550px; }

	/* Sectionin linkit
	---------------------------------------------------------- */
	
a:link,
a:visited,
a:link abbr,
a:visited abbr,
section p a:link,
section p a:link abbr,
section li a:link,
section li a:link strong,
#navilinkki a:link,
#navilinkki a:visited { color: #004000; text-decoration: underline; }

#valilehdet a abbr { color: inherit; text-decoration: none; }

section p a:visited,
section p a:visited abbr,
section li a:visited,
section li a:visited strong { color: #005000; }

a span { color: inherit; }

a:hover,
a:focus,
a:hover abbr,
a:focus abbr,
section .marvel1 a:hover,
section .marvel1 a:focus,
section p a:hover,
section p a:focus,
section p a:hover abbr,
section p a:focus abbr,
section li a:hover,
section li a:focus,
section li a:hover strong,
section li a:focus strong,
section h3 a:hover,
section h3 a:focus,
#navilinkki a:hover,
#navilinkki a:focus,
#breadcrumb a:hover,
#breadcrumb a:focus,
footer a:hover,
footer a:focus { color: #00D; text-decoration: underline; }

section .marvel1 a:hover,
section .marvel1 a:focus { background: #CC8; }

a:active, a:active abbr { color: #600; text-decoration: underline; }

section .marvel1 a:active { color: #600; background: #CC8; }

section p a:active,
section p a:active abbr,
section li a:active,
section li a:active strong { color: #005000; }

section a[href^="http:"] { background: url(/kuvat/leiska/external.png) center right no-repeat; padding-right: 13px; }

section a[href^="http://indyville.fi"] { background: 0; padding-right: 0; }

section a.post-edit-link[href^="http://indyville.fi"] { background: #EEEAAA; padding-right: .6em; }

section ul li:target,
section ol li:target,
section dl dt:target { background: #EEEAAA url(/kuvat/leiska/target.png) center right no-repeat; }

section p a { outline-offset: .4em; }

	/* Sectionin lomakkeet
	---------------------------------------------------------- */

section input,
section textarea {
	background: #EEEAAA;
	border: 1px solid #B5B585;
	font: 1em Verdana, sans-serif; 
	padding: 2px;
}

section input:focus,
section textarea:focus { background: #FFFBBB; border-color: #864; }

section input { margin-right: .5em; width: 40%; }

section textarea.palaute { height: 100px; margin: .5em 0; width: 95%; }

section button.submit {
	background: #006000;
	border: 1px solid #000;
	color: #050;
	cursor: pointer;
	font-weight: bold;
	padding: .3em;
}

section button.submit:hover {
	background: #007000;
}

section fieldset {
	border: 1px solid #D1D199;
	background: #E3DE9F;
	margin: 0 auto .5em;
	padding: .5em;
	width: 95%;
}

section label {
	display: block;
	float: left;
	width: 11em;
}

	/*Sectionin viivat
	---------------------------------------------------------- */
	
section hr {
	background-color: #000;
	color: #FFF;
	height: 1px;
	margin: 1em auto;
	width: 80%;
}
	/* Sectionin listat
	---------------------------------------------------------- */

section ul li { line-height: 1.5; }

section ul.sisalto li {
	list-style: none;
	list-style-image: none;
	margin: 0;
}

section table#arvostelutaulukko td ul li { margin-left: 4em; text-align: left; }

section ol li { list-style-type: upper-roman; }

section dl dt { font-family: Arial, sans-serif; font-weight: bold; }

section dl dd {
	background: url(/kuvat/leiska/dl_punaviiva.png) left .3em no-repeat;
	margin: 0;
	padding-left: 50px;
}

section ul#juniorkannet { min-height: 450px; text-align: center; }

section ul#juniorkannet li {
	display: inline;
	float: left;
	list-style: none;
	width: 170px;
}

section ul#juniorkannet li img { display: block; margin: .5em auto; }

section #ingressi ul.jaa li {
	display: inline;
	float: left;
	font-size: .9em;
	list-style: none;
	margin: .5em;
	text-align: center;
	width: 280px;
}

section #ingressi ul.jaa li img { margin: .5em auto; }

section ul.varusteet { width: 440px; }

section ul#juniorboksit li {
	display: inline;
	float: left;
	list-style: none;
	width: 200px;
}

section ul#juniorboksit li img { display: block; margin: .5em auto; }

section ul#peli_info,
section ul#leffa_info {
	background: #EEEAAA;
	border: 1px solid #D1D199;
	padding: 3px;
	margin: 0 0 3px;
}

section ul#peli_info li,
section ul#leffa_info li {
	list-style: none;
	list-style-image: none;
	margin: 0;
}

section ul#alasivu_linkit { height: 2em; }
body.kv section ul#alasivu_linkit { height: 4.5em; }

section ul#alasivu_linkit li { float: left; line-height: 2; list-style: none; margin: .5em .5em 0 0; }
section ul#alasivu_linkit li a { background: #004000; color: #FFF; font-size: .9em; font-weight: bold; padding: .5em; text-decoration: none; text-transform: uppercase; }
section ul#alasivu_linkit li a:hover, section ul#alasivu_linkit li a:focus { background: #005000; }

section ul#peli_info.tt_atari { margin-left: 165px; }
section ul#peli_info.tulevapeli { margin-left: 135px; }

section ul.kuvavier { margin-left: 220px; }

section #tabs ul.strong { border-bottom: 1px solid #864; height: 42px; }
section #tabs ul.strong li { display:inline; float: left; margin: 0 2px; text-align: center; width: 85px; }
section #tabs ul.strong li.listtabs { width: 75px; }
section #tabs ul.strong li.listtabs3 { width: 97px; }
section #tabs ul.strong li a { background: #D1D199; border: 1px solid #864; display: block; height: 35px; padding: 3px; }
section #tabs ul.strong li a:hover { background: #EEEAAA; }
section #tabs ul.strong li a.selected { background: #E3DE9F; border-bottom-color: #E3DE9F; }

section #tabs div { clear: both; }

	/* Sectionin taulukot
	---------------------------------------------------------- */

section table { margin-bottom: 1em; margin-top: 1em; }
	
section table,
section table tr,
section table th,
section table td {
	background: #EEEAAA;
	border: 1px solid #B5B585;
	border-collapse: collapse;
	padding: .5em;
	text-align: justify;
}

section table td.marvel1,
section table td.marvel2,
section table th { background: #CC8; }

section table th,
section table th.vasen { font-family: Arial, sans-serif; font-weight: bold; text-align: center; }

section table th.vasen,
section table#laitteistovaatimustaulukko th {
	float: none;
	text-align: left;
	width: 100px;
}

section table.soundtrack,
section table#laitteistovaatimustaulukko { width: 600px; }

section table.soundtrack { margin-top: 0; }

section table#laitteistovaatimustaulukko.keski { text-align: left; }

section td.pelit,
section table.pelit,
section td.varusteet { text-align: center; }

section table td.marvel1 { text-align: center; }
section table td.marvel2 { height: 2em; }
section table td.marvel3 p { margin-bottom: 9px; }

section table col.soundtrack_kam1 { width: 100px; }
section table col.soundtrack_kam2 { width: 1000px; }
section table col.soundtrack_kam3 { width: 200px; }
section table col.soundtrack_kam4 { width: 150px; }

section table.soundtrack td:first-child { text-align: left; }
section table.soundtrack td:first-child +td { text-align: left; }
section table.soundtrack td:first-child + td + td { text-align: right; }
section table.soundtrack td:first-child + td + td +td { text-align: right; }

section table col.soundtrack1 { width: 60px; }
section table col.soundtrack2 { width: 500px; }
section table col.soundtrack3 { width: 100px; }

section table col.soundtrack_kam1 em,
section table col.soundtrack_kam2 em,
section table col.soundtrack_kam3 em,
section table col.soundtrack_kam4 em,
section table col.soundtrack1 em,
section table col.soundtrack2 em,
section table col.soundtrack3 em { font-size: .9em; }

section table#arvostelutaulukko {
	border-style: double;
	border-width: 3px;
	float: right;
	margin-left: 1em;
	width: 40em;
}

section table#arvostelutaulukko td { width: 175px; }

section table#arvostelutaulukko,
section table#arvostelutaulukko tr,
section table#arvostelutaulukko td { background: #EEEAAA; text-align: center; vertical-align: top; }

section table#arvostelutaulukko td.arvosana { background: #006000; vertical-align: middle; }

section table.kirjallisuus { margin: 1em auto; width: 90%; }
section table.kirjallisuus td { vertical-align: top; }

section table.kirjallisuus td.kaksvierekkain { width: 230px; }

section table.soundtrack tr:nth-child(even) td,
section table.soundtrack tr.odd td,
body.tekijat section table tr:nth-child(even) td,
body.tekijat section table tr.odd td { background: #E3DE9F; }

section table.soundtrack th.header { background: #CC8 url(/kuvat/leiska/tablesort_header_2.png) right center no-repeat; cursor: pointer; }
section table.soundtrack th.headerSortDown { background: #CC8 url(/kuvat/leiska/tablesort_header_ylos.png) right center no-repeat; }
section table.soundtrack th.headerSortUp { background: #CC8 url(/kuvat/leiska/tablesort_header_alas.png) right center no-repeat; }

section table.soundtrack th:first-child { text-align: left; }

/* Sectionin muut
------------------------------------------------------------------ */

section #video,
section .video,
section .flashvideo {
	background: url(/kuvat/uus/kuvatausta_tumma.jpg);
	color: #000;
	margin: 1em auto;
	padding: .5em;
	display: block;
	overflow: hidden;
}

section #video .alt,
section .flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}


/* Header, yläpalkki
------------------------------------------------------------------ */

header,
nav#mainnav,
#header_indy { position: absolute; }

header, nav#mainnav { left: 0; top: 0; }

header {
	background: #050 url(/kuvat/leiska/yla_tausta.jpg) top left repeat-x;
	color: #FFF;
	width: 100%;
}

header, header h1 a { height: 160px; }

header h1 a {
	background: url(/kuvat/leiska/indyville.png) top center no-repeat;
	display: block;
	line-height: 30;
	overflow: hidden;
	width: 100%;
}

header div, header div img, header div h1 { color: inherit; }

header div { background: url(/kuvat/leiska/yla_temppeli.jpg) top left no-repeat; }

#header_indy { background: url(/kuvat/leiska/yla_indy.png) no-repeat; height: 160px; right: .5em; top: 0; width: 77px; }

/* Navigointi
------------------------------------------------------------------ */

nav#mainnav {
	background: #333;
	height: 18px;
	left: 0;
	padding: 4px 0;
	position: absolute;
	right: 0;
	top: 160px;
	width: 100%;
}
nav#mainnav>div { margin: 0 auto; max-width: 960px; min-width: 800px; }
nav#mainnav>div>h2 { position: absolute; left: -9999px; }

nav#mainnav ul { margin: 0; padding: 0; }

nav#mainnav li { margin: 0 1em; }

nav#mainnav li.first { display: inline; float: left; position: relative; font-size: 1.3em; border: 0; margin: 0;  text-transform: uppercase; }
nav#mainnav li.first>a { padding: 4px 1em; }
nav#mainnav li.first>a:link, nav#mainnav li.first>a:visited { color: #FFF; text-decoration: none; font-family: Arial, sans-serif; }
nav#mainnav li.first:hover>a { background: #EEEAAA; color: #004000; }

nav#mainnav li.active>a:link, nav#mainnav li.active>a:visited { background: #959565; color: #292929; text-decoration: underline; font-weight: bold; }
nav#mainnav li.active:hover>a { background: #EEEAAA; color: #004000; text-decoration: underline; }

nav#mainnav li div li, nav#mainnav li div li a { border: 0; background: 0; font-size: .85em; }
nav#mainnav li div li li, nav#mainnav li div li li a { font-size: .85em; }
nav#mainnav li div li { list-style-type: none; margin: 0; line-height: 1.5; }

nav#mainnav li>div { z-index: 2; overflow: hidden; background: #EEEAAA; border-width: 0 .3em .3em; border-style: solid; border-color: #292929; position: absolute; left: -9999px; top: 22px; }
nav#mainnav li#arkisto>div { width: 28em; }
nav#mainnav li#elokuvat>div { width: 45em; }
nav#mainnav li#muut_seikkailut>div { width: 64em; }
nav#mainnav li#oheistuotteet>div { width: 37em; }
nav#mainnav li#indyville>div { width: 10em; }

nav#mainnav li div div { padding: .7em .5em .5em; float: left; width: 20em; border-right: 1px solid #864; padding-bottom: 600px; margin-bottom: -599px; text-transform: none; }
nav#mainnav li#arkisto div div { width: 7em; }
nav#mainnav li#arkisto div div.kategoria { width: 10em; }
nav#mainnav li#arkisto div div:last-child { border: 0 }
nav#mainnav li#elokuvat div div { width: 21em; }
nav#mainnav li#muut_seikkailut div div { width: 14.9em; }
nav#mainnav li#muut_seikkailut div div.pelit2 { padding-top: 2.8em; }
nav#mainnav li#muut_seikkailut div div:last-child { border: 0 }
nav#mainnav li#oheistuotteet div div { width: 17em; }
nav#mainnav li#oheistuotteet div div:last-child { border: 0 }
nav#mainnav li#indyville div div { width: 10em; }

nav#mainnav li#arkisto.hovering div { left: -.3em; }
nav#mainnav li#elokuvat.hovering div { left: -.3em; }
nav#mainnav li#muut_seikkailut.hovering div { left: -19em; }
nav#mainnav li#oheistuotteet.hovering div { left: -7em; }
nav#mainnav li#indyville.hovering div { left: -.3em; }

nav#mainnav ul ul { margin-bottom: .3em; }

nav#mainnav h2, nav#mainnav h3 { font-family: Candara, "Candara Bold", "Trebuchet MS", Arial, sans-serif; }
nav#mainnav h2 { font-size: 1.4em; margin: 0 0 .5em; }
nav#mainnav h3 { font-size: 1em; margin: 0 0 .3em; }
nav#mainnav h2 a:link, nav#mainnav h2 a:visited { color: #000; text-decoration: none; }
nav#mainnav h2 a:hover, nav#mainnav h2 a:focus, nav#mainnav h2 a:active  { text-decoration: underline; }
nav#mainnav h3 a:link, nav#mainnav h3 a:visited { color: #000; text-decoration: none; }
nav#mainnav h3 a:hover, nav#mainnav h3 a:focus, nav#mainnav h3 a:active  { text-decoration: underline; }

nav#mainnav li li a:link, nav#mainnav li li a:visited { text-decoration: none; }
nav#mainnav li li a:hover, nav#mainnav li li a:focus, nav#mainnav li li a:active { text-decoration: underline; }

/* Hakukone
------------------------------------------------------------------ */

#haku {	float: right; font-family: Arial, sans-serif; margin-top: -1px; }

#haku label { color: #FFF; }

#haku input { background: #EEE; }

#haku input:focus { background: #FFF; }

#haku fieldset { color: #FFF; }

#haku legend {
	left: -10000px;
	line-height: 0;
	position: absolute;
	text-indent: -10000px;
}

/* Footeri
------------------------------------------------------------------ */

footer { 	
	background: #292929;
	border-color: #864;
	border-style: solid;
	border-width: 0 1px;
	clear: both;
	color: #FFF;
	font: 1.15em Candara, Arial, sans-serif;
	height: 30px;
	line-height: 2;
	margin: 0 auto;
	max-width: 950px;
	padding: 5px;
	position: relative;
	text-align: center;
	width: 98.5%;
	z-index: 2;
}


.error404 footer,
.error403 footer { 	
	background: #000;
	border-top: 1px solid #292929;
	border-left: 0;
	border-right: 0;
	padding: 1em 5px;
}

footer a#footer_etusivulinkki { 	
	background: url(/kuvat/leiska/footer_indyville.png) no-repeat;
	display: block;
	float: left;
	height: 30px;
	line-height: 10em;
	overflow: hidden;
	width: 125px;
}

footer a:link, footer a:visited { color: #FFF; }
footer p { color: #FFF; display: inline; }

/* Alakulman mini-Indy
------------------------------------------------------------------ */

#alakulma_mini_indy {
	background: url(/kuvat/leiska/alakulma_mini_indy.png) no-repeat;
	bottom: 1.5em;
	display: block;
	height: 432px;
	position: absolute;
	left: 1em;
	width: 282px;
	z-index: 0 !important;
}



/* @media print
------------------------------------------------------------------ */

	@media print { 

* {
	margin: 0;
	padding: 0;
}

p,
h1,
h2,
h3,
h4 { margin: 9px 0; }

header,
nav,
#haku,
footer,
#nostot,
#valilehdet,
#navilinkki,
#etusivukuvat,
#alakulma_mini_indy { display: none; }

section h1 { page-break-before: avoid; }

body,
section,
section div,
section div div,
section a:link,
section a:hover,
section a:visited,
section p a:link,
section p a:hover,
section p a:visited {
	color: #000;
	background: #FFF;
	font: 90% serif;
}

section h1,
section h2,
section h3,
section h4 { text-align: left; }

section a:link,
section a:hover,
section a:visited,
section p a:link,
section p a:hover,
section p a:visited {
	color: #009;
	font-weight: bold;
	text-decoration: underline;
}

section ul li,
section ul li li,
section ul li li li,
section ul li li li { list-style-image: none; }

section a:link:after,
section a:visited:after {
	content: " (" attr(href) ") ";
	font-size: 90%;
	font-weight: normal;
}

section p a { padding: 0; }

abbr:after { content: " (" attr(title) ")"; }

	}



/* @media handheld
------------------------------------------------------------------ */

	@media handheld { 

header,
footer,
#etusivukuvat,
#nostot,
#valilehdet,
#alakulma_mini_indy { display: none; }

section { border: 0; margin: 0; padding: 0; }

#padding { padding: 0; }

ul li,
ol li,
dl dd { margin-left: .5em; }

#breadcrumb { margin-left: 0; }

	}