@import url('https://fonts.googleapis.com/css?family=Parisienne|Roboto:400,700|Comorant+Unicase');

body {background: url('tweed.png');margin: 0;padding: 0;text-align: justify;font-family: Roboto;font-size:13px;color:#252525;line-height:150%;}

header {width: 80%; max-width: 700px;padding-top: 15px; background: #1f1f1f; border-bottom-left-radius: 50%;-webkit-border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;-webkit-border-bottom-right-radius: 50%;height: 80px; text-align: center; font-family: Parisienne; color: #f9d29b; font-size: 40px; text-shadow: 0 0 2px #999999;line-height:60px;margin: 0 auto; margin-bottom:50px;}

nav {width: 80%;max-width: 1100px; background: #1f1f1f; height: 50px; line-height:50px;text-align: center;border-bottom: 2px solid #f9d29b;border-top: 2px solid #f9d29b;margin: 0 auto;}
nav ul {display:flex;flex-direction:row;justify-content:space-evenly;margin: 0 100px 0 100px; padding: 0;}
a.nav:link, a.nav:visited {margin-left: 30px; margin-right: 30px; font-family: Comorant Unicase; color: #f9d29b; font-size: 1.15em; letter-spacing: 2px; text-shadow: 0 0 3px #FFFFFF;text-decoration:none;}
a.nav:hover, a.nav:active {font-family: 'Comorant Unicase'; color: #ffffff; font-size: 1.15em; text-shadow: 0 0 3px #FFFFFF;}

section {width: 80%;max-width: 1100px;background:rgb(240, 240, 240);margin: 0 auto;padding: 20px 0 10px; }
	
footer {width:80%;max-width: 1100px;background: #1f1f1f;margin: 0 auto;height: 70px; padding-top:25px;font-family:Roboto;font-size: 12px;color:#999999;text-align: center;line-height:150%;border-top: 2px solid #f9d29b;}

.content {margin: 0 auto;width: 90%;}

h1{font-family:Parisienne;font-size:35px;color:#F1B467;font-weight:normal;margin-top:30px;margin-left:150px;text-shadow: 0 0 2px #b3b3b3;}
h2{font-family:Parisienne;font-size:25px;color:#333333;font-weight:normal;margin-top:30px;margin-right:160px;text-align:right;}
mer{font-family:'Comorant Unicase';font-size:18px;text-transform:uppercase; padding-left:20px;color:#333333;text-shadow: none;}

a:link, a:visited {color:#e09d4b;text-decoration:none;}
a:active, a:hover {color:#8f8f8f;}

ul {list-style:none;}

.ak{font-family:Parisienne;font-size:25px;color:#F1B467;font-weight:normal;margin-top:0px;margin-left:150px;text-shadow: 0 0 1px #8f8f8f;}

.indexpic {margin-left: 50px;padding: 3px;width: 28%;box-shadow: 0 0 3px #F1B467;border-radius: 5px;float:right;background-color: #ffffff;border: 1px solid #F1B467;}


/* HEVOSLISTAUKSEN TYYLIT */

.listing-container {margin: 0 auto;width:100%;justify-content:space-evenly;font-family:Roboto;font-size: 12px;text-align:left;}
.plisting ul { display: flex;flex-wrap: wrap;justify-content:space-evenly;margin: 0 auto;padding-left: 0;border-top:1px solid #F1B467;}
.plisting li {flex-basis: calc(33% - 50px);padding-top: 10px; padding-bottom: 10px;margin: 0 auto;display:flex;flex-grow: 1;flex-wrap:nowrap; align-items:center; justify-content:flex-start;}
a.listing:link, a.listing:visited {font-family: Roboto; font-size: 13px; color: #3a7205;}
a.listing:active, a.listing:hover {font-family: Roboto; font-size: 13px; color: #F1B467;}
.listateksti {padding-left: 3px;}
.ponypicture {padding: 2px;margin-right: 10px;margin-left:0;float:left;width: 110px;box-shadow: 0 0 3px #F1B467;-webkit-border-radius: 50%;border-radius: 50%;background-color: #ffffff;border: 1px solid #F1B467; }

.foals {line-height:30px;width:100%;border-spacing: 0;background: #e4e9df;color:#555555;border-top:2px solid #f9d29b;border-bottom:2px solid #f9d29b;}
.foal {padding:5px 20px;border-bottom:1px solid #afcc96;}
a.fo:link, a.fo:visited {color: #3a7205;}
a.fo:active, a.fo:hover {color: #F1B467;text-shadow: 0px 0px 3px #181818;}

.pony {margin: 0 auto;width:100%;display:flex;justify-content:space-around;border-top:1px solid #F1B467;border-bottom:1px solid #F1B467;padding: 20px 0;}
.pony-image {width:50%;padding: 0px;display:flex;justify-content:center;flex-direction:column;}
.pony-info {font-size: 14px;padding-right:100px;display:flex;justify-content:center;flex-direction:column;}
.ppic {padding: 3px;width: 90%;box-shadow: 0 0 3px #f9d29b;float:right;border: 3px solid #F1B467;box-shadow: 0 0 3px #999;}

#family {line-height:30px;padding:30px 10px 30px 10px;color:#333333;background: url('http://unirosmo.net/sonya/sycamore/kuvat/tweed2.png');width:100%;border-spacing: 0;border-top:2px solid #f9d29b;border-bottom:2px solid #f9d29b;}
.td4 {width:30%;padding:5px 40px;font-size: 14px;}
.td5l {width:40%;padding:5px 50px;font-size: 13px;border-bottom:1px solid #6e924e;}
.td5 {width:40%;padding:5px 50px;font-size: 13px;}
.td6l {width:25%;padding:5px 20px;font-size: 12px;border-bottom:1px solid #6e924e;}
.td6 {width:25%;padding:5px 20px;font-size: 12px;}
a.fam:link, a.fam:visited {color: #3a7205;text-shadow: 0px 0px 3px #fff;}
a.fam:active, a.fam:hover {color: #F1B467;text-shadow: 0px 0px 2px #181818;}

.ponyfoal {width:100%;}
.ponyfoal ul li:before {content: "\2665";font-size:10px;color:#ce7272;padding-right:5px;padding-left:30px;}

.porrastettu {width:80%; margin: auto;display:flex;justify-content:center;}
.porrastettu ul {columns:2;-webkit-columns:2;}

.gallery {margin: 0 auto;width:100%;display:flex;justify-content:space-around;}
.gallery ul {columns:2;-webkit-columns:2;}
.gpic{padding: 3px;width:90%;box-shadow: 0 0 3px #f9d29b;border: 3px solid #F1B467;box-shadow: 0 0 3px #999;}
.gpic2{padding: 3px;height:230px;box-shadow: 0 0 3px #f9d29b;border: 3px solid #F1B467;box-shadow: 0 0 3px #999;}