/**
  Theme Name: Perttu's HTML5 site
  Theme URI: http://www.pertturistimella.com
  Version: 0.1
  Author: Perttu Ristimella
  Author URI: http://www.pertturistimella.com
  Tags: Valkonen, 
  Licence: All Rights Reserved. Third-party-code copyrighted to their owners. 
  Description: This is a theme for Cameraclub, or any club that holds events.
*/


/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', sans-serif; color: #222; font-weight: 400; }

::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

a { text-decoration: none; }
a:visited { #3EA1DD; }
a:hover { #3EA1DD; }
a:focus { #3EA1DD; }
a:hover, a:active { #3EA1DD; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Perttu Ristimella
   ========================================================================== */


html {
	color: #222;
}

body { background: url("img/dotted_grid.gif") repeat; }

body.no-bg { background: #fff; }


.bg-change {
	background: #fff;
}

.bg-change a:visited {
	color: #444;
}

/* == GRID SYSTEM ==*/
#wrap {
	width: 1018px;
	margin: 0 auto;
	background: #fff;
	eborder-left: 1px dotted #ddd;
	eborder-right: 1px dotted #ddd;
}


.container {
	
	padding: 0px 20px;
	width: 978px;
	margin: 0 auto;
	text-align: left;
	smargin-bottom: 50px;
	smargin-top: 25px;

	
	d-webkit-box-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
    d-moz-box-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
    dbox-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe, 4px 4px #02a2fe, 5px 5px #02a2fe, 6px 6px #02a2fe, 7px 7px #02a2fe, 8px 8px #02a2fe, 9px 9px #02a2fe;

}

.wide-container {
	padding: 20px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.header-container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 978px;
	margin-bottom: 40px;
}


.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	margin-left: 29px;
}

.grid1 {width: 54px;}
.grid2 {width: 138px;}
.grid3 {width: 222px;}
.grid4 {width: 306px;}
.grid5 {width: 390px;}
.grid6 {width: 474px;}
.grid7 {width: 558px;}
.grid8 {width: 642px;}
.grid9 {width: 726px;}
.grid10 {width: 810px;}
.grid11 {width: 894px;}
.grid12 {width: 978px;}
.grid120{
	width: 120px;
	float: left;
	margin-left: 10px; 
}
/*Grid image adjust */
.grid1 img {max-width: 54px; height: auto;}
.grid2 img {max-width: 138px; height: auto;}
.grid3 img {max-width: 222px; height: auto;}
.grid4 img {max-width: 306px; height: auto;}
.grid5 img {max-width: 390px; height: auto;}
.grid6 img {max-width: 474px; height: auto;}
.grid7 img {max-width: 558px; height: auto;}
.grid8 img {max-width: 642px; height: auto;}
.grid9 img {max-width: 726px; height: auto;}
.grid10 img {max-width: 810px; height: auto;}
.grid11 img {max-width: 894px; height: auto;}
.grid12 img {max-width: 978px; height: auto;}
.grid120 img {
	max-width: 120px;
	float: left;
	margin-left: 10px; 
}

.first {
	margin-left: 0;
	clear: left;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	margin:0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */



.centered {
	float: none; 
	margin: 0 auto;
}

.centered h2, .centered h1 {
	text-align: center;
}


/* ==! RANDOM stuff */
.spaced-ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.spaced-ul li {
	list-style: none;
	margin-bottom: 20px;
}

.dotted-line {
	height: 20px;
	width:auto;
	margin: 0 10px 0 10px;
	background: url("img/20px_h_4dots.png") repeat-x;
}

.sidebar {
	background: #443;
}

p {
color: #333;
}


h2 {
	background: #fff;
	color: #3EA1DD;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
	background: url("img/20px_h_4dots.png") repeat-x;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #3EA1DD;
}

h2:before {
	content:"||";
	background: #fff;
}

h2 span {
	background: white;
	padding-left: 10px; padding-right: 10px;
	
}


h3 {
	font-family: 'Lato', sans-serif;
}

.simple-head a { color:  #3EA1DD; }

.punchline {
	font: 26px;
	color: #566378;
	background: #f7f9fb;
	width: 90%;
	padding: 5px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e4e8ef;
}

.punchline:nth-child(odd) {
}
#logo {
	width: 275px; height: auto;
	padding: 20px 0;
	text-indent: -9999px;
}


#featured {

}

#wide-section.div {
	width:100px;
	height: 100px;
}

.superbig {
	font-size:	80px;
}
.semibig {
	font-size: 30px;
}

input, textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
}

input:focus, textarea:focus {
	border: #0edaff solid 1px;
	s-webkit-box-shadow: 0px 0px 5px 0px #333;
	s-moz-box-shadow: 0px 0px 5px 0px #333;
	sbox-shadow: 0px 0px 5px 0px #333;
}

label {
	color: #aaa;
}

button {
	padding: 30px;
	font-size: 24px;
	background: #eee;
}

.ignore-link-style:link, .ignore-link-style:visited, .ignore-link-style:hover, .ignore-link-style:active {
	color: #333;
}

.edit-post {

}

.edit-post a {

}




/* ==! Menu styling == */

.navigation {
	padding-top: 20px;
	padding-bottom: 30px;
	text-align:center;
}

.toiminta {
	padding: 30px 0;
}


.simple-button {
	display: inline-block;
	padding: 10px;
	margin-bottom: 5px;
	text-align: center;
  	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #f7f9fb;
	border: 1px solid #e4e8ef;
	font-size: 14px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f9fb), to(#fff));
   	background-image: -webkit-linear-gradient(top, #f7f9fb, #fff);
   	background-image:    -moz-linear-gradient(top, #f7f9fb, #fff);
   	background-image:     -ms-linear-gradient(top, #f7f9fb, #fff);
   	background-image:      -o-linear-gradient(top, #f7f9fb, #fff);
   	color: #566378;
   	width:95%;
   	cursor: pointer;

   }
.simple-button:hover {
	background: #e4e8ef;
	
   }
.simple-button:active {

   }
   
.hidden-stuff {
	border-bottom: 1px solid #999;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:    inset 0 0 5px #999;
   	-webkit-box-shadow: inset 0 0 5px #999;
   	box-shadow:         inset 0 0 5px #999;*/
   	padding: 5px;
   	
}

.button {
    border-top: 1px solid #18427a;
    background: #458fe4;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#458fe4', endColorstr='#2d6cbc'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#458fe4), to(#2d6cbc));
    background: -webkit-linear-gradient(top, #458fe4, #2d6cbc);
    background: -moz-linear-gradient(top, #458fe4, #2d6cbc);
    background: -ms-linear-gradient(top, #458fe4, #2d6cbc);
    background: -o-linear-gradient(top, #458fe4, #2d6cbc);
	width: 100%;
    padding: 5px 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
   }
   
.button:hover {
   border-top-color: #2d6cbc;
   background: #458fe4;
   color: #fff;
   }
.button:active {
   border-top-color: #458fe4;
   background: #2d6cbc);
   }

.login-list {
	font-size: 10px;
}

.login-list input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4e8ef;
	background: #f7f9fb;
	-moz-box-shadow:    inset 0 0 2px #fff;
   	-webkit-box-shadow: inset 0 0 2px #fff;
   	box-shadow:         inset 0 0 2px #fff;
   	padding: 5px;
	margin-bottom: 5px;
	color: #566378;
	font-size: 12px;
	width: 150px;
}

.login-list input:focus {

	background: #fff;
	color: #566378;
}
.login-button {
	padding: 0;
	margin: 0;
	width: 170px;
}

.login-list a, .login-list a:visited {
	color: #999;
}	



/* Header menu*/
.header-menu ul li {
	display: inline-block;
	text-align: center;
	padding: 3px 10px;
	border: 1px solid #eee;
	margin-left: -4px;
	-webkit-transition: background 0.4s linear	;
	-moz-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
   	background-image: -webkit-linear-gradient(top, #efefef, #fff);
   	background-image:    -moz-linear-gradient(top, #efefef, #fff);
   	background-image:     -ms-linear-gradient(top, #efefef, #fff);
   	background-image:      -o-linear-gradient(top, #efefef, #fff);
    text-shadow: rgba(0,0,0,.1) 0 1px 0;
}

.header-menu ul li:first-of-type {
	-webkit-border-top-left-radius: 10px;
   	-moz-border-topleft-radius: 10px;
   	border-top-left-radius: 10px;
   	-webkit-border-bottom-left-radius: 10px;
   	-moz-border-bottomleft-radius: 10px;
   	border-bottom-left-radius: 10px;
}

.header-menu ul li:last-of-type {
	-webkit-border-top-right-radius: 10px;
   	-moz-border-topright-radius: 10px;
   	border-top-right-radius: 10px;
   	-webkit-border-bottom-right-radius: 10px;
   	-moz-border-bottomright-radius: 10px;
   	border-bottom-right-radius: 10px;
}

.header-menu ul li:hover {
}

.header-menu ul li:active {
}


.header-menu ul {
	list-style: none;
	display: inline;
}

.header-menu {
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	text-align: center;
}

.header-menu a, .header-menu a:visited  { 
	text-decoration: none; 
	color: #333;
	font-size: 16px;
	line-height: 40px;
	border-bottom: 1px dashed #fff;
}


	
.header-menu a:hover { color: #ff6600; border-bottom: 1px #ff6600 dashed; }
.header-menu li:nth-child(even) a:hover { }
.header-menu a:focus { outline: thin dotted; }
.header-menu a:active { outline: 0; }

.current-menu-item { font-weight: bold; }

/* DROPDOWNMENU STYLING STARTS HERE*/


.menu {
	text-align: left;
	margin: 0;
    padding: 7px 6px 0 ;
    list-style: none;
    background: #fff;
    color: #566378;
    background: -moz-linear-gradient(#F7F9FB, #fff);
   	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #F7F9FB));
	background: -webkit-linear-gradient(#F7F9FB, #fff);
    background: -o-linear-gradient(#F7F9FB, #fff);
    background: -ms-linear-gradient(#F7F9FB, #fff);
    background: linear-gradient(#F7F9FB, #fff);
	-moz-border-radius: 0.5em;
    border-radius: 0.5em;
    border: 1px solid #E4E8EF;
	z-index: 100;
}
.menu li {
	font-size; 18pt;
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
	z-index: 100;
	
}


/* main level link */
.menu a {
	color: #566378;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	
}

.menu a:first-of-type {
	border: none;
}
/* main level link hover */
.menu .current a, .menu li:hover > a {
	color: #f7f9fb;
	text-shadow: 0 0px 0 rgba(255, 255, 255, 0);
	background: #3EA1DD;
}
/* sub levels link hover */
.menu ul li:hover a, .nmenu li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.menu ul a:hover {
	background: #3EA1DD !important; /* for non-css3 browsers */
	dfilter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#fff'); /* for IE */
	dbackground: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); /* for webkit browsers */
	dbackground: -moz-linear-gradient(top,  #fff,  #efefef); /* for firefox 3.6+ */
	background: #f7f9fb;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
.menu ul {
	background: #ddd; /* for non-css3 browsers */
	sfilter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	sbackground: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	sbackground: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */
	background: #f7f9fb; /*overrides the gradients*/
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #E4E8EF;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
/* dropdown */
.menu li:hover > ul {
	display: block;
	border: solid 1px #E4E8EF;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
.menu ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.menu ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
.menu ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
.menu ul li:first-child > a {
	-webkit-border-top-left-radius:0.5em;
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
}
.menu ul li:last-child > a {
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomleft:0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
}
/* clearfix */
.menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.menu {
	display: inline-block;
}
html[xmlns] .menu{
	display: block;
}
* html .menu {
	height: 1%;
}


/* DROPDOWN MENU STYLING ENDS HERE D*/

#social {
	padding-top: 0px;
}

#social li {
	list-style: none;
	padding-top: 5px;
}


/* ==! The image menu == */

.image-menu-item {
   position: relative;
   width: 222px;
   display: inline-block;
   smargin-bottom: 30px;
   smargin-right: 26px;
}

.image-menu-item:nth-child(odd) {
	margin-right: 0px;
}

.vertical-img-menu-item {
	margin-top: 20px;
}

.img-menu-item img {
	width: 222px;
	height: auto;
}

.image-menu-item h3 {
   position: absolute;
   top: 60px;
   right: 0;
}

.image-menu-item h3 span {
   color: white;
   font: 300 24px/45px 'Lato', Sans-Serif;
   text-transform: uppercase;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(62, 161, 221, 0.9);
   padding: 10px;
   
}

.image-menu-item h3 span:hover {
	background: rgba(62, 161, 221, 1);
}
/* ==! END image menu == */

/* ==! Kurssit page ==*/

.thumb-list img {
	width: 306px;
	height: auto;
}

.thumb-list div {
	padding-bottom: 20px;
}

.thumb-list div.first {
	sborder-top: 1px dotted #444;
	padding-top: 18px ;
}

.thumb-list div.first:first-of-type {
	border-top: none;
}


.thumb-list h4 span {
	color: #fff;
	background: #96cae9;
	padding: 0 10px;
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	-moz-border-radius: 0.2em;
    border-radius: 0.2em;
    line-height: 30px;
    margin-right: 10px;
}

.thumb-list h4 a {
	color: #96cae9;
	background: white;
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;

}

.thumb-list h4:hover span { color:white; background: #5f9ec2; }
.thumb-list h4:hover a { color: #5f9ec2; }


.past-event-list {
	list-style: none;
	padding: 0;
	padding-top: 30px;
}

.past-event-list li span {
	margin-right: 30px;
}

/* ==! END kurssit page ==*/


/* ==! Yhteystiedot page ==*/

.name-list {
	width: 100%;
	height: 90px;
	}

.name-list img {
	width: 80px;
	height: auto;
	float: left;
	padding-right: 30px;
}

.name-list h3 {
	padding: 10px 0 0 0;
	font-size: 16px;
}

.author-wrap {
	position: relative;
	width: 100%;
	border: 1px solid #e4e8ef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
   	background: #f7f9fb;
	color: #566378;
   	margin-bottom: 10px;
}
.author-content {
	margin-left: 150px;
	padding: 10px 20px;
	border-left: 1px solid #e4e8ef;
	font-size: 12px;
	min-height: 125px;
	background: #fff;
}
.author-wrap span {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 110px;
	font-size: 30px;
}
.author-wrap img {
	width: 100%;
	height: auto;
}
/************************************************************************************
IMAGE WRAP (REQUIRED)
*************************************************************************************/
.image-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
/* image-wrap:after pseudo element (overlaying container) */
.image-wrap:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px #aaa;
	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.image-wrap img {
	vertical-align: bottom;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/************************************************************************************
IMAGE STYLES
*************************************************************************************/
/* embossed */
.embossed .image-wrap:after {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3);
	box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3);
}

/* soft embossed */
.soft-embossed .image-wrap:after {
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3);
}

/* cutout or pressed */
.cutout .image-wrap:after {
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);
}

/* glossy */
.glossy .image-wrap:before {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,.15) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,.15)));
	background: linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,.15) 100%);
}




/* ==! END yhteystiedot page ==*/


/* ==! News page ==*/



.list-item-with-date {
	margin: 0;
	padding: 0;
}


.list-item-with-date li {
	font-size: 14px;
	list-style: none;
	padding-left: 66px;
	line-height: 25px;
	margin-bottom: 10px;
}

.list-item-with-date span {
	display: inline-block;
	background: #96cae9;
	color: #fff;
	width: 45px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	margin-left: -66px;
	margin-right: 10px;
}

.list-item-with-year span { width: 85px; margin-left: -79px; }
.list-item-with-date li:hover span { color: #fff; background: #5f9ec2; }
.list-item-with-date li:hover { color: #5f9ec2; }

.extra-margin li {
	padding-left: 80px;
}

.list-item-with-date a:link, .list-item-with-date a:visited {	
	color: #3EA1DD;
}





/* ==! END news page ==*/

/* ==! Aside Post / news / events lists ==*/

.post-list {
	list-style: none;
	padding: 0;
}

.post-list li {
	padding: 0;
	list-style: none;
}

.post-list h3 {
	background: #96cae9;
	color: #fff;
	font-size: 14px;
	
}

.post-list a {
	color: #222;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

.post-list span {
	
}

.5post-list h3:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: -40px;
	display: block;
	height: 26px;
	width: 24px;
	background: #222;
}

.list-margin-zero {
	margin: 0;
	padding: 0;

}

.widget {
	list-style: none;
}

.big-list li {
	font-size: 20px;
	
}

.big-list li a {
	padding-left: 50px;
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	
}
.big-list li span {
	text-align: center;
	color: #fff;
	background: #96cae9;
	display: inline-block;
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	width: 130px;
	height: 28px;
	line-height: 28px;
	-moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

/* ==! END Aside lists == */


/* ==! Jasen start == */
.guide-wrap {
	position: relative;
	width: 100%;
	border: 1px solid #e4e8ef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
   	background: #f7f9fb;
	color: #566378;
   	sbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#363636), to(#505050));
   	sbackground-image: -webkit-linear-gradient(top, #363636, #505050);
   	sbackground-image:    -moz-linear-gradient(top, #363636, #505050);
   	sbackground-image:     -ms-linear-gradient(top, #363636, #505050);
   	sbackground-image:      -o-linear-gradient(top, #363636, #505050);
   	margin-bottom: 10px;
}



.guide-content {
	margin-left: 80px;
	padding: 20px;
	border-left: 1px solid #e4e8ef;
	font-size: 14	px;
	min-height: 50px;
	background: #fff;
}

.guide-number {
	position: absolute;
	top: 26px;
	left: 30px;
	width:40px;
	font-size: 30px;
}






/* ==! Footer start == */
footer {
	padding-top: 0px;
	border-top: 1px #333 solid;
}

footer, footer h2, footer a, footer p {
	color: #444;
	border: none;
	padding-left:0;
}

footer a:hover {
	color: #b8c8db;
	text-decoration: underline;
}
footer h2 {
	background: url("img/20px_h_4dots.png") repeat-x;
	background: none;
	font-size:20px;
}

footer h2 span {
	background: #fff;
}

footer h2:before {
	sbackground: #fff;
	scontent: "";
}

.footer-block {
	height: 100%;
	sborder-right: 1px #ddd dotted;
}

.footer-block:last-of-type {
	border: none;
}

.footer-list {
	list-style: none;
}

.footer-list li {
	list-style: none;
	padding: 0;
}

.children {
	padding: 5px 0 0 20px;
	margin-top: 0;
}

.footer {
	margin-top: 20px;
	padding-bottom: 10px

}

.copyright-note {
	padding-top: 10px;
	text-align: center;
	font-size: 10px;
	font-weight: 100;
	color: #ddd;

}

.dotted-line {

}

#maintenance {
	background: #fff;
	display: block;
	min-width:  500px;
	min-height: 200px;
	text-align: center;
}

.h-gallery div { text-align: center; }

.align-left {
	float: left;
}
.align-right { float: right; }

/* ==! END footer == */


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles =======================================================
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
*/