body {
background: #eaeaea url(http://vv.jodochus.net/k/subtlepatterns_h2.png) fixed; 
	margin:0 auto;
	text-align: justify;
	cursor: default;
	font-family: garamond;
	font-size: 19px;
	color: #493D2F;
	line-height: 23px;
	text-align: justify;
	cursor: default;

}
/* laatikko */



#skyrim {
	width: 1200px;
	position: relative;
	margin: auto;
	padding-left: 0;
	box-shadow: 0 0 20px #333333; 
	border:0px solid #141414;
	background: #cfcfcf;
	font-family: georgia;
	font-size: 17px;
	color: #000000;
	line-height: 23px;
	text-align: justify;
	cursor: default;
}

#yla {
	width: 1200px;
	position: relative;
	margin: auto;
	padding-left: 0;
	border:0px solid #141414;
	background: #452f6f url(http://jodochus.net/bel/k/liila2.png);
	font-family: garamond;
	font-size: 19px;
	color: #493D2F;
	line-height: 23px;
	text-align: justify;
	cursor: default;
	padding:20px 0px 20px 0px;
}

#windhelm {
	float: center;
	background: #cfcfcf;
	width: 90%;
	margin-right: auto; 
	margin-left: auto;
	font-family: garamond;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	text-align: justify;
	cursor: default;
	border-width: 0px; 
	padding:0px;
	overflow: hidden;
	font-family: garamond;
	font-size: 19px;
	color: #493D2F;
	line-height: 23px;
	text-align: justify;
	cursor: default;
}
.texti {
	font-family: 'Domine', serif;
	font-size: 14px;
	color: #333333;
	font-style: normal;
	line-height: 23px;
	text-align: justify;
	cursor: default;

}
.textiy {
	font-family: georgia;
	font-size: 20px;
	color: #333333;
	font-style: italic;
	line-height: 23px;
	text-align: center;
	cursor: default;

}
.otsikko {
font-family: 'Marcellus SC', serif;
	font-size: 40pt;
	color: #f5bf2f;
	text-align: left;
	margin-left: 50px;
	cursor: default;
	text-shadow : 0px 0px 10px #000000;

}
.otsikko2 {
    font-family: 'Marcellus SC', serif;
	font-size: 44pt;
	color: #f5bf2f;
	text-align: center;
	cursor: default;
	text-shadow : 0px 0px 10px #000000;

}
.vali {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	color: #f5bf2f;
	letter-spacing: 3px;
	text-align: center;
	cursor: default;
	padding:5px 5px 5px 5px;
	text-shadow : 0px 0px 10px #000000;

}
.tieto {
font-family: 'Exo', sans-serif;
	font-size: 12pt;
	text-align: left;
	text-transform: uppercase;
	margin-left: 50px;
	letter-spacing: 1px;
	color: #eaeaea;
	line-height: 23px;
	cursor: default;

}
.tieto2 {
font-family: 'Exo', sans-serif;
	font-size: 11pt;
	margin-left: 50px;
	text-align: left;
	letter-spacing: 0px;
	color: #eaeaea;
	line-height: 23px;
	cursor: default;

}
.kisat {
	font-family: garamond;
	font-size: 14px;
	color: #493D2F;
	line-height: 23px;
	cursor: default;
}
.ao {
	font-family: 'Playfair Display', serif;
	font-size: 17px;
	color: #f5bf2f;
	letter-spacing: 3px;
	text-transform:uppercase;
	text-align: center;
	cursor: default;
	padding:0px 0px 0px 0px;
	text-shadow : 0px 0px 10px #000000;

}

.haka
{
font-family: Times New Roman;
font-size: 4em; 
color:#eaeaea; 
text-align:left;
}
.pikkuhaka
{
font-family: Times New Roman;
font-size: 2em; 
color:#eaeaea; 
text-align:center;
}
.suku {
	font-family: 'Domine', serif;
	font-size: 14px;
	color: #eaeaea;
	font-style: normal;
	line-height: 23px;
	text-align: justify;
	cursor: default;
}
.img {
padding:3px;
border:2px solid #eaeaea;
background-color: #eaeaea;
overflow: hidden; 
border-radius: 30px; 
box-shadow: 0 0 20px #141414; 
}
A:link{color:#b18bdc;text-decoration:none;cursor:hand;font-weight:bold;}
A:visited{color:#b18bdc;text-decoration:none;cursor:hand;font-weight:bold;}
A:active{color:#e3be5c;text-decoration:none;cursor:hand;font-weight:bold;}
A:hover{color:#e3be5c;text-decoration:none;cursor:hand;font-weight:bold;transition: all .3s linear;
}
@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Pontano Sans'), local('PontanoSans-Regular'), url(http://fonts.gstatic.com/s/pontanosans/v4/gTHiwyxi6S7iiHpqAoiE3Ogdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/pontanosans/v4/gTHiwyxi6S7iiHpqAoiE3HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(https://fonts.gstatic.com/s/sourceserifpro/v7/neIQzD-0qpwxpaWvjeD0X88SAOeauXo-oBOL.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(https://fonts.gstatic.com/s/sourceserifpro/v7/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Domine'), local('Domine-Regular'), url(https://fonts.gstatic.com/s/domine/v7/L0x8DFMnlVwD4h3htfqndSk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Domine'), local('Domine-Regular'), url(https://fonts.gstatic.com/s/domine/v7/L0x8DFMnlVwD4h3hu_qn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}