@charset "UTF-8";
/*
Theme Name: Kalle Haatanen
Theme URI: http://lagom.fi/
Description: Kalle Haatasen blogin teema.
Version: 1.0
Author: Kalle Järvenpää / Lagom
Author URI: http://lagom.fi/
Tags: custom, fixed width, widgets
*/



/* Värit */
/*


Keskiharmaa (linkit, lisätekstit)
normaali
	color: rgb(145,145,137);
hover
	color: rgb(115,115,107);
visited
	color: rgb(175,175,157);

Vaaleampi keskiharmaa (keskustelupuheenvuorot)
normaali
	color: rgb(100,100,92);

Tummanharmaa (teksti, h1)
normaali
	color: rgb(73,74,76);
hover
	color: rgb(43,44,46);

Vaaleanharmaa (h2, copyright)
normaali -> sama kuin Keskiharmaan visited
	color: rgb(175,175,157);
	
Vaaleinharmaa (jotkut .pvm:t)
normaali
	color: rgb(205,205,187);

Taustaharmaa (yläpalkki, selauslinkit)
normaali
	background-color: rgb(237,236,224);
hover
	background-color: rgb(232,231,219);


*/


/* Perusmääritykset */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	color: rgb(145,145,137);
	background-color: rgb(255,255,255);
	margin: 0px;
	padding: 0px;
}

a:link, a:active {
	color: rgb(145,145,137);
	text-decoration: underline;
}
a:visited {
	color: rgb(160,160,152);
	text-decoration: underline;
}
a:hover {
	color: rgb(73,74,76);
	text-decoration: underline;
}
	a:link img, a:active img, a:visited img, a:hover img {
		border-width: 0px;
	}

p {
	margin: 0em 0em 0.8em 0em;
}
i, em {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-style: italic;
}
dl {
	margin: 0em 0em 0.8em 0em;
}
	dt {
		margin: 0.8em 0em 0em 0em;
	}
	dd {
		margin: 0.2em 0em 0em 1.6em;
	}

h1 {
	color: rgb(73,74,76);
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-size: 32px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: -0.025em;
	line-height: 1;
	margin: 0em 0em 0.35em 0em;
}
	h1 a:link, h1 a:active, h1 a:visited {
		color: rgb(73,74,76);
		text-decoration: none;
	}
	h1 a:hover {
		color: rgb(43,44,46);
		text-decoration: none;
	}
h2 {
	color: rgb(115,115,107);
	font-size: 15px;
	font-weight: bold;
	margin: 1em 0em 0.4em 0em;
}
	h2 a:link, h2 a:active, h2 a:visited {
		color: rgb(115,115,107);
		text-decoration: none;
	}
	h2 a:hover {
		color: rgb(73,74,76);
		text-decoration: none;
	}
	
th {
	color: rgb(115,115,107);
	font-size: 15px;
	font-weight: bold;
}
	th a:link, th a:active, th a:visited {
		color: rgb(115,115,107);
		text-decoration: none;
	}
	th a:hover {
		color: rgb(73,74,76);
		text-decoration: none;
	}

input, textarea {
	background-color: rgb(237,236,224);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	color: rgb(145,145,137);
}
	input.input_kuva {
		background-color: transparent;
	}
	input.painike {
		background-color: rgb(145,145,137);
		color: rgb(237,236,224);
		cursor: pointer;
		font-size: 15px;
		padding: 5px 16px 5px 16px;
	}
		input.painike_korostettu {
			background-color: rgb(73,74,76);
		}

/* Sivuelementtien tyylit */

body.etusivu {
}
body.sisaltosivu {
}
body.hakemistosivu {
}
body.alasivu { /* Jonkin sivun alasivu, esim. kirjojen esittelyt. */
}

