/*
Theme Name: Jarkko2011
Theme URI: http://pokis.net/
Description: JarkkoHonkanen.com
Version: 3.0
Author: Jukka Peltoperä
Author URI: http://pokis.net/
Tags: jarkko, honkanen
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body {
  // background: #51331f url("images/body-bg.jpg");
  // background: linear-gradient(#114F76, #AAB6B6);
  background: linear-gradient(#2d1c0f, #272524);
  font-family: Verdana;
}

div#container {
  background: #ffffff;
  box-shadow: 0 0 20px 0px #000;
  margin: 0 auto;
  width: 800px;
}
div#header {
  // background: #51331f url("images/header-bg.jpg");
  background: #51331f url("http://www.jarkkohonkanen.com/wp-content/tiedostot/Header-2018.jpg");
  background-size:contain;
  height: 400px;
}
div#flashPlayer {
  // border: 10px solid #392212;
  // float: right;
  float: left;
  margin: 15px;
}
div#navi {
  // padding-left: 255px;
  padding-left: 25px;
  position: absolute;
  // top: 235px;
  top: 360px;
}
div#navi a:link, div#navi a:visited {
  color: #ffecbc;
  font-family: 'Carme', sans-serif;
  // font-size: 16px;
  font-size: 20px;
  letter-spacing: -1px;
  // margin-left: 8px;
  margin-left: 12px;
  text-decoration: none;
}
div#navi a:hover {
  text-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  color: #ffffff;
}
div#maincontainer {
  background: #fff;
  padding-top: 20px;
  width: 800px;
}
div#sidebar {
  background: #ffffff url("images/sidebar-bg.png") top right no-repeat;
  float: left;
  line-height: 1.5em;
  padding: 50px 15px 10px 25px;
  width: 220px;
}
#sidebar div, #sidebar ul {
  font-size: 14px;
  margin-bottom: 1em;
  margin-top: 1em;
  max-width: 190px;
}
#sidebar #facebook { margin-bottom: 0.5em; margin-top: 2em; }
#sidebar h2 {
  color: #886e2d;
  font-family: 'Marvel', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 2em;
}
#sidebar a:link {
  color: #006699 !important;
  text-decoration: none;
}
#sidebar a:hover {
  color: #003366 !important;
  text-decoration: underline;
}
div#main {
  background: #ffffff;
  color: #333333;
  float: right;
  font-size: 16px;
  padding: 10px;
  width: 520px;
}

#main div, #main p, #main ul, #main ol, #main blockquote, #main table {
  line-height: 1.6em;
  margin-bottom: 1em;
}
#main a:link, #main a:visited, #sidebar a:link {
  color: #3eba12;
}
#main a:hover, #sidebar a:visited {
  color: #0099FF;
}
#main h1 {
  clear: both;
  color: #886e2d;
  font-family: 'Marvel', sans-serif;
  font-size: 34px;
  font-weight: 700;
  // margin-bottom: 0.2em;
  line-height: 2em;
}
#main h2 {
  clear: both;
  color: #886e2d;
  font-family: 'Marvel', sans-serif;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 0.5em;
  // line-height: 2em;
}
#main strong a, #main a strong { font-weight: normal; }

.metatiedot {
  background: #e4e4e4;
  border-bottom: 1px solid #c8c8c8;
  border-top: 1px solid #c8c8c8;
  clear: both;
  font-size: 14px;
  padding: 5px;
}

.pikkukuva {
  float: right;
  margin: 10px;
}

input, textarea { padding: 5px; }

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

#footer img { margin: 7px 13px; opacity: 0.6; vertical-align: middle; width: 150px; }
#footer img:hover { opacity: 1; }

#oktaavi, #lapinkansa, #hartwall, #musiikkimestarit, #laanihovi, #kaiverruskallio, #mestarinkievari, #pukimoedward, #santashaircenter { display: block; float: left; margin-left: 11px; }

#oktaavi { background: #fff url("images/footer-oktaavi.gif") no-repeat; background-position: 0px -36px; width: 144px; height: 36px; }
#oktaavi:hover { background-position: 0px 0px; }
#lapinkansa { background: #fff url("images/footer-lapinkansa.gif") no-repeat; background-position: 0px -36px; width: 111px; height: 36px; }
#lapinkansa:hover { background-position: 0px 0px; }
#hartwall { background: #fff url("images/footer-hartwall.gif") no-repeat; background-position: 0px -36px; width: 140px; height: 36px; }
#hartwall:hover { background-position: 0px 0px; }
#musiikkimestarit { background: #fff url("images/footer-musiikkimestarit.gif") no-repeat; background-position: 0px -36px; width: 74px; height: 36px;  }
#musiikkimestarit:hover { background-position: 0px 0px; }
#laanihovi { background: #fff url("images/footer-hotellilaanihovi.gif") no-repeat; background-position: 0px -36px; width: 147px; height: 36px; }
#laanihovi:hover { background-position: 0px 0px; }
#kaiverruskallio { background: #fff url("images/footer-kaiverruskallio.gif") no-repeat; background-position: 0px -36px; width: 75px; height: 36px;  }
#kaiverruskallio:hover { background-position: 0px 0px; }
#santashaircenter { background: #fff url("images/footer-santas-hair-center.gif") no-repeat; background-position: 0px -36px; width: 148px; height: 36px;  }
#santashaircenter:hover { background-position: 0px 0px; }
#mestarinkievari { background: #fff url("images/footer-mestarin-kievari.gif") no-repeat; background-position: 0px -36px; width: 87px; height: 60px;  }
#mestarinkievari:hover { background-position: 0px 0px; }
#pukimoedward { background: #fff url("images/footer-pukimo-edward.gif") no-repeat; background-position: 0px -36px; width: 117px; height: 36px;  }
#pukimoedward:hover { background-position: 0px 0px; }

#prev { float: left; }
#next { float: right; }

.kumppanitaulu td { padding: 10px; text-align: center; width: 50%; }
.kumppanitaulu td img { width: 210px; }