body {
	margin: 0 0 50px 0;

	width: 100%;

	background-color: #112A1F; 
	background-color: #172227;
	background-image: url(img2010/vaakatausta.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	
}

div#kaikki {
	width: 100%;
	height: 100%;
	vertical-align: top;
	
	background-image: url(img2010/isotausta.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

table.keskitys {
	width: 755px;
}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */



div#ylapalkki {
	margin-top: 30px;

	width: 755px;
	height: 125px;
}

#ylapalkki div#logo { float: left; width: 522px; padding-top: 17px; }

#ylapalkki div#valikko {
	float: left;
	width: 230px;

	border: solid 1px #ebb600; border-width: 0px 1px 0px 0px;
}

#valikko div.palsta {
	float: left;
	width: 113px;
	
	border: solid 1px #ebb600; border-width: 0px 0px 0px 1px; 
	
	padding-top: 1px;
	padding-bottom: 1px;
}

#valikko a {
	display: block;

	padding-left: 17px; 
	height: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	font-family: Minion, Times, serif;
	font-size: 14px;
	text-transform: lowercase;
	font-style: italic;
	color: white;
	letter-spacing: 1px; 
}

#valikko a:link, #valikko a:visited { text-decoration: none; }
#valikko a:hover { color: #ebb600; }

div.tyhja { clear: both; height: 1px; }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */


div#sisalto {
	margin-top: 6px;
	z-index: 2;
}

div#leipateksti {
	width: 755px;
	position: relative;
	
	background-image: url(img09/leipis_tausta.gif);
	background-repeat: repeat-y;
}

#leipateksti div.sisempi { 
	padding: 10px 50px 5px 50px;

	background-image: url(img2010/leipis_ylaosa.jpg); 
	background-repeat: no-repeat;
}


div#leipateksti_alaosa { background-image: url(img2010/leipis_alaosa.jpg); background-repeat: no-repeat; height: 138px; background-position: left bottom; }

#etusivu div#leipateksti {
	background: none;
	height: 550px; 
}


#etusivu #leipateksti div.sisempi { background: none; padding: 0px; margin: 0px; }
#etusivu div#yhteystietopalkki { display: none; }
#etusivu div#leipateksti_alaosa { display: none; }

div#yhteystietopalkki {
	display: none;
	
	width: 755px;
	height: 80px;
	
	background-image: url(img09/yhteystiedot.gif);
	background-repeat: no-repeat;
}

div#kirjoituskone {
	position: absolute;
	top: -30px;
	left: 125px;
	
	width: 974px;
	height: 600px;
	/*
	background-image: url(img2010/kala.png);
	background-position: 0px -5px;
	background-repeat: no-repeat;
	*/

}

div#laskuri {
	display: none;
	position: relative;
	top: 13px;
	left: 275px;
	width: 400px;
	
	text-align: center;
}

#laskuri span#numero { display: block; font-size: 92px; line-height: 79px; height: 90px; font-family: Courier, serif; color: #CC0000; letter-spacing: -8px; margin-bottom: -6px; }
#laskuri span#yota { display: block; font-family: Minion, Times, serif; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 6px 0px 6px 0px; border: solid 1px #b6a283; border-width: 1px 0px 1px 0px; }

div#tukijat {
	z-index: 10;
	height: 100px;

	position: relative;
	clear: both;

	text-align: center;

}

#tukijat a img { border: 0px; }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */



h1 {
	font-family: Minion, "Minion Pro", Times, serif;
	font-weight: normal;
	font-size: 48px;
	color: #448888;
	
	margin-top: 0px; padding-top: 12px; margin-bottom: 0px;
	padding-bottom: 6px;
	
	border: dashed 1px #a08d7b;
	border-width: 0px 0px 1px 0px;
}

h1 span.selite { display: none; float: right; width: 210px; font-size: 15px; color: #a08d7b; }

p, #leipateksti table td, h2 {
	font-family: Minion, "Minion Pro", Times, serif; 
	font-size: 14px;
	color: #4c4135;
	line-height: 20px;
}

p { margin-top: 0px; margin-bottom: 15px; }

h2 { font-size: 28px; font-weight: normal; line-height: 30px; margin-top: 40px; margin-bottom: 15px;}
h3 { margin-bottom: 5px; margin-top: 25px; color: #11372a; font-family: Minion, "Minion Pro", Times, serif; font-size: 20px;  }


a:link, a:visited { color: #448888; }

div#demoinfo {
	width: 200px;
	float: right;
	
	margin-left: 25px;
	margin-bottom: 25px;
	
}

#demoinfo h3.ylempiotsikko { margin-top: 0px; }

#demoinfo p { margin-bottom: 10px; }

table.palstat { width: 100%; }
.palstat td#osoite { width: 30%; padding-left: 0px; }
.palstat td#lehdistolle { width: 30%; padding-right: 0px; border-width: 0px; }
.palstat td { padding: 12px; vertical-align: top; border: dashed 1px #a08d7b; border-width: 0px 1px 0px 0px; }
.palstat td p { font-size: 12px; line-height: 15px; }
.palstat td h3 { margin-top: 0px; font-variant: normal; font-weight: normal; font-size: 22px; }
.palstat td#osoite p { font-size: 16px; line-height: 20px; }



/* ################ KUVAGALLERIA ################# */

p#varvasto {
	color: #CDC9B6;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	margin-left: 70px;
	margin-right: 20px;
	margin-top: 50px;
	padding-top: 3px;

	border-color: #CDC9B6; border-style: solid; border-width: 1px 0px 0px 0px;
}

div.kuvakansio {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border: solid 1px gray;
	border-width: 0px 0px 1px 0px;
}

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption { float: left;  }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }

#lightboxCaption, #closeButton { font-family: Tahoma, "Trebuchet MS", Trebuchet, sans-serif; font-size: 11px; }

#lightbox img { border: none; clear: both;}
#overlay img { border: none; }

#overlay { background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}


/* ################ KUVAGALLERIA 2007 ################# */

div.gPeukalo { float: left; margin-right: 10px; margin-bottom: 10px; padding: 3px 3px 1px 3px; background-color: white; border: solid 1px #CCCCCC; border-width: 0px 1px 1px 0px; }
.gPeukalo a img { border: 0px; }


/* ########### KESKUSTELU ############ */

form input.teksti { width: 250px; background-color: white; border: solid 1px #A5A285; padding: 2px; height: 18px; width: 200px; }
form textarea { width: 500px; background-color: white; border: solid 1px #A5A285; }
form input, form textarea { font-family: Verdana, Arial, Helvetica; font-size: 10px; }
form textarea { width: 300px; padding: 2px; }

div.smdMessage h3 { margin-top: 5px; margin-bottom: 15px; font-style: normal; color: #448888; font-variant: normal; font-weight: normal; font-size: 20px; }
div.smdMessage h3 span.date { font-size: 11px; color: gray; font-style: normal; font-family: Times; color: #AFAA8E; }
div.smdMessage, h2.smdTopic { margin-bottom: 25px; padding-bottom: 10px;  }

.smdMessage span.name { font-size: 22px; font-style: italic; }
.smdMessage span.date { letter-spacing: 1px; }

div.smdMessage { background-color: white; padding: 10px 20px 10px 20px; border: dashed 1px #80764C; }

h2.smdTopic { font-style: normal; padding-top: 5px; padding-bottom: 15px; margin-bottom: 6px; }

div#paluu { float: right; padding: 8px; background-color: #FFFFFF; border: dashed 1px #09929B; }
div#paluu { font-family: Georgia, Times, serif; font-size: 10px; text-transform: uppercase; }

#leipis table#foorumi { width: 655px; margin-bottom: 20px; }

#leipis table#foorumi td {
	padding: 4px 4px 6px 4px;

	border: dashed 1px #A79B75;
	border-width: 0px 0px 1px 0px;
	vertical-align: middle;
}

#leipis table#foorumi tr { background-color: #FFFFFF; 	}

#leipis table#foorumi tr.smdHeading { background-color: white; }
#leipis table#foorumi tr.smdHeading td {
	border: solid 1px #A79B75;
	border-width: 1px 0px 1px 0px;
}

#leipis table#foorumi td { font-family: Minion, Times, serif; font-size: 13px; line-height: 19px; color: #555555; }

table.ohjelma td {
	width: 240px;
}
.ohjelma td.aika { width: 40px; }