/*   

	Theme Name: Saimaa Adventures
	Theme URI: 
	Description: Custom theme for saimaa-adventures.fi
	Author: Kari Pätilä
	Version: 0.1

*/


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html {
  background:url(images/main_menu.png) 0 0 repeat-x;
}

body {
  background:url(images/bgwinterforest2.jpg) center 420px no-repeat;
  background-size: cover;
  font:normal 14px/21px helvetica, arial, sans-serif;
  margin:0;
  padding:0;
  color:#f8f8f8;
  text-shadow:1px 1px #333;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* colors */

::selection {
	background: #ffb7b7;
}

::-moz-selection {
	background: #ffb7b7;
}

/* typography */

strong {
  font-weight:bold;
}

p {
  margin-bottom:1.5em;
  line-height:1.5em;
  -webkit-column-break-inside: avoid;
}

.intro {
  font-weight:normal;
  font-size:22px;
  font-family: helvetica, arial, sans-serif;
  width:700px;
	margin:20px auto;
	text-align:center;
}

h1 {
  text-transform:uppercase;
  font: bold 26px/1.5em helvetica, arial, sans-serif;
  margin-bottom:20px;
  margin-top:8px;
}

h2 {
  text-transform:uppercase;
  font: normal 1em/1.5em helvetica, arial, sans-serif;
  padding-bottom:6px;
}

h3 {
  padding-bottom:6px;
  font: normal 14px/19px helvetica, arial, sans-serif;
}

h4 {
  font-weight:bold;
}

/* lists */

ul, li {
  margin:0;
  padding:0;
  list-style:none;
}

/* links */

a {
  text-decoration:none;
  color:#e77d20;
  text-shadow:none !important;
}

a:hover {
  color:#3C3C3C;
}

a img {
  display:block;
}

.view {
  padding-top:15px;
}

/* layout */

#container {
  width:100%;
  margin:0 auto;
}

#header {
  overflow:hidden;
}

#masthead {
  clear:both;
  display:block;
  overflow:hidden;
  width:100%;
  font-size:12px;
  background-size: cover;
  border-top:1px solid rgba(255,255,255,.2);
  border-bottom: 1px solid rgba(0,0,0,.4);
  min-height:500px;
}

/* template headers */

body.page-template-hossukka-php #masthead {
  background: url(images/nettisivukuvia/adventures-25m.jpg) center center no-repeat;
  background-size: cover;
}

body.page-template-hossukka-php {
  background:#111;
}

body.page-template-sukellus-php #masthead {
  background: url(images/ahven.jpg) center center no-repeat;
  background-size: cover;
}

body.page-template-sukellus-php {
  background:#111;
}

body.page-template-kalastus-php #masthead {
  background: url(images/kalastus.jpg) center center no-repeat;
  background-size: cover;
}

body.page-template-kalastus-php {
  background:#434c5d;
}

body.page-template-kokous-php #masthead {
  background: url(images/kokous.jpg) center center no-repeat;
  background-size: cover;
}

body.page-template-kokous-php {
  background:#434c5d;
}

body.page-template-sup-php #masthead {
  background: url(images/kalajoki-22n.jpg) center center no-repeat;
  background-size: cover;
}

body.page-template-sup-php {
  background:#110c08;
}
body.page-template-enkku-php #masthead {
  background: url(images/nettisivukuvia/TELAM.JPG) center center no-repeat;
  background-size: cover;
}

body.page-template-enkku-php {
  
}
body.page-template-russia-php #masthead {
  background: url(images/nettisivukuvia/TELAM.JPG) center center no-repeat;
  background-size: cover;
}
body.page-template-russia-php {
}
body.page-template-imatranajo-php #masthead {
  background: url(images/nettisivukuvia/IMGP7464.JPG) center center no-repeat;
  background-size: cover;
}

body.page-template-imatranajo-php {
  
}
#masthead h1 {
  display:block;
}

#masthead h1 img {
  max-width:479px;
  width:100%;
}

#wrapper {
  max-width:980px;
  padding:0 20px;
  margin:0 auto;
}

#site-preferences {
  float:right;
  overflow:hidden;
  margin-top:10px;
  margin-right:20px;
  border-top:1px solid #426c9f;
}

#site-preferences li {
  display:inline;
}

#seasons {
  float:left;
  border-top:1px solid #426c9f;
}

#site-preferences a, #seasons a {
  display:block;
  float:left;
  padding: 5px 10px;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:1px;
  font-size:11px;
  border-left:1px solid #426c9f;
  border-bottom:1px solid #426c9f;
  background:#03042c;
  background:rgba(3,4,44,.53);
}

#site-preferences a.last, #seasons a.last {
  border-right:1px solid #426c9f !important;
}

#site-preferences a.selected, #seasons a.selected {
  background:rgb(3,4,44);
  background:rgba(250,166,26,.53);
}

#blurb {
  font-size:14px;
  padding-top:20px;
  width: 48.97959184%;
  max-width:480px;
}

#blurb h1 {
  max-width:289px;
}

#blurb span {
  background:#03042c;
  background:rgba(3,4,44,.4);
  padding: 5px 0;
  line-height: 1.9em;
}

