@import 'https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Neucha';

/* perusjutut */

BODY{
	font-family:'Karla', sans-serif;
	color:#5e5e5e;
	font-size:15px;
	font-weight:400;
	line-height:1.6;
	background-image:url(/img/theme/bg-harmaa.jpg);
	background-color:#d1cec7;
	padding:0;
	margin:0;
}

TD, P, PRE{
	font-family:'Karla', sans-serif;
	color:#5e5e5e;
	font-size:15px;
	font-weight:400;
	line-height:1.6;
}

A:link{
	color: 5f6646; 
	text-decoration:none; 
	font-weight:700;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

A:visited{
	color: 5f6646; 
	text-decoration:none;
}

A:hover {
	color: 5f6646; 
	text-decoration:underline;
}

::selection {
	background: #5f6646;
	color:#ffffff;
}
::-moz-selection {
	background: #5f6646;
	color:#ffffff;
}

hr {
	border: 1px solid #d3d1cb;
	border-style: none none solid; 
	margin-top:30px;
	margin-bottom:30px;
}



/* divit */

#content-outer {
	width:1156px;
	margin: 0 auto;
	text-align:center;
	background-image:url(/img/theme/bg-reunat.png);
}

#content-inner {
	width:1050px;
	margin: 0 auto;
}

#content-mini {
	width:860px;
	margin: 50px auto;
}

#header {
	width:1050px;
	height:300px;
	text-align:center;
	background-image:url(/img/theme/bg-header.jpg);
	background-color:#393d27;
}

#header > h1 {
	padding-left:80px;
	padding-top: 80px;
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:91px;
	color:#3f442c;
	text-align:left;
}

#header-mini {
	width:900px;
	text-align:center;
}

#header-mini > h1 {
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:60px;
	margin-bottom:-30px;
	color:#3f442c;
	text-align:center;
}

#body {
	width:1050px;
	display:table;
	table-layout: fixed;
}

#text-area {
	width:697px;
	padding:40px;
	text-align:justify;
	background-image:url(/img/theme/bg-tahra.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:table-cell;
	table-layout: fixed;
}

#text-area-mini {
	width:860px;
	padding:40px;
	text-align:justify;
	border:1px solid #bcb8b4;
	background-color: rgba(255, 255, 255, 0.1);
	background-image:url(/img/theme/bg-tahra.png);
	background-position: left top;
	background-repeat:no-repeat;
	display:table-cell;
	table-layout: fixed;
}
	
#korostus {
	width:697px;
	margin-left:-40px;
	margin-bottom:40px;
	margin-top:40px;
	padding:25px 40px;
	text-align:justify;
	border-top:1px solid #bcb8b4;
	border-bottom:1px solid #bcb8b4;
	background-color: rgba(255, 255, 255, 0.1);
	display:table;
	vertical-align: middle;
}

#korostus-mini {
	width:780px;
	margin-left:-40px;
	margin-right:-40px;
	margin-bottom:40px;
	margin-top:40px;
	padding:25px 40px;
	text-align:justify;
	border-top:1px solid #bcb8b4;
	border-bottom:1px solid #bcb8b4;
	background-color: rgba(255, 255, 255, 0.1);
	display:table;
	vertical-align: middle;
}

#sisennys p {
	padding-left:40px;
	font-size: 14px;
}

#tietolaatikko-mini {
	width:780px;
	margin-left:-40px;
	margin-right:-40px;
	margin-bottom:40px;
	padding:25px 40px;
	text-align:left;
	border-top:1px solid #bcb8b4;
	border-bottom:1px solid #bcb8b4;
	background-color: rgba(255, 255, 255, 0.1);
	display:table;
	vertical-align: middle;
}

#tietolaatikko-mini img {
	float:right;
	margin-top:-100px;
	margin-bottom:-60px;
}

#tietolaatikko-mini p {
	font-size:18px;
}

#tietolaatikko-mini p span {
	font-size:13px;
	color:#7c7c7c;
}