/* Keskustelujen (ja sivujen) otsikoiden rivinvaihdot. Jotta otsikot rivittyisivät soveliaasti, näkyvät h1-tagien sisässä olevat rivinvaihdot vain tietyissä konteksteissa. */
/* Oletusarvoisesti eivät näy. */
h1 br { 
	display: none;
}
	/* Näkyvät kuitenkin ollessaan pääotsikkona ja kapeassa palstassa */
	#Ylarivin_sisalto h1 br, .palsta_50_vasen br, .palsta_50_oikea br {
		display: inline;
	}
/* Tämä ehdollinen rivinvaihto näkyy ainoastaan etusivun kapeassa palstassa. */
br.vain_kapea, #Ylarivin_sisalto h1 br.vain_kapea { 
	display: none;
}
	.palsta_50_vasen br.vain_kapea, .palsta_50_oikea br.vain_kapea {
		display: inline;
	}
/* Otsikot esiintyvät h1-tagien lisäksi selauslinkeissä ja arkistosivulla, missä rivinvaihdot ovat myös ei-toivottavia. */
.selauslinkki_vasen a br, .selauslinkki_oikea a br, .kaikki_keskustelut a br,
.selauslinkki_vasen a br.vain_kapea, .selauslinkki_oikea a br.vain_kapea, .kaikki_keskustelut a br.vain_kapea {
	display: none;
}

.nosto {
	color: rgb(73,74,76);
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
}
	.nosto p {
		margin: 0em;
	}
.lue_lisaa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	color: rgb(145,145,137);
	margin-top: 0.75em;
}
	.lue_lisaa a:link, .lue_lisaa a:active, .lue_lisaa a:visited {
		color: rgb(115,115,107);
	}
	.lue_lisaa a:hover {
	color: rgb(73,74,76);
	}
	
.keskustelun_tiedot {
	margin-top: 0.75em;
}
	.keskustelun_tiedot a:link, .keskustelun_tiedot a:active, .keskustelun_tiedot a:visited {
		text-decoration: none;
	}
	.keskustelun_tiedot a:hover {
		text-decoration: none;
	}
	.keskustelun_tiedot p {
		margin: 0;
	}
	.keskustelun_tiedot_oikea {
		margin-bottom: 21px;
		margin-top: 0;
	}
		.keskustelun_tiedot_oikea .pvm {
			margin: 0em 0em 0.25em 0em;
		}
		.keskustelun_tiedot_oikea .lue_lisaa {
			margin: 0em 0em 0.25em 0em;
			text-decoration: underline;
		}
		.keskustelun_tiedot_oikea .keskustelun_tiedot {
			margin: 0em 0em 0.25em 0em;
		}
	a.pvm:visited {
		color: rgb(145,145,137);
	}
	
	
	
	
/* Tiettyjen sivujen tyylit */

/* Arkisto */
	
.tagipilvi {
	font-size: 15px;
	line-height: 35px;
	text-align: left;
}
	.tagipilvi a:link, .tagipilvi a:active, .tagipilvi a:visited {
		border-bottom: 0px solid rgb(115,115,107);
		text-decoration: none;
		white-space: nowrap;
	 } 
	 .tagipilvi a:hover {
		border-bottom: 0px solid rgb(83,84,86);
		text-decoration: none;
		white-space: nowrap;
	 }
table.kuukausiarkisto {
}
	.kuukausiarkisto td {
		font-size: 15px;
		padding: 5px;
	}
	.kuukausiarkisto th {
		font-size: 18px;
		padding: 5px;
	}
	.kuukausiarkisto a:link, .kuukausiarkisto a:active, .kuukausiarkisto a:visited {
		border-bottom: 0px solid rgb(115,115,107);
		text-decoration: none;
	 } 
	 .kuukausiarkisto a:hover {
		border-bottom: 0px solid rgb(83,84,86);
		text-decoration: none;
	 }
