body { 
background:url(taustakuva.png) no-repeat fixed top center #201515;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0; 
}


header { 
display: block; 
background: transparent; 
margin: 0 auto; 
padding: 0; 
width: 100%; 
text-align: center;
}




footer { 
margin : auto; 
padding : 0px 0 0px 0; 
text-align: center; 
width: 1200px; 
background-color: transparent; 
border: 0; 
}

.footer a:link { 
color: #848484;
}





nav { 
margin : 0px auto 25px; 
text-align: center; 
height: 55px; 
width: 1000px; 
background-color: rgba(255,255,255,0.7); 
border : 1px solid #b1b1b1; 
border-bottom : 0; 
box-shadow: 0 0 30px #fff; 
border-radius : 40px 40px 0 0; 


}

.navivali:after { 
content: "\25CA"; 
color: #000000; 
padding: 0 35px; 
font-size: 12px; 
}


.linkit{ 
font: 15px/53px Georgia, Droid Serif; 
word-spacing: 0px; 
letter-spacing : 1px; 
text-shadow: 1px 1px #fff;
}

.linkit a:link, .linkit a:visited { 
color: #4a4a4a; 
text-decoration: none; 
text-transform: uppercase; 
}

.linkit a:hover, .linkit a:active { 
color: #e01515; 
text-decoration: none; 
text-transform: uppercase; 
}



#middle { 
width: 1000px; 
margin: auto; 
text-align: justify; 
border: 1px solid #bebebe; 
border-top: 1px solid #c2c2c2; 
box-shadow: 0 0 30px #fff; 
border-radius : 0 0 40px 40px; 
overflow: hidden; 
margin-top : -25px;
}



#main { 
padding-left : 40px; 
padding-right : 40px; 
display: table-cell; 
padding-bottom: 40px; 
background-color: rgba(255,255,255,0.7); 
vertical-align: top;
font: 15px  Georgia, "Times New Roman", Times, serif; 
line-height: 1.5; 
color: #373636; 
text-align: justify;

}




a {
color:#c73232;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}

a:hover {
color:#dadada;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}





h1 {
font-size: 40px;
font-weight: 500;
color: #4d4d4d;
font-family: 'Parisienne', cursive, serif;
text-align: left;
margin-left: 50px;
margin-bottom: 20px;
}


h2 {
font-size: 22px;
margin-bottom: 10px;
font-weight: 500;
color: #848484;
font-family: 'Source Serif Pro', serif;
}


h3 {
font-size: 22px;
margin-bottom: -10px;
font-weight: 500;
color: #848484;
font-family: 'Source Serif Pro', serif;
margin-left: 30px;
}










#paivitys { 
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta2_zps3fdd498b.png); 
width: 100%; 
display: inline-block; 
margin-top: 20px; 
margin-left: -70px; 
padding: 10px 54px 10px 70px; 
clear: both; 
border-top: 1px solid #e3e3e3; 
border-bottom: 1px solid #e3e3e3; 
}



 #paivitysteksti{ 
width: 73%; 
float: left; 
margin: 5px -10px 0px; 
padding-left: 35px; 
overflow: auto; 
height: 230px; 
}

 #linkkilista { 
float: right; 
margin-top: 5px; 
width: 21%; 
}





.hevoslistakuva {
border:0px solid #000000;  
padding:0px; 
text-align:center; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #424241;}



.hevoslista1 {
line-height:12pt;  

}





a.linkki { color: #f1e9de;  line-height: 38px; font-weight: bold; text-decoration: underline; font-size: 14px }
a.linkki:hover  { color: #ffffff; text-decoration: none; font-style: none;}



.jm-item {
	padding: 17px;
	display: inline-block;
	text-align: left;
}

.jm-item-wrapper {
	position: relative;
	padding: 2px;
	background: #564e46;
border-radius: 0px;
box-shadow: 0px 0px 10px #513214;
}

.jm-item-image {
	position: relative;
	overflow: hidden;
}

.jm-item-image img {
	display: block;
}

.jm-item-title {
	position: absolute;
	left: -10px;
	bottom: 17px;
	background: #FF6B0E;
    color: #FFFFFF;
    font-size: 1.4em;
	line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}

.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}

.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}



.second {
	overflow: hidden;
}

.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

.second .jm-item-wrapper:hover .jm-item-title {
	left: -100%;
}

.second .jm-item-description {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(0,0,0,0.6);
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
	transition: all 0.4s ease-in 0s;
}

.second .jm-item-wrapper:hover .jm-item-description {
	top: 0;
}