/* taustakuvat Martilla ja ilman */

body {
  background-image: url(../images/backgrounds/Siren-opetuspohja-muut.jpg), url(../images/backgrounds/Siren-opetuspohja-base.jpg);
  background-repeat: no-repeat, repeat;
}

body.menu-home {
  background-image: url(../images/backgrounds/Siren-opetuspohja-etusivu.jpg), url(../images/backgrounds/Siren-opetuspohja-base.jpg);
  background-repeat: no-repeat, repeat; 
}


/* tekstimoduulien asettelua ja tyylittelyä */

.menu-home #rt-showcase .custom {
  margin-right: 80px;
  margin-left: 20px;
  text-align: right;
}

/* blogin muotoilua */

ul.latestnews {
  list-style: none;
  margin: 0 0 20px;
}

/* keskeltä jaettujen tekstien perusmuotoilut */

#rt-mainbody .puolitettu table {
  width: 80%;
  margin: auto;
}
#rt-mainbody .puolitettu table h3 a {
  color: #111; 
}
#rt-mainbody .puolitettu table td {
  width: 50%;
  padding: 10px 25px;
}

#rt-mainbody .puolitettu table td:nth-child(2n+1) {
  text-align: right;
}
#rt-mainbody .puolitettu table td:nth-child(2n) {
  text-align: left;
}
#rt-mainbody .puolitettu table td img{
  border-color: #888;
  border-radius: 4px;
  border-style: solid;
  border-width: 3px;
  max-width: 90%;
}
/* moduuleissa olevien kuvien koristelua */

#rt-showcase .custom img {
  border-color: #888;
  border-radius: 4px;
  border-style: solid;
  border-width: 3px;
  margin: 50px;
}

/* valikon ulkonäköä */

.menu-block {
  margin: 20px 0 40px 410px;

}
.gf-menu.l1 > li > .item, .btn-oma a{
  font-family: georgia, serif;
  font-size: 15px;
  line-height: 22px;
  padding: 0 15px;
  vertical-align: middle;
  font-weight: bold;

}
.gf-menu.l1 > li {
  height:48px;
}

/* painikkeen muotoilu, huomaa osa asetuksista kopioituu valikoista */

.btn-oma a {
  height: 40px;
  padding: 15px;
  cursor: pointer;
  color: #000;
  border: 2px solid #000;
  border-radius: 5px;
  transition: none;
}

.btn-oma a:hover {
  color: #3bdbbe;
  border: 2px solid #1c6656;
  background-color: #1c6656;
}

.btn-oma {
  margin-top: 4em;
  margin-bottom: 2em;
}

/* baron neue fontin käyttöönotto */

@font-face {
    font-family: 'baron_neue';
    src: url('../fonts/baron_neue-webfont.eot');
    src: url('../fonts/baron_neue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/baron_neue-webfont.woff2') format('woff2'),
         url('../fonts/baron_neue-webfont.woff') format('woff'),
         url('../fonts/baron_neue-webfont.ttf') format('truetype'),
         url('../fonts/baron_neue-webfont.svg#baron_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-family-hadron .title, .font-family-hadron .blog-featured h1, .font-family-hadron .button, .font-family-hadron .readon, .font-family-hadron button.validate, .font-family-hadron .pagenav li a, .font-family-hadron #member-profile a, .font-family-hadron #member-registration a, .font-family-hadron .formelm-buttons button, .font-family-hadron .controls .btn, .font-family-hadron .logout-button .btn {
  font-family: "baron_neue",Verdana,Helvetica,Arial,sans-serif !important;
}
.font-family-hadron h1, .font-family-hadron h2, .font-family-hadron h3, .font-family-hadron h4, .font-family-hadron h5, .font-family-hadron h6, .font-family-hadron .gf-menu .item, .font-family-hadron ul.menu {
  font-family: "baron_neue",Verdana,Helvetica,Arial,sans-serif !important;
  font-weight: normal;
  margin-bottom: 2em;
}