.kaikki_keskustelut {
	font-size: 15px;
}
	.kaikki_keskustelut ul {
		padding: 0px;
	}
		.kaikki_keskustelut li {
			display: block;
			margin: 0.5em 0em 0em 0em;
		}
		.kaikki_keskustelut li br {
			display: none;
		}
	.kaikki_keskustelut a:link, .kaikki_keskustelut a:active, .kaikki_keskustelut a:visited {
		border-bottom: 0px solid rgb(115,115,107);
		text-decoration: none;
	} 
	.kaikki_keskustelut a:hover {
		border-bottom: 0px solid rgb(83,84,86);
		text-decoration: none;
	}
	.kaikki_keskustelut .pvm {
		color: rgb(205,205,187);
	}
.valinnat {
	color: rgb(205,205,187);
	margin: 0.5em 0em 0.5em 0em;
}
	.valinnat a:link, .valinnat a:active, .valinnat a:visited {
		color: rgb(205,205,187);
	}
	.valinnat a:hover {
		color: rgb(83,84,86);
	}
	.valinnat a.valittu:link, .valinnat a.valittu:active, .valinnat a.valittu:visited {
		border-bottom: 1px solid rgb(205,205,187);
	}
	.valinnat a.valittu:hover {
		border-bottom: 1px solid rgb(83,84,86);
	}
	
	
/* Tapahtumakalenteri */

table.tapahtumakalenteri {
	font-size: 15px;
	margin: 1em 0em 1em 0em;
}
	table.tapahtumakalenteri td {
		padding: 0px 0px 8px 0px;
		vertical-align: top;
	}
	table.tapahtumakalenteri td.pvm {
		padding-right: 10px;
		text-align: right;
	}
	table.tapahtumakalenteri a:link, table.tapahtumakalenteri a:active, table.tapahtumakalenteri a:visited {
		border-bottom: 1px solid rgb(115,115,107);
		text-decoration: none;
	}
	table.tapahtumakalenteri a:hover {
		border-bottom: 1px solid rgb(83,84,86);
		text-decoration: none;
	}
		table.tapahtumakalenteri tr.tapahtumakalenteri_mennyt {
			color: rgb(205,205,187);
		}
		table.tapahtumakalenteri tr.tapahtumakalenteri_mennyt a:link, table.tapahtumakalenteri tr.tapahtumakalenteri_mennyt a:active, table.tapahtumakalenteri tr.tapahtumakalenteri_mennyt a:visited {
			border-bottom-color: rgb(205,205,187);
			color: rgb(205,205,187);
			text-decoration: none;
		}
		table.tapahtumakalenteri tr.tapahtumakalenteri_mennyt a:hover {
			border-bottom-color: rgb(83,84,86);
			color: rgb(83,84,86);
			text-decoration: none;
		}


/* Julkaisut */

em.teoksen_nimi {
	font-size: 17px;
}
p.kirjaesittely_kuvalla {
	clear: both;
	margin-bottom: 1em;
}
	p.kirjaesittely_kuvalla img {
		float: left;
		margin-bottom: 1em;
	}
p.ei_kierratysta {
	clear: both;
}
	
	
/* Sivun elementit */