#sidebar {
	width:213px;
	display:table-cell;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
	table-layout: fixed;
}

#sidebar p {
	font-size:13px;
}

#footer {
	width:1050px;
	margin: 0 auto;
	padding: 20 0;
	text-align:center;
	background-color:#c9c5bd;
}

#footer-mini {
	width:777px;
	margin: 0 auto;
	padding: 20 0;
	text-align:center;
}

#ilmoitustaulu {
	width:288px;
	padding:15px;
	margin-top:25px;
	text-align:justify;
	border:1px solid #bcb8b4;
	background-color: rgba(255, 255, 255, 0.1);
}

#ilmoitustaulu p {
	font-size:13px;
}


/* valikko */

#menu {
	padding-top: -20px;
	margin-bottom:60px;
}

#menu p > A.mainlinks {
	font-size:25px;
	font-weight:400;
	font-family:'Neucha', cursive;
	color:#3c3c3c;
}

#menu p > A.mainlinks:hover {
	text-decoration:none;
	color:#7c806c;
}

#menu p > A.sublinks {
	font-size:14px;
	font-weight:700;
	font-family:'Karla', sans-serif;
	color:#3c3c3c;
}

#menu p > A.sublinks:hover {
	text-decoration:none;
	color:#7c806c;
}



/* otsikot */

h1 {
	padding-top:0;
	margin-top:0;
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:36px;
	color:#3f442c;
	text-align:left;
}

h2 {
	padding-top:0;
	margin-top:0;
	margin-bottom:-10px;
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:31px;
	color:#3f442c;
	text-align:left;
}

h2.centered {
	padding-top:0;
	margin-top:0;
	margin-bottom:-10px;
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:31px;
	color:#3f442c;
	text-align:center;
}

h3 {
	margin-top:15px;
	font-weight:700;
	font-family:'Karla', sans-serif;
	font-size:15px;
	color:#ffffff;
	letter-spacing:1px;
	text-align:left;
}

h3 span {
	padding:5 10;
	background-color:#3f442c;
}

h4 {
	padding:0;
	margin:0;
	font-weight:700;
	font-family:'Karla', sans-serif;
	font-size:17px;
	color:#3f442c;
	letter-spacing:1px;
	text-align:left;
}

h4 span {
	font-weight:400;
	font-family:'Karla', sans-serif;
	font-size:14px;
	letter-spacing:0;
	color:#5e5e5e;
}

.alaotsikko {
	display:block;
	text-align:center;
	font-weight:400;
	font-family:'Karla', sans-serif;
	font-size:16px;
	letter-spacing:1;
	color:#5e5e5e;
	padding-bottom:30px;
}


/* kuvat */

img.align-left {
	float:left;
	margin-right:30px;
}

img.kuvat {
	border:1px solid #bcb8b4;
	border-radius: 5px;
}

#kuvagalleriat {
	text-align:center;
}

#kuvagalleriat img.galleriakuvat {
	border:1px solid #bcb8b4;
	border-radius: 5px;
	margin: 3px 0;
}


/* hevoslistaus */

.hevoslistalinkit {
	padding:5 10;
	background-color:#3f442c;
}

.hevoslistalinkit:hover {
	padding:5 10;
	background-color:#7c806c;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

.hevoslistalinkit > a {
	margin-top:15px;
	font-weight:700;
	font-family:'Karla', sans-serif;
	font-size:15px;
	color:#ffffff;
	letter-spacing:1px;
	text-align:left;
	text-decoration:none;
}

/* hevosten sivut */

#hevosentiedot {
	width:697px;
	height:170px;
	margin-left:-40px;
	margin-bottom:40px;
	padding:25px 40px;
	text-align:left;
	border-top:1px solid #bcb8b4;
	border-bottom:1px solid #bcb8b4;
	background-color: rgba(255, 255, 255, 0.1);
	display:table;
	vertical-align: middle;
}