#navigation li, #breadcrumbs li {
  float:left;
  display:inline;
}

#navigation {
  overflow:hidden;
  padding: 0px 0px 8px 0px;
  border-bottom:1px solid rgba(0,0,0,.4);
  max-width:980px;
  margin:0 auto;
}

.wrapper {
  width:100%;
  border-top:1px solid rgba(255,255,255,.2);
}

#nav {
  max-width:980px;
  margin:0 auto;
}

#navigation a {
  color:#f8f8f8;
  font-size:16px;
  padding:15px 12px;
  text-shadow:1px 1px #000;
  border-left: 1px solid #555;
  border-right: 1px solid #000;
}

#navigation li {
  padding-top:9px;
}

#navigation a, #previous {
-webkit-transition: color 0.1s linear;
-moz-transition: color;
-moz-transition-duration: 0.1s;
-moz-transition-property: color;
}

#navigation a:hover {
	color:#41A9E0;
}

#navigation li.current_page_item a {
  color:rgb(0,168,228);
}

#sidebar li.current_page_item a {
  font-weight: bold;
}

#sidebar li.current_page_item a:before {
content:"\00bb";
}

#navigation li.page-item-57 a {
  padding-left:40px;
  background:url(images/hossukka_logo.png) 8px center no-repeat;
}

#breadcrumbs {
  overflow:hidden;
  margin-bottom:20px;
	width: 330px;
	margin: 20px auto;
}

#content {
  padding:20px;
  padding-bottom:0px;
  margin:0 auto;
  max-width:980px;
}

/* Page Content Blocks */

#content_block {
  width:60%;
  padding:10px 20px;
  margin-bottom:40px;
  background:#03042c;
  background:rgba(3,4,44,.8);
  border-top:5px solid rgba(255,255,255,.1);
  max-width:620px;
  float:left;
  display:inline;
  z-index:999;
  font-size:16px;
}

#content_block img {
  width:100%;
height:100%;

  border-bottom:1px solid #1a305f;
}

#sidebar {
  width: 32.65306122%;
  max-width:320px;
  margin-left: 2.04081633%;
  margin-bottom:40px;
  float:left;
  display:block;
  background:#03042c;
  background:rgba(3,4,44,.8);
  border-top:5px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}

#sidebar img {
  width:100%;
}

#sidebar h3 {
  font-size:14px !important;
  text-transform: uppercase;
  font-weight:bold;
  padding:6px;
}

#sidebar a {
  display:block;
  padding:6px;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.1);
}

#sidebar a:hover {
  background:rgba(3,4,44,1);
}

#sidebar a h3 {
  padding-left:0;
}

/* columns */

.column {
  margin:20px 0;
  overflow:hidden;
}

.full {
  width:100%;
  max-width:980px;
}

.info {
  width:100%;
}

.info li h3 {
  padding:10px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  display:block;
  background:#03042c;
  background:rgba(3,4,44,.53);
  border-top:1px solid rgba(255,255,255,.07);
}

#homepage-box-309 h3 {
  background:red;
}

.info li p {
  width:260px;
  margin-top:21px;
  margin-left:10px;
  margin-bottom:10px;
  font-size:14px;
}

.info li span {
  background:rgba(3,4,44,.9);
  padding:5px 0;
  line-height:1.9em;
}

#homepage-box-309 span {
  background: red !important;
}

.info li div {
  position:absolute;
}

body.page-template-about-php .info li div {
  position:static;
}

body.page-template-about-php .info li {
   font-size:16px;
}

body.page-template-about-php .info h4 {
  background:rgba(3,4,44,.9);
   padding:5px;
   text-align:center;
   margin-bottom:5px;
}

body.page-template-about-php .info li span {
  background:none;
}

div.padding {
  padding:10px;
}

a.readmore {
  display:block;
  width:100px;
  margin:0 auto;
  padding:5px;
  background: rgba(182,179,150,.8);
  color: #03042c !important;
  font-size:10px;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
}

.column h3 span {
  padding-left:10px;
  display:block;
}

#searchform {
  float:right;
  margin-right:20px;
  margin-top:8px;
}

#searchform label {
  display:none;
}

#s {
  width:160px;
  -ms-transition:.25s ease-in;
  -moz-transition:.25s ease-in;
  -o-transition:.25s ease-in;
  -webkit-transition:.25s ease-in;
  transition:.25s ease-in;  
}

#s:focus {
  width:220px;
}

.info {
  float:left;
  display:block;
  margin-top:0px;
  margin-bottom:10px !important;
  margin-right:10px;
}

.info li {
  background:#305b90;
  font-size:12px;
  margin-bottom:20px;
  margin-right: 2.04081633%;
  display:inline;
  float:left;
  overflow:hidden;
  /* width: 48.97959184%; */
  max-width:480px;
}

.info a {
  display:block;
  color:#fff;
}

.info img {
  width:100%;
  display:block;
}

/* subnav */

#subnav {
  float:left;
  clear:both;
  display:block;
  width:100%;
  background:#03042c;
  background:rgba(3,4,44,.83);
  margin-bottom:40px;
}