#Ylarivin_tausta {
	background-color: rgb(237,236,224);
	clear: both;
	padding: 82px 0px 41px 0px;
	width: 100%;
}
	#Ylarivi {
		margin: auto;
		position: relative;
		width: 876px;
	}
		#Logo {
			float: left;
			margin-right: 16px;
			padding-left: 20px;
			width: 216px;
		}
		#Ylarivin_sisalto {
			float: right;
			width: 624px;
		}
			#Ylarivin_sisalto h1 {
				font-size: 62px;
				margin-bottom: 0.25em;
			}
				.hakemistosivu #Ylarivin_sisalto h1, .alasivu #Ylarivin_sisalto h1 {
					font-size: 42px;
				}
			#Ylarivin_sisalto .nosto {
				font-size: 140%;
			}
			#Ylarivin_sisalto .lue_lisaa, #Ylarivin_sisalto .keskustelun_tiedot, #Ylarivin_sisalto .tulosten_maara {
				font-size: 15px;
			}
				 #Ylarivin_sisalto .lue_lisaa a:link, #Ylarivin_sisalto .lue_lisaa a:active, #Ylarivin_sisalto .lue_lisaa a:visited {
					border-bottom: 1px solid rgb(115,115,107);
				 	text-decoration: none;
				 } 
				 #Ylarivin_sisalto .lue_lisaa a:hover {
					border-bottom: 1px solid rgb(83,84,86);
				 	text-decoration: none;
				 }
				#Ylarivin_sisalto .palsta_75_vasen {
					margin-bottom: 0px;
				}
				#Ylarivin_sisalto .keskustelun_tiedot_oikea {
					font-size: 14px !important;
					margin-top: 0px;
					margin-bottom: 0px;
				}
				#Ylarivin_sisalto .keskustelun_tiedot_oikea h2 {
					font-size: 14px;
				}
