/* KUVALEHDEN TYYLIMÄÄRITYKSET, VERSIO 1.0 */
	/* Yleiset säädöt */


body {
	color: #111111;
	font-family: Verdana;
	font-size: 11px;
	background: #FFFFFF url(img/taustakuva.gif);
	}
	
h2 {
	font-size: 18px;
	color: #775137;
	margin-bottom: 20px;
	}	
	
li {
	list-style: square;
	margin-left: -10px;
    -webkit-transition: padding-left 250ms ease-out;
    -moz-transition: padding-left 250ms ease-out;
	}
	
li:hover {
	padding-left: 10px;
	}
	
b {
	color: #775137;
	}	
	
#huomio {
	color: #444444;
	border-bottom: 1px dotted #444444;
	}
	
i {
	color: #777777;
	}
	
a:link, a:active, a:visited {
	text-decoration: underline;
	color: #775137;
	}
	
a:hover, a:focus {
	text-decoration: none;
	color: #A5714D;
	}
	

.huomio {
	color: #775137;
	border-bottom:1px dotted #444444;
	cursor: pointer;
	}

#tt, #tttop, #ttbot {
	position:absolute;
	display:block;
	}
	
#ttcont {
	display: block;
	padding: 15px 15px 15px 15px;
	margin-left: 5px;
	background: #444444;
	color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
iframe {
	border: none;
	}
	
	
	
	
	
	/* Elementit */
	
	
.rakentaja, .rakentaja_infosivu {
	width: 900px;
	border: solid 3px #F9F9F9;
	margin: 0 auto;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: -10px;
	background: #FFFFFF url(img/rakentaja_bg.gif);
	box-shadow:0px 0px 30px rgba(0,0,0,0.45);
	-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.45);
	-moz-box-shadow:0px 0px 30px rgba(0,0,0,0.45);
	}
	
.rakentaja_infosivu {
	background: #FFFFFF url(img/rakentaja_infosivu_bg.gif);
	}

		
.headeripohja {
	height: 200px;
	margin: 25px;
	margin-top: 35px;
	}
	
.ylanavi {
	height: 48px;
	margin: 25px;
	padding-left: 0px;
	padding-top: 15px;
	margin-top: -25px;
	background: #F9F9F9;
	border: 1px solid #B5B5B2;
	border-top: none;
	}
	
.ylanavi a:link, .ylanavi a:active, .ylanavi a:visited {
	text-decoration: none;
	}
	
	
#navipainike, #navipainike_2, #navipainike_3, #navipainike_valittu {
	width: 120px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 15px;
	text-transform: uppercase;
	background: #EBE8D7;
	font-size: 10px;
	color: #666666;
	float: left;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.4;
	filter: alpha(style=0,opacity=40);
	}
	
#navipainike_valittu {
	opacity: 1.0;
	filter: alpha(style=0,opacity=100);
	}
	
	
.footeri {
	margin-top: 60px;
	margin-bottom: 30px;
	color: #888888;
	width: 900px;
	text-align: center;
	}
	
.footeri a:link, .footeri a:active, .footeri a:visited {
	text-decoration: none;
	color: #888888;
	}
	
.footeri a:hover, .footeri a:focus {
	text-decoration: underline;
	}
	
#logo {
	position: absolute;
	margin-left: 120px;
	margin-top: -50px;
	width: 196px;
	height: 90px;
	background: transparent url(img/logo.gif) no-repeat;
	}
	
#logo_nro1 {
	position: absolute;
	margin-left: 120px;
	margin-top: 50px;
	width: 196px;
	height: 90px;
	background: transparent url(img/logo_nro1.gif) no-repeat;
	}
	
	
	
	
	
	/* Palstat */
	
	
.palsta_vasen_levea {
	float: left;
	width: 560px;
	margin-left: 25px;
	margin-top: 40px;
	}
	
.palsta_oikea_levea {
	float: right;
	width: 560px;
	margin-right: 25px;
	margin-top: 40px;
	}
	
.palsta_vasen_kapea {
	float: left;
	width: 260px;
	margin-left: 25px;
	margin-top: 40px;
	}
	