#hevosentiedot img {
	float:right;
	margin-top:-100px;
	margin-bottom:-60px;
}

#hevosentiedot p {
	font-size:18px;
}

#hevosentiedot p span {
	font-size:13px;
	color:#7c7c7c;
}

.sukutaulu {
	width:697px;
}

.sukutaulu td {
	padding: 11px 0px;
	text-indent: 20px; 
	color:#222222;
	font-size:16px;
}

.sukutaulu span { 
	display: block; 
	color:#5e5e5e;
	font-size:13px;
}

.sukutaulu span.koriste { 
	font-family:'Neucha', cursive;
	color:#222222;
	font-size:40px;
}

.first {
	text-align:center;
}

.third {
	color:#222222;
	font-size:14px;
}


/* Tab Content - menucool.com */
ul.tabs{
	padding:20px 0 0 0;
	margin:0 0 -15px 0;
	font-size:0;
	list-style-type:none;
	text-align:center;
}

ul.tabs li{
	display:inline-block;
    margin:0 10px;
	padding:5px 10px;
    text-align:center;
}

ul.tabs li a{
	font-size:15px;
	font-weight:700;
	padding:5px 10px;
	font-family:'Karla', sans-serif;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	background-color:#3f442c;
}

ul.tabs li a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#5f6646;
}

ul.tabs li.selected a{
	color:#ffffff;
	background-color:#5f6646;
}

ul.tabs li.selected a:hover, ul.tabs li.selected a:hover{
    text-decoration: none;
}

div.tabcontents{
  	
}


/* taulukot */

#nayttelyt table {
	border-collapse: collapse;
	width: 100%;
}

#nayttelyt td {
	text-align: left;
	padding: 3px;
}

#nayttelyt td:first-child {
	text-align: center;
	vertical-align:top;
	padding-right: 15px;
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:23px;
	color:#5f6646;
	line-height:1.0;
}

#nayttelyt td.kommentti {
	font-size:12px;
	padding:3px 0 15px 0;
	font-family:'Karla', sans-serif;
	color:#5e5e5e;
	text-align:left;
	line-height:1.6;
}

#nayttelyt td span {
	font-size:11px;
	font-weight:700;
	padding:3px;
	font-family:'Karla', sans-serif;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	background-color:#5f6646;
}



#tapahtumat table {
	border-collapse: collapse;
	width: 100%;
}

#tapahtumat td {
	text-align: left;
	padding: 3px;
}

#tapahtumat td:first-child {
	text-align: center;
	vertical-align:top;
	padding-right: 15px;
	font-weight:400;
	font-family:'Neucha', cursive;
	font-size:23px;
	color:#5f6646;
	line-height:1.0;
}

#tapahtumat td.kommentti {
	font-size:12px;
	padding:3px 0 15px 0;
	font-family:'Karla', sans-serif;
	color:#5e5e5e;
	text-align:left;
	line-height:1.6;
}

#tapahtumat td.palkinto {
	vertical-align:top;
	padding-left:25px;
}

#tapahtumat td.palkinto img {
	max-width:80px;
	max-height:80px;
}

#tapahtumat td span {
	font-size:11px;
	font-weight:700;
	padding:3px;
	font-family:'Karla', sans-serif;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	background-color:#5f6646;
}

#tapahtumat td span.tulosinfo {
	font-size:13px;
	color:#7c7c7c;
	background: rgba(0,0,0,0.0);
	font-weight:400;
	padding-left:10px;
}



#peruskisat table {
	border-collapse: collapse;
	width: 100%;
}

#peruskisat td {
	text-align: left;
	padding: 5px 3px;
}

#peruskisat td span {
	font-size:11px;
	font-weight:700;
	padding:3px;
	font-family:'Karla', sans-serif;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	background-color:#5f6646;
}

#palkintokollaasi {
	text-align:center;
	padding-top:20px;
}

#palkintokollaasi img {
	padding:6px;
	max-height:80px;
}