@import url(https://fonts.googleapis.com/css?family=Alex+Brush|Gudea|Rochester|Annie+Use+Your+Telescope|Great+Vibes|Oooh+Baby);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);

body { background: -webkit-linear-gradient(#EAE6D9, #DED9C5); background-attachment: fixed; }

#main {width:1000px; margin:0 auto; margin-top: -10px; background: url(bg2.png) no-repeat top center; }

table, pre, p {color: #5B5B5B; text-align:justify; font: 16px 'Titillium Web'; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7;}

b, strong { font-weight:bold; }

#otsikko { text-align:center; padding: 30px 0 -0 0;

	font-family: 'Great Vibes', serif;
	font-size: 102px;
	font-weight:normal;
  	background: -webkit-linear-gradient(#1C7B53, #104730);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	background-size: 100% !important;
 }

h4 {
color: #104730; text-align:center; font: 20px 'Titillium Web'; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px #B1B1B1; margin: 0 0 20px 0; letter-spacing: 1px; }

h4 b { font-weight:normal; font-size: 24px; margin: 0 20px; }


#kuvat { text-align: center; }
#kuvat img { background: url(tietotausta.png); 
box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4);
padding: 7px;
border: dashed #C7C7C7 1px; height: 245px; margin: 5px 0; }

.pikkuinfo { font-size: 13px; color: grey; margin-left: 5px;}

#text { background: url(tietotausta.png); box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); border: dashed #C7C7C7 1px; margin: 15px 0; color: #5B5B5B; text-align:justify; font: 16px 'Titillium Web'; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; padding: 10px 25px; }

#copyt {width:996px; margin:0 auto; padding:0px 0px; text-align:center; padding-bottom:10px; color: #5B5B5B; font: 16px 'Titillium Web'; }

a:link, a:visited {color: #104730; text-decoration:none;}
a:hover {color: #417154;}

.sukutaulu { width: 100%; color: #5B5B5B; font: 16px 'Titillium Web'; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; margin-top: 30px; }
.sukutaulu td { padding: 5px 30px; }
.sukutaulu small { color: #919191; font-size: 12px; }

.sukutaulu2 { background: url(tietotausta.png); width: 100%; box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); border: dashed #C7C7C7 1px; margin: 0; color: #5B5B5B; text-align:justify; font: 16px 'Titillium Web'; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; border-collapse:collapse; }
.sukutaulu2 td { padding: 5px 20px; border: dashed #C7C7C7 1px; }

#periytyminen { width: 100%; color: #5B5B5B; font: 16px 'Titillium Web'; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; border-collapse:collapse; }
#periytyminen td { padding: 5px 15px; text-align:center; }

.click-suku { font: 16px 'Titillium Web'; color: #104730; letter-spacing: 0.5px; font-weight:bold; text-transform:uppercase; cursor: pointer; position: static; padding: 5px; text-align:center; }

.content-suku { font: 16px 'Titillium Web'; color: #5B5B5B; line-height: 1.7; text-decoration:none; text-align:justify; padding: 10px 0 0 0; }

::-webkit-scrollbar { width: 7px; height: 3px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #B9B9B9; border: 0px dotted #ffffff; border-radius: 50px; }
::-webkit-scrollbar-thumb:hover { background: #C7C7C7; }
::-webkit-scrollbar-thumb:active { background: #C7C7C7; }
::-webkit-scrollbar-track { background: #F1F1F5; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #F1F1F5; }
::-webkit-scrollbar-track:active { background: #F1F1F5; }
::-webkit-scrollbar-corner { background: transparent; }


.kilpailut {
width: 100%;
border-collapse:collapse;
border-top: dashed #C9A798 1px;
}

.kilpailut td {
border-bottom: dashed #627747 1px;
border-top: dashed #627747 1px;
padding: 7px 20px;
}

.kilpailut img { margin-right: 5px; }

.ruusukkeet { width: 100%; text-align:center;}
.ruusukkeet img { height: 200px; margin: 5px; }




.ohjeet {
width: 100%;
border-collapse:collapse;
}

.ohjeet td {
padding: 10px 0px;
}

.ohjeet b { font: 20px 'Titillium Web', sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); color: #104730; letter-spacing: 1px; overflow: hidden; line-height: 1.4; }



h1 {
text-align:left; margin: 60px 0 0 50px;

	font-family: 'Great Vibes';
	font-size: 52px;
	font-weight:normal;
  	background: -webkit-linear-gradient(#1C7B53, #502136);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	background-size: 100% !important;
}

h2 {
font: 44px 'Great Vibes'; 
font-weight: normal; 
text-shadow: 1px 1px 0px rgba(242, 242, 242, 0.5);
color: #104730;  
letter-spacing: 2px; 
margin: 50px 0 0 20px;
text-indent: 20px;
}

h3 {
font: 34px 'Great Vibes'; 
font-weight: normal; 
text-shadow: 1px 1px 0px rgba(242, 242, 242, 0.5);
color: #104730;  
letter-spacing: 2px; 
margin: 40px 0 0 20px;
}

h2::after, h3::after {
    content: '';
    display: block;
    width: 350px;
    height: 1px;
    background: #CACACA;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 2px;

}



#perustietolaatikko {
width: 100%; border-collapse:collapse;
box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); margin: 15px 0; line-height: 1.7;
}

#perustietolaatikko td { border: dashed #C7C7C7 1px; padding: 13px 20px; }

.tumma { background: url(tietotausta2.png);
color: #104730; font: 15px 'Titillium Web'; text-transform:uppercase; letter-spacing: 1px; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); }
.vaalea { background: url(tietotausta.png);
color: #5B5B5B; font: 16px 'Titillium Web'; font-weight: normal; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); }



#hr { text-align: center; font-size: 24px; color: #104730; word-spacing: 20px; margin: 40px 0; }