#Keskirivi {
	clear: both;
	margin: auto;
	padding-top: 41px;
	position: relative;
	width: 876px;
}
	#Navigaatiopalsta {
		float: left;
		font-size: 15px;
		margin: 0px 16px 41px 0px;
		padding-left: 22px;
		width: 214px; /* Huom! 2 pikselin optinen tasaus vasemmassa paddingissa. Ks. myös #Copyright. */
	}
		.navigaatioryhma {
			margin-bottom: 1em;
		}
			#Navigaation_hakulomake {
			}
				#Navigaation_hakukentta {
					border-width: 1px;
					font-size: 15px;
					margin-top: 0.4em;
					padding: 2px 4px 2px 4px;
					width: 110px;
				}
		#Navigaatiopalsta ul {
			margin: 0;
			padding: 0;
		}
			#Navigaatiopalsta p, #Navigaatiopalsta li {
				display: block;
				list-style-type: none;
				margin: 0.2em 0em 0em 0em;
				padding: 0;
			}
			#Navigaatiopalsta li.navigaatio_lisaa {
			/*	display: list-item;
				list-style-image: url(images/kolmio_oikea.gif);
				margin-left: 16px; */
			}
		#Navigaatiopalsta li a:link, #Navigaatiopalsta li a:active {
			border-bottom: 1px solid rgb(145,145,137);
			text-decoration: none;
		}
		#Navigaatiopalsta li a:visited {
			border-bottom: 1px solid rgb(160,160,152);
			text-decoration: none;
		}
		#Navigaatiopalsta li a:hover {
			border-bottom: 1px solid rgb(83,84,86);
			text-decoration: none;
		}
		#Navigaatiopalsta .tapahtumat .tapahtuman_tiedot {
			color: rgb(205,205,187);
			font-size: 14px;
			line-height: 20px;
		}
		#rss_syotteet {
			position: absolute;
			width: 216px;
		}
		#rss_syote_valikko {
			display: none;
		}
		.kuvalinkki {
			border: none !important;
		}

	#Keskirivin_sisalto {
		float: right;
		width: 624px;
	}
		.rivi {
			clear: both;
			position: relative;
		}
		.palsta_100  {
			float: left;
			margin: 0px 0px 41px 0px;
			width: 624px;
		}
		.palsta_75_vasen {
			float: left;
		/*	margin: 0px 16px 41px 0px;
			width: 464px; */
			margin: 0px 32px 41px 0px;
			width: 448px;
		}
		.palsta_75_oikea {
			float: right;
			margin: 0px 0px 41px 0px;
			width: 448px;
		}
			.puheenvuoro_kalle, .leipateksti {
				color: rgb(73,74,76);
				font-family: "Times New Roman", Times, serif;
				font-size: 16px;
				font-weight: normal;
				margin-bottom: 0.8em;
			}
				.puheenvuoro_kalle h2, .leipateksti h2 {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					margin-bottom: 0.6em;
					margin-top: 2.4em;
				}
				.puheenvuoro_kalle h2.ensimmainen, .leipateksti h2.ensimmainen {
					margin-top: 0.3em;
				}
				.puheenvuoro_kalle strong, .puheenvuoro_kalle b, .leipateksti strong, .leipateksti b {
					color: rgb(100,100,92);
					font-family: Arial, Helvetica, sans-serif;
					font-size: 15px;
					font-weight: bold;
				}
			.puheenvuoro_muu {
				background-color: rgb(237,236,224);
				background-image: url(images/puheenvuorokuplan_reuna.gif);
				background-position: right top;
				background-repeat: no-repeat;
				color: rgb(100,100,92);
				margin-bottom: 1.6em;
				margin-right: 16px;
				padding: 16px 32px 8px 16px;
				width: 416px;
			}
				.puheenvuoro_hyvaksymaton {
					color: rgb(145,145,137);
				}
				.hyvaksymattoman_info {
					color: rgb(73,74,76);
				}
			.puheenvuoron_tiedot_kalle {
				padding-bottom: 0.8em;
			}
			.puheenvuoron_tiedot_muu {
			}
				.puheenvuoron_kirjoittajan_tiedot {
					display: none;
				}
			#kommentointipainikerivi {
			}
				.kommentointipainike {
					background-color: rgb(237,236,224);
					background-image: url(images/puheenvuorokuplan_reuna.gif);
					background-position: right top;
					background-repeat: no-repeat;
					color: rgb(73,74,76);
					cursor: pointer;
					float: right;
					margin-bottom: 1.6em;
					margin-right: 160px;
					padding: 16px 32px 16px 16px;
				}
					.kommentointipainike_korostettu {
						background-color: rgb(232,231,219) !important;
						background-image: url(images/puheenvuorokuplan_reuna_korostettu.gif) !important;
					}
					.kommentointipainike a:link, .kommentointipainike a:visited, .kommentointipainike a:active, .kommentointipainike a:hover {
						color: rgb(73,74,76);
					} 
			#kommenttilomakerivi {
				display: none;
			}
				
				#kommenttilomake {
					color: rgb(73,74,76);
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
				}
				.peruuta_kommentointi {
					float: right;
					margin-bottom: 8px;
				}
				#kommenttilomakkeen_tekstikentta {
					color: rgb(73,74,76);
					padding: 8px;
					width: 400px;
				}
					.puheenvuoro_kalle #kommenttilomakkeen_tekstikentta {
						background-color: rgb(255,255,255);
						border-bottom: 1px solid rgb(237,236,224);
						border-right: 1px solid rgb(237,236,224);
						font-family: "Times New Roman", Times, serif;
						font-size: 16px;
						font-weight: normal;
						height: 24em;
						padding: 8px;
						width: 432px;
					}
					.puheenvuoro_muu #kommenttilomakkeen_tekstikentta {
						height: 14em;
					}
				#kommenttilomakkeen_nimikentta, #kommenttilomakkeen_sahkopostikentta {
					color: rgb(73,74,76);
					padding: 5px 8px 5px 8px;
					width: 200px;
				}
		.palsta_50_vasen {
			float: left;
			margin: 0px 16px 41px 0px;
			width: 304px;
		}
			.palsta_50_vasen .palsta_50_vasen {
				margin-right: 0px;
			}
		.palsta_50_oikea {
			float: right;
			margin: 0px 0px 41px 0px;
			width: 304px;
		}
		.palsta_25_vasen {
			float: left;
			margin: 0px 16px 0px 0px;
			width: 144px;
		}
		.palsta_25_oikea {
			float: right;
			width: 144px;
		}
		.palsta_otsikko {
			clear: both;
			margin: 0px 0px 16px 0px;
		}
			.palsta_otsikko h1, .palsta_otsikko h2 {
				margin-top: 0em;
			}
		.tekstisivun_alavali {
			clear: both;
			margin-bottom: 41px;
		}

