@import url(https://fonts.googleapis.com/css?family=Gudea|Mea+Culpa|Shippori+Antique);


A:link, A:active, A:visited {color:#79886A; text-decoration:none; cursor: hand;}
A:hover {color:#D18987; text-decoration:underline; cursor: hand;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.sukutaulu a:link, .sukutaulu a:active, .sukutaulu a:visited { font-weight:bold; }

body {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;

font-family: 'Gudea';
font-size: 15px;
line-height: 1.6;
text-align: justify;
color: #363636;
}

#otsikko { font-family: 'Mea Culpa', serif; font-size: 110px; text-align: center; font-weight: normal; color: #9EAA92; line-height: 0.8; margin: 50px 0; text-shadow: 1px 1px 10px #A0A0A0; }

#runko { position: static; width: 1250px; margin: 0 auto; border-collapse:collapse; background-color: #EEE; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.sivupalkki {
background-color: #CDC4BF;
width: 270px;
box-shadow: 2px 0px 5px 0 rgba(162, 144, 134, 0.2);
}

.sivupalkki p {
padding: 0 20px;
line-height: 2.2;
font-size: 16px;
}

.sivupalkki ul { list-style-type: none; margin: -1px; padding: 0; }

.sivupalkki li a:link, .sivupalkki li a:active, .sivupalkki li a:visited {
font-family: Shippori Antique;
font-size: 14px;
  display: block;
  padding: 10px 16px;
  text-decoration: none;
text-transform:uppercase;
color: #8E776C;
}

.sivupalkki li a:hover {
  background-color: #C8BDB7;
  color: white;
text-decoration:none;
}

.sivukuva { width: 272px; margin: -1px -1px 20px -1px; clip-path: ellipse(99% 100% at top); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); }


.tekstipalkki {
padding: 10px 30px;
}

#copyt { font-family: 'Gudea', serif; font-size: 15px; text-align: center; font-weight: normal; text-transform:uppercase; letter-spacing: 2px; color: #8E776C; line-height: 0.8; text-shadow: 1px 1px 10px #E6ACC1; margin: 20px 0; }

.meriitit {
font-family: Shippori Antique;
font-size: 15px;
color: #8E776C;
text-align:center;
letter-spacing: 1px;
}



h2 { 
font-family: 'Mea Culpa', serif; 
font-size: 50px; 
font-weight: normal; 
color: #8E776C; 
line-height: 0.8; 
margin: 60px 0 30px 30px; 
text-shadow: 1px 1px 10px #A0A0A0;
}

h5 { 
font-family: 'Gudea', serif; 
font-size: 20px; 
font-weight: normal; 
color: #8E776C; 
line-height: 0.8; 
margin: 10px 0 15px 10px; 
text-shadow: 1px 1px 10px #A0A0A0;
}

.ylos { text-align: right; color: #A38F86; }





.perustiedot, .sukutaulu { width: 100%; background-color: #EEE9E5; border-collapse:collapse; box-shadow: 0 4px 8px 0 rgba(162, 144, 134, 0.2), 0 6px 20px 0 rgba(162, 144, 134, 0.19); }
.perustiedot td, .sukutaulu td { padding: 10px 15px; border: solid rgba(0, 0, 0, 0.1) 1px; }

.td1 { font-weight:bold; text-transform:uppercase; color: #8E776C;}
.td2 { background-color: rgba(255, 255, 255, 0.19);}

.oritd {  }
.tammatd { background-color: rgba(255, 255, 255, 0.19); }

.sukutaulu small { color: #AA9995; font-style:italic; }


	/* VARSALISTAUS */

#varsalista {
border-collapse:collapse;
width: 411px;
float:left;
margin: 10px;
padding: 0;
}

#varsalista td { padding: 10px 0; vertical-align: middle; }

#varsalista img {
border: solid rgba(0, 0, 0, 0.1) 1px;
background-color: #EEE9E5;
box-shadow: 0 4px 8px 0 rgba(162, 144, 134, 0.2), 0 6px 20px 0 rgba(162, 144, 134, 0.19);
float:left;
margin: 0 20px 0 0;
height: 95px;
width: 120px;
object-fit: cover;
}

.heart { width: 130px; text-shadow: 2px 1px 7px #eee; padding: 0; color: #724973; font-family: 'Noto Sans JP'; font-size: 70px; text-align:center; font-weight: 100; }





.kalenteri, .nayttelyt {
background: rgba(200, 189, 183, 0.05);
width: 100%;
border-top: solid 1px rgba(200, 189, 183, 0.5);
border-collapse:collapse;
margin-top: 20px;
font-size: 15px;
}

.kalenteri td, .nayttelyt td {
padding: 8px 10px;
border-bottom: solid 1px rgba(200, 189, 183, 0.5);
}

.kalenteri tr:hover {
background: rgba(200, 189, 183, 0.05);
}

.nayttelykuva {
width: 200px;
text-align:center;
}

.nayttelyt img {
border: solid rgba(0, 0, 0, 0.1) 1px;
background-color: #EEE9E5;
box-shadow: 0 4px 8px 0 rgba(162, 144, 134, 0.2), 0 6px 20px 0 rgba(162, 144, 134, 0.19);
float:left;
margin: 0 5px 0 0;
width: 90px;
}

.kuvagalleria { text-align:center; }
.kuvagalleria img {
border: solid rgba(0, 0, 0, 0.1) 1px;
background-color: #EEE9E5;
box-shadow: 0 4px 8px 0 rgba(162, 144, 134, 0.2), 0 6px 20px 0 rgba(162, 144, 134, 0.19);
margin: 5px;
}



.piilodiv {
    display:none; /* älä muuta tätä, tai muuten div ei oletuksena ole piilossa. */
}