#subnav ul {
  width:880px;
  margin:0 auto;
}

#subnav li ul li {
  width:196px;
}

#subnav ul li ul {
  display:none;
  position:absolute;
  background:rgba(3,4,44,1);
  width:196px;
  margin:0;
  padding:0;
}

#subnav ul li:hover ul {
  display:inline;
}

#subnav ul li:hover {
  background:rgba(3,4,44,1);
}

#subnav li {
  float:left;
}

#subnav li.last {
  border-bottom:0px none;
}

#subnav li.highlight {
  background:rgb(3,4,44);
  background:rgba(250,166,26,.53);
}

#subnav a {
  float:left;
  display:inline;
  width:196px;
  color:#fff;
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:center;
}

#subnav li ul li a {
  font-size:13px;
  padding:12px;
  text-align:left;
}

#subnav a:hover {
  background:rgba(3,4,44,.83);
}

#subnav span {
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}

#subnav em {
  margin-left:115px;
}

.thumbs {
  margin-top:220px;
}

.thumbs li {
  float:left;
  display:inline;
}

.thumbs a {
    width:252px;
    color:#333;
    text-shadow:none;
}

.thumbs a div {
  display:block;
  width:auto;
  text-align:center;
  -webkit-transition: .1s ease-in-out;
}

.thumbs a div span {
  background:#fff;
  padding:4px 16px;
}

.thumbs a img {
  background:rgba(3,4,44,.53);
  padding:6px 4px 6px 2px;
  -webkit-transition: .1s ease-in-out;
}

.thumbs a:hover div {
  margin-top:-10px;
}

.thumbs a:hover img {
  margin-top:10px;
}

/* weekly */

#weekly_loading {
  text-align:center;
  font-weight:bold;
}

#weekly_loading a {
  font-size:11px;
  font-weight:normal;
  color:#efefef;
}

#schedule {
  float:right;
  display:block;
  width:28.57142857%;
  max-width:280px;
  margin-top:44px;
  margin-bottom:40px;
  margin-right:10px;
}

#schedule ul {
  height:170px;
  overflow:auto;
}

fieldset, legend {
  background:#03042c;
  background:rgba(3,4,44,.53);  
}

fieldset {
  padding:10px;
  padding-top:0;
}

legend {
  padding:0px 20px;
  margin-left:-10px;
  position:relative;
  top:-10px;
  text-transform:uppercase;
}

legend span {
  position:relative;
  top:5px;
}

#schedule li {
  background:#305b90;
  border-top:1px solid #426c9f;
  border-bottom:1px solid #1a305f;
}

#schedule a {
  display:block;
  color:#fff;
  padding:5px;
}

#footer {
  clear:both;
  margin-top:30px;
  overflow:hidden;
  padding:20px;
  background:url(images/saha.png) top center repeat-x;
}

#footer_wrapper {
  margin:0 auto;
  width:100%;
  max-width:980px;
}

#footer .column {
  float:left;
  display:inline;
  width:24%;
  margin-right:20px;
  padding-top:10px;
}

#footer ul {
  width:105px;
}

/* general positioning rules */

.right {
  float:right;
}

.left {
  float:left;
}

.half {
  width:50%;
}

.last {
  margin-right:0px !important;
  border-right:0px none !important;
}

.nomargin {
  margin:0 !important;
}

.noborder {
  border: 0px none !important;
}

/* invisible stuff */

.org, .url {
  display:none;
}

#mobile_navigation, #mobile_language {
  display:none;
}

#mobile_navigation {
  margin-left:0px;
}

#mobile_language {
  float:right;
  margin-right:20px;
}

@media screen and (max-width: 848px) {
  #wrapper {
    padding-bottom:20px;
  }
  #blurb, #subnav {
    margin: 0 auto !important;
  }
  #subnav, #sidebar {
    float:none;
    width:100%;
    margin-left:0;
    overflow:hidden;
    clear:both;
  }
  #subnav ul {
    max-width:520px;
    margin:0 auto;
  }
  #subnav a {
    width:106px;
    font-size:10px;
  }
  #schedule, .info {
    float:none;
    clear:both;
    top:30px;
    width:100%;
    max-width:520px;
    margin:0 auto;
  }
  #sidebar {
    margin:20px auto;
    width:100%;
    max-width:520px;
  }
  #schedule {
    margin-top:40px;
    margin-bottom:0px !important;
  }
  #header {
    overflow:visible;
  }
  #blurb {
    max-width:520px;
    width:100%;
  }
  #content {
    clear:both;
  }
  .column {
    margin: 0;
  }
  #nav, #site-preferences {
    display:none;
  }
  #mobile_navigation, #mobile_language {
    display:block;
  }
  #mobile_navigation {
    float:left;
    margin-left:20px;
  }
  #search {
    width:20%;
  }
  #content_block {
    width:100%;
    max-width:480px;
    margin:0 auto;
    float:none;
    display:block;
  }
  .last {
    margin-right:0 !important;
  }
  .info li{
    width:100%;
    max-width:520px;
  }
}