/* helper functions for cross browser use*/
/* Fonts */
@font-face {
  /* This declaration targets Internet Explorer */
  font-family: 'ClarendonFSMedium';
  src: url("/tiedostot/fonts/Clarendon-Medium-webfont.eot"); }

@font-face {
  /* This declaration targets everything else */
  font-family: 'ClarendonFSMedium';
  src: local("ClarendonFSMedium"), url("/tiedostot/fonts/Clarendon-Medium-webfont.woff") format("woff"), url("/tiedostot/fonts/Clarendon-Medium-webfont.ttf") format("truetype"), url("/tiedostot/fonts/Clarendon-Medium-webfont.svg#webfontXqIDF9Di") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  /* This declaration targets Internet Explorer */
  font-family: 'ClarendonFSBold';
  src: url("/tiedostot/fonts/Clarendon-Bold-webfont.eot"); }

@font-face {
  /* This declaration targets everything else */
  font-family: 'ClarendonFSBold';
  src: local("ClarendonFSBold"), url("/tiedostot/fonts/Clarendon-Bold-webfont.woff") format("woff"), url("/tiedostot/fonts/Clarendon-Bold-webfont.ttf") format("truetype"), url("/tiedostot/fonts/Clarendon-Bold-webfont.svg#webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Default look for all pages */
body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  background: black repeat-x url(/tiedostot/img2011/gradient_outer.png);
  padding: 0px;
  margin: 0px; }

ol, ul {
  margin-right: 40px; }

li {
  margin-bottom: 8px; }

img {
  border: 0px;
  padding: 0px;
  margin: 0px; }

form {
  margin: 0px;
  padding: 0px; }

.form-header {
  margin-top: 4px; }

table {
  cellpadding: 0px;
  cellspacing: 0px; }

td {
  padding: 0px; }

div {
  position: relative; }

hr {
  color: gray;
  background-color: gray;
  height: 1px;
  border: none; }

select, input, button {
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Links */
a {
  color: #1b1c20;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.link {
  color: #1b1c20; }

.input {
  border: 1px solid #666666;
  background: #f2f2f2; }

.input-fixed {
  border: 1px solid #666666;
  background: #f2f2f2;
  width: 100%; }

.input-textarea {
  font-family: monospace, fixed;
  width: 100%; }

h1, h2 {
  position: relative;
  margin: 0px;
  padding-top: 9px;
  padding-bottom: 6px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'ClarendonFSMedium', sans-serif;
  font-size-adjust: 0.49;
  font-size: 25px;
  color: white; }

h2 {
  background: white;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  font-size: 18px;
  text-transform: none; }
  h2 a {
    font-size: 18px;
    text-transform: none; }

h2.red {
  background: #006496;
  padding-top: 0px;
  padding-bottom: 4.25px; }

h3, h4 {
  margin: 0px;
  margin-bottom: 10px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'ClarendonFSMedium', sans-serif;
  font-size-adjust: 0.49;
  font-size: 25px;
  line-height: 110%;
  color: #1b1c20; }
  h3 a, h4 a {
    color: #1b1c20; }

h4 {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'ClarendonFSBold', sans-serif;
  font-size-adjust: 0.49;
  font-size: 30px; }

h5 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 10px; }

h6 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; }

#body-top-gradient {
  background: #e33f22;
  width: 100%;
  border-bottom: 1px solid #d55e4c;
  background: #e54022;
  /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left 100%, from(#a62e18), to(#e54022));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #a62e18, #e54022 100%);
  /* for firefox 3.6+ */
  background: linear-gradient(#cccccc, #eeeeee 100%);
  /*future CSS3 browsers*/
  -pie-background: linear-gradient(#a62e18, #e54022 100%);
  /*PIE*/
  behavior: url(/css/pie.htc);
  /* IE, should work for all */ }

#body-container {
  background: black repeat-x url(/tiedostot/img2011/gradient_outer.png);
  margin-left: auto;
  margin-right: auto;
  min-height: 1000px;
  _height: 1000px;
  padding: 0;
  text-align: left;
  width: 1024px;
  /* banner version, see page_template*/
  position: relative; }

#page-container {
  width: 800px;
  padding: 0px 20px 0px 20px; }

.tavastia-box-menu {
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  -khtml-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  behavior: url(/css/pie.htc);
  background: #ed3822;
  padding: 10px 10px 10px 20px;
  margin: 10px 0px 323px 62px; }
  .tavastia-box-menu h3, .tavastia-box-menu h4 {
    margin: 0px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'ClarendonFSBold', sans-serif;
    font-size-adjust: 0.49;
    font-size: 22px;
    color: white; }
    .tavastia-box-menu h3 a, .tavastia-box-menu h4 a {
      color: white; }

.tavastia-white-box {
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  -khtml-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  behavior: url(/css/pie.htc);
  background: white;
  padding: 20px; }
  .tavastia-white-box h1, .tavastia-white-box h2 {
    color: #1b1c20; }

.tavastia-buy-button, .tavastia-buy-button-gray, .tavastia-buy-button-red, .tavastia-info-button {
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  behavior: url(/css/pie.htc);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 2px 0px 0px 0px;
  width: 88px;
  height: 19px;
  text-align: center;
  cursor: default;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  line-height: 15px; }

.tavastia-buy-button a, .tavastia-buy-button-gray a, .tavastia-buy-button-red a, .tavastia-info-button a {
  text-decoration: none;
  cursor: default; }

.tavastia-buy-button-gray {
  color: black;
  background: #e0e0e0; }

.tavastia-buy-button-gray:hover {
  background: #ededed; }

.tavastia-buy-button-red {
  background: #ed3822;
  color: white; }

.tavastia-buy-button-red a {
  color: white; }

.tavastia-buy-button-red:hover {
  background: #ef4d3a; }

.tavastia-info-button {
  width: 40px;
  background: white;
  color: #1b1c20;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  line-height: 15px; }
  .tavastia-info-button > div {
    position: absolute;
    background: url(/img/info.png);
    width: 153px;
    height: 65px;
    margin-top: -67px;
    margin-left: -50px; }
  .tavastia-info-button div div {
    padding: 10px; }

.tavastia-info-button-ie7 {
  width: 40px;
  height: 16px;
  text-align: center;
  font-size: 0.8em;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  line-height: 15px;
  padding-top: 4px;
  background: white;
  background: url(/img/btn_info.png);
  color: #1b1c20;
  cursor: default; }
  .tavastia-info-button-ie7 > div {
    position: absolute;
    background: url(/img/info.png);
    width: 153px;
    height: 65px;
    margin-top: -67px;
    margin-left: -50px; }
  .tavastia-info-button-ie7 div div {
    padding: 10px; }

.tavastia-info-balloon-ie7 {
  position: absolute;
  background: url(/img/info.png);
  width: 153px;
  height: 65px;
  margin-top: -67px;
  margin-left: -50px;
  color: #1b1c20;
  text-align: center;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  line-height: 15px; }
  .tavastia-info-balloon-ie7 div {
    padding: 10px; }

.event-listing-td {
  color: #d1d1d1;
  letter-spacing: 1px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  line-height: 15px; }

.event-listing-a {
  color: #d1d1d1; }

.event-listing-dark {
  color: white;
  background: black; }

.event-listing-light {
  color: white;
  background: #3e3d40;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  behavior: url(/css/pie.htc); }

#tavastia-footer {
  margin-top: 20px;
  margin-bottom: 35px;
  margin-left: 3px;
  padding-top: 10px;
  width: 1047px;
  border-top: 2px solid white;
  color: #dddddd;
  font-size: 11px; }
  #tavastia-footer a {
    color: #dddddd; }

#tavastia-frontpage-event-box {
  /*  > means only for first H3 */
  margin-top: 15px;
  margin-bottom: 15px; }
  #tavastia-frontpage-event-box > h3, #tavastia-frontpage-event-box > h4 {
    color: white;
    padding-left: 28px; }

.show-all-text {
  font-size: 12px;
  line-height: 16px; }

.show-all-text a {
  color: #006496;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 10px; }

a.show-more {
  letter-spacing: 1px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  color: #ed3822;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold; }

.tavastia-event-list {
  width: 575px;
  padding-right: 20px; }

.page-navi a, .page-navi a:link, .page-navi a:visited, .page-navi a:active {
  background: #ed3822;
  border: 1px solid #f05643;
  color: #ffffff;
  margin: 0px 2px;
  padding: 1px 3px;
  text-decoration: none;
  line-height: 180%;
  font-size: 10px; }

.page-navi span {
  color: #ffffff;
  border: 1px solid #e5272e;
  background: #cf1920;
  margin: 0px 4px;
  padding: 0px 3px 1px 3px; }

.tavastia-event-page-date {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'ClarendonFSMedium', sans-serif;
  font-size-adjust: 0.49;
  font-size: 25px;
  color: #ed3822;
  margin-bottom: 20px; }

.tavastia-event-page-title {
  margin-bottom: 5px;
  color: white; }

.tavastia-event-page-title a {
  color: #eeeeee; }

.tavastia-event-page-info {
  color: #9c9e9f;
  font-weight: bold;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 20px; }

.tavastia-news-page-date {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'ClarendonFSMedium', sans-serif;
  font-size-adjust: 0.49;
  font-size: 18px;
  color: #ed3822;
  margin-bottom: 20px; }

.tavastia-news-page-title {
  margin-bottom: 5px;
  color: white; }

.tavastia-event-page-title a {
  color: #eeeeee; }

.rounded {
  border: 0px solid red;
  cursor: default;
  margin: 0 0 0 0px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  width: 90px; }

p.rounded {
  background: transparent url(/img/btn_right-red.png) no-repeat scroll right top;
  clear: left;
  font-size: 11px;
  padding: 0 0 0 0px; }

p.rounded span {
  border: 0px solid green;
  display: block;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
  white-space: nowrap;
  height: 20px;
  width: 57px; }

p.rounded span.rounded-span {
  background: transparent url(/img/btn_left-red.png) no-repeat scroll left top;
  padding-left: 12px; }
  p.rounded span.rounded-span a {
    cursor: default; }

p.rounded:hover {
  background-position: 100% -20px; }

p.rounded:hover span {
  background-position: 0% -20px; }

p::-moz-focus-inner {
  border: none; }

.rounded-gray {
  border: 0px solid red;
  cursor: pointer;
  margin: 0 0 0 0px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
  font-size: 11px;
  width: 90px; }

p.rounded-gray {
  background: transparent url(/img/btn_right-gray.png) no-repeat scroll right top;
  clear: left;
  font-size: 11px;
  padding: 0 0 0 0px; }

p.rounded-gray span {
  border: 0px solid green;
  display: block;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
  white-space: nowrap;
  height: 20px;
  width: 57px;
  line-height: 20px; }

p.rounded-gray span.rounded-gray-span {
  background: transparent url(/img/btn_left-gray.png) no-repeat scroll left top;
  color: #FFFFFF;
  padding-left: 12px; }
  p.rounded-gray span.rounded-gray-span a {
    cursor: default; }

p.rounded-gray:hover {
  background-position: 100% -20px; }

p.rounded-gray:hover span {
  background-position: 0% -20px; }

.tavastia-mailinglist-input {
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  behavior: url(/css/pie.htc);
  border: 1px solid #1b1c20;
  padding: 4px;
  width: 98%;
  background: #fafafa; }

.tavastia-mailinglist-input-ie8 {
  border: 1px solid #1b1c20;
  padding: 1px;
  width: 98%;
  background: #fafafa; }

.tavastia-mailinglist-message {
  color: #cf1920;
  font-weight: bold; }

.tavastia-mailinglist-message-box {
  border: 1px solid #cf1920;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  -khtml-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  behavior: url(/css/pie.htc);
  padding: 10px;
  margin-top: 25px;
  margin-bottom: 15px;
  font-weight: bold; }

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0; }

#lightbox img {
  width: auto;
  height: auto; }

#lightbox a img {
  border: none; }

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto; }

#imageContainer {
  padding: 10px; }

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

#imageContainer > #hoverNav {
  left: 0; }

#hoverNav a {
  outline: none; }

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA);
  /* Trick IE into showing hover */
  display: block; }

#prevLink {
  left: 0;
  float: left; }

#nextLink {
  right: 0;
  float: right; }

#prevLink:hover, #prevLink:visited:hover {
  background: url(/img/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover {
  background: url(/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%; }

#imageData {
  padding: 0 10px;
  color: #666; }

#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left; }

#imageData #caption {
  font-weight: bold; }

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em; }

#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none; }

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000; }