#Selauslinkkirivi {
	clear: both;
	margin: auto;
	padding-top: 0px;
	position: relative;
	width: 876px;
}
	body.sisaltosivu #Selauslinkkirivi {
		padding-top: 41px;
	}
	#Selauslinkkien_otsikko {
		float: left;
		padding-left: 20px;
		width: 216px;
	}
	#Selauslinkit {
		background-color: rgb(237,236,224);
		float: right;
		width: 624px;
	}
		.selauslinkki_vasen, .selauslinkki_oikea, .selauslinkit_tyhja_rivi {
			background-color: rgb(237,236,224);
			cursor: pointer;
			float: left;
			margin: 0px 16px 0px 0px;
			padding: 11px 16px 11px 16px;
			width: 272px;
		}
		.selauslinkit_tyhja_rivi {
			cursor: default;
			margin-right: 0px;
			padding: 11px 16px 11px 16px;
			width: 624px;
		}
			.selauslinkki_oikea {
				float: right;
				margin-right: 0px;
			}
			.selauslinkki_vasen a:link, .selauslinkki_vasen a:visited, .selauslinkki_vasen a:active, .selauslinkki_vasen a:hover {
				color: rgb(115,115,107);
				display: list-item;
				list-style-image: url(images/kolmio_vasen.gif);
				margin-left: 16px;
			} 
			.selauslinkki_oikea a:link, .selauslinkki_oikea a:visited, .selauslinkki_oikea a:active, .selauslinkki_oikea a:hover {
				color: rgb(115,115,107);
				display: list-item;
				list-style-image: url(images/kolmio_oikea.gif);
				margin-left: 16px;
			} 
			.selauslinkki_korostettu {
				background-color: rgb(232,231,219);
			}
				.selauslinkki_korostettu a:link, .selauslinkki_korostettu a:visited, .selauslinkki_korostettu a:active, .selauslinkki_korostettu a:hover {
					color: rgb(73,74,76);
				}
			.selauslinkki_tyhja {
				cursor: default;
			}

#Alarivi {
	clear: both;
	margin: auto;
	padding-top: 41px;
	position: relative;
	width: 876px;
}
	#Alarivi h2 {
		font-size: 15px;
		margin-top: 0em;
	}
	#Esittely {
		float: left;
		padding-left: 20px;
		width: 216px;
	}
	#Alarivin_sisalto {
		float: right;
		width: 624px;
	}
		.kuvanosto {
			margin-bottom: 21px;
		}
			.kuvanosto p {
				margin: 0em 0em 0.3em 0em;
			}
			.kuvanoston_kuva {
				float: left;
				margin: 0px 16px 8px 0px;
			}
		.lista {
		}
			.lista p {
				margin: 0em 0em 0.3em 0em;
			}
			.lista ul {
				margin: 0em;
				padding: 0em;
			}
			.lista li {
				display: block;
				margin: 0em 0em 0.3em 0em;
			}
			.lista a:link, .lista a:visited, .lista a:active, .lista a:hover {
				text-decoration: none;
			} 
		.reunaviivalla {
			border: 1px solid rgb(83,84,86);
		}
		.vasemmalle {
			float: left;
			margin-left: 0px;
			margin-right: 8px;
		}
		.oikealle {
			float: right;
			margin-left: 8px;
			margin-right: 0px;
		}
	#Copyright {
		bottom: 41px;
		color: rgb(175,175,157);
		margin: 0px;
		padding-left: 22px;
		position: absolute;
		width: 214px; /* Huom! 2 pikselin optinen tasaus vasemmassa paddingissa. Ks. myös #Navigaatiopalsta. */
	}

#Yllapito {
	clear: both;
	font-size: 12px;
	padding: 0px 21px 21px 0px;
	position: relative;
	text-align: right;
}
	#Yllapito, #Yllapito * {
		color: rgb(237,236,224) !important;
	}