.palsta_vasen_kapea a:link, .palsta_vasen_kapea a:active, .palsta_vasen_kapea a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	}
	
.palsta_vasen_kapea a:hover, .palsta_vasen_kapea a:focus {
	text-decoration: none;
	}
	
.palsta_oikea_kapea{
	float: right;
	width: 260px;
	margin-right: 25px;
	margin-top: 40px;
	}
	
.palsta_levea {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 35px;
	}
	
	
	
	
	
	/* Sisaltolootat */
	
	
.kirjoitusloota, .kirjoitusloota_levea {
	padding: 20px;
	background: #F9F9F9;
	color: #444444;
	font-family: 'Trebuchet MS', trebuchet, verdana, arial;
	line-height: 145%;
	font-size: 12px;
	border: 1px solid #B5B5B2;
	border-bottom: none;
	}
	
.kirjoitusloota img, .kirjoitusloota_levea img {
	margin: 25px;
	}
	
.kirjoitusloota_pohja {
	width: 560px;
	height: 9px;
	margin-top: 0px;
	background: #FFFFFF url(img/kirjoitusloota_pohja.gif) no-repeat;
	}
	
.kirjoitusloota_pohja_levea {
	width: 850px;
	height: 9px;
	margin-top: 0px;
	background: #FFFFFF url(img/kirjoitusloota_pohja_levea.gif) no-repeat;
	}
	
	
	
.muistilappu_vih_yla {
	border: solid #3D5600 1px;
	text-shadow: #507200 1px 1px 1px;
	border-bottom: none;
	background: #7EBB00;
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 15px;
	}
	
.muistilappu_vih_keski {
	border: solid #3D5600 1px;
	border-bottom: none;
	border-top:none;
	background: #9BE400;
	padding: 15px;
	color: white;
	}
	
.muistilappu_vih_pohja {
	height: 23px;
	width: 260px;
	background: transparent url(img/muistilappu_vih_pohja.gif) no-repeat;
	}
	
	
	
.muistilappu_rusk_yla {
	border: solid #35271D 1px;
	border-bottom: none;
	background: #825E47;
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 15px;
	text-shadow: #35271D 1px 1px 1px;
	}
	
.muistilappu_rusk_keski {
	border: solid #35271D 1px;
	border-bottom: none;
	border-top:none;
	background: #B58263;
	padding: 15px;
	color: white;
	}
	
.muistilappu_rusk_pohja {
	height: 23px;
	width: 260px;
	background: transparent url(img/muistilappu_rusk_pohja.gif) no-repeat;
	}
	
	
	
	
.muistilappu_sin_yla {
	border: solid #38707A 1px;
	border-bottom: none;
	background: #3F7E89;
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 15px;
	text-shadow: #2A545B 1px 1px 1px;
	}
	
.muistilappu_sin_keski {
	border: solid #38707A 1px;
	border-bottom: none;
	border-top:none;
	background: #53A6B5;
	padding: 15px;
	color: white;
	}
	
.muistilappu_sin_pohja {
	height: 23px;
	width: 260px;
	background: transparent url(img/muistilappu_sin_pohja.gif) no-repeat;
	}
	
.palstajakaja {
	width: 200px;
	float: left;
	margin-left: 50px;
	}
	

	
	
	
	/* Vieraskirja */
	
	
.vieraskirjaviestit {
	width: 695px;
	margin-left: 70px;
	}
	
.vieraskirjakuva {
	float:left;
	height: 64px;
	padding: 20px;
	width: 60px;
	border-right: solid 1px #8E8172;
	background-position: 60px 45px;
	margin-left: 3px;
	}
	
.vieraskirjakommentti {
	float:right;
	width: 532px;
	padding: 26px;
	border-left: 1px solid #8E8172;
	}
	
.vieraskirjapainike {
	height: 31px;
	width: 130px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	background: transparent url(img/vieraspainike_bg.gif) no-repeat;
	background-position: 0px 0px;
	}
	
.vieraskirjapainike:hover {
	background-position: 0px -31px;
	}