/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
	/* Smaller than standard 1200 (devices and browsers) */
	@media screen and (max-width: 1199px) {
	
	.region-header #block-block-1 {
  	width:25% !important;

	}	
	.region-header #block-search-form {
  	width: 25% !important;
	}
	#block-superfish-1 a {
  	color: #282828;
  	font-size: 15px;
  	text-decoration: none;
  	font-family: minion-pro,"Times New Roman",Times,serif;
  	float:left;
  	text-transform:uppercase;
	}
	#block-superfish-1 ul.menu a {
  	padding:5px 7px 5px 7px;
  	line-height: 20px;
  	margin-right:0;
	}
	.region-bottom .block {
	float:left;
  	width:27%;
  	display:block;
	}
	#block-block-17 {
	width:46%;
	}
	#block-logo-block-logo {
    float: left;
    height: auto;
    margin-right: 10px;
    text-align: center;
    width: 90px;
	}
	
	#block-superfish-1 a {
    color: #282828;
    float: left;
    font-family: minion-pro,"Times New Roman",Times,serif;
    font-size: 15px;
    letter-spacing: 0px;
    text-decoration: none;
    text-transform: uppercase;
	}
	.i18n-en #block-superfish-1 a {
    font-size: 14px;
	}
	#block-superfish-1 ul.menu a {
    line-height: 20px;
    margin-right: 0;
    padding: 5px 5px;
	}
	.page-node-37 #block-block-34 {
		max-width: 400px;
	}
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media screen and (min-width: 768px) and (max-width: 959px) {
	
	#block-superfish-1 {
	margin-top:10px;
	}
	#block-logo-block-logo {
		margin-right:50px;	
	}
	#block-superfish-1 ul li ul{
	display:none !important;
	}
	.region-content-bottom .block {
    width:50%;
    min-height: 68px;
    float: left;
	}
	.region-bottom #block-block-18 {
		display:none;
	}
	.region-bottom .block,
	.region-bottom #block-block-17 {
    width:100% !important;
    min-height: 68px;
    float: left;
	}
	.region-bottom #block-block-17 table {
    float: left;
	}
	.region-bottom #block-block-17 td {
    padding:0 10px 5px 0;
	}
	#block-views-hakuajat-block {
	display:none;
	}
	#block-views-hakuajat-block-4 {
	display:block;
	}
	#block-views-hakuajat-block-4 .views-field-field-hakuaika {
		float:left;
		margin-right:5px;
		font-size:15px;
		color:#938465;
	}
	#block-views-bannerikuva-block {
		display:none;
	}
	#left {
		width: 172px;
	}
	#content {
		width: 556px;
	}
	#right {
    width:556px;
    float:right;
    margin-right:20px;
	}
	.page-node-37 #content {
		width:100%;
	}
	.page-node-37 #right,
	.page-node-37 #left {
		width:300px;
	}
	#block-addtoany-addtoany-button {
	text-align:right;
	position:absolute;
	right:0;
	top:0;
	
	}
	#block-block-7 {
	text-align:right;
	position:absolute;
	right:60px;
	top:0;
	font-family: minion-pro,"Times New Roman",Times,serif;
	font-size:15px;
	}
	.region-footer .block {
	width:50%;
	font-family: Minion Pro,"Times New Roman",Times,serif;
	float:left;
	font-size:15px;
	}
	.region-footer .block h2.block__title {
	text-transform:none;
	}
	
	.front #page-title {
 	 margin-top: 60px;
  	font-size:30px;
  	text-transform:uppercase;
   
	}
	#block-views-ajankohtaista-block-1 .views-field-field-kuva {
		float:right;
	}
	#block-views-sivupalkki-block {
		margin-top:10px;
	}
	#block-logo-block-logo {

	}
	#block-superfish-1 a {
    color: #282828;
    float: left;
    font-family: minion-pro,"Times New Roman",Times,serif;
    font-size: 15px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top:10px;
	}
	#block-superfish-1 ul.menu a {
    line-height: 20px;
    margin-right: 0;
    padding: 5px 7px;
	}	
	#block-block-32 {
		display:block;
	}
	#block-block-12 {
		display:none;
	}
	.responsive-menus {
	display:none

	}
	.responsive-menus.responsified.responsive-toggled .responsive-menus-simple,
	.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
  	display: block;
  	padding: 0;
  	margin: 0;
  	margin-top:0;
	}
	.page-ajankohtaista #block-block-33 {
		display: none;
	}
	}

	/* All Mobile Sizes (devices and browser) */
	@media screen and (max-width: 767px) {
	
	.region-content-bottom .block {
    width:100%;
    min-height: 68px;
    float: left;
	}
	.region-footer .block {
	width:100%;

	}
	.region-bottom #block-block-18 {
		display:none;
	}
	.region-bottom .block,
	.region-bottom #block-block-17 {
    width:100% !important;
    min-height: 68px;
    float: left;
	}
	.region-bottom #block-block-17 table {
    float: left;
	}
	.region-bottom #block-block-17 td {
    padding:0 10px 5px 0;
	}
	#left {
	margin-left:0;
	margin-right:0;
	}
	#right {
	margin-left:0;
	margin-right:0;
	}
	#block-views-bannerikuva-block {
		display:none;
	}
	.page-ajankohtaista #block-block-33 {
		display: none;
	}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media screen and (min-width: 480px) and (max-width: 767px) {
	
	#block-block-1 {
		display:none;
	}
	#block-menu-menu-header-menu {
		display:none;
	}
	#block-search-form .form-submit,
	#block-search-form .form-text {
  	float:left;
	}
	.region-header #block-search-form {
  	width: 50% !important;
	}
	#block-views-etusivun-taustakuva-block {
	display:none;
	}
	#right {
	margin-left:0;
	margin-right:0;
	}
	#block-search-form {
	display:none;
	}
	#block-logo-block-logo {
  	display:block !important;
  	margin:0 auto !important;
	float:none;
  	
  	}

	.region-navigation {

	}
	#block-views-bannerikuva-block {
		display:none;
	}
	.region-navigation li {
		width:100%;
	}
	.region-navigation li a {
		width:100%;
		background:#282828;
		color:#ffffff;
	}
	.front #page-title {
 	 margin-top: 60px;
  	font-size:28px;
  	text-transform:uppercase;
   
	}
	.breadcrumb { /* The path to the current page in the form of a list of links */
	display:none;
	}
	.region-breadcrumbs .block {
	float:left;
	width:80px;
	font-size:14px;
	font-family: minion-pro,"Times New Roman",Times,serif;
	text-align:left !important;
	}
	#block-views-rahaston-taustakuva-block {
		display:none;
	}
	.node-type-maakuntarahasto #mainWrapper, .node-type-maakuntarahaston-alasivu #mainWrapper {
    overflow: hidden;
    padding-top: 10px;
    }
    #block-block-31 {
	display:block;
	width:100%;
	}
	#block-block-31 p,
	#block-block-31 a {
	text-align:center;
	}
	#block-block-31 h2.block__title {
	text-align:center !important;
    font-family: proxima-nova,"Times New Roman",Times,serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
	text-decoration:underline;
	}
	#block-block-12 {
		display:none;
	}
	.front #page-title {
    display:none;
	}
	#block-views-hakuajat-block-2 {
	display:block;
	}
	#block-views-hakuajat-block-2 .views-field-field-hakuaika {
    color: #998D73;
    font-family: minion-pro,"Times New Roman",Times,serif;
    float:left;
	}
	#block-views-hakuajat-block-2 .views-field {
    font-size: 14px;
    font-weight: normal;
    margin-right:10px;
	}
	#block-views-hakuajat-block-4 {
	display:none;
	}
	#block-superfish-1 {
		display:none;
	}
	#block-views-hakuajat-block {
		display:none;
	}
	.responsive-menus.responsified.responsive-toggled .responsive-menus-simple,
	.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
  	display: block;
  	padding: 0;
  	margin: 0;
  	margin-top:0;
	}
	#block-block-31 a.twitterlink {
	background: url("../images/twitter-skr_1.png") no-repeat scroll 0 90% rgba(0, 0, 0, 0);
    display: inline-block;
    height: 27px;
    margin-top: 15px;
    padding-left: 40px;
}
#block-block-39 {
	display: none;
}
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media screen and (max-width: 479px) {
	
	#block-block-1 {
		display:none;
	}
	#block-menu-menu-header-menu {
		display:none;
	}
	.region-header #block-search-form {
  	width: 50% !important;
	}
	.region-bottom #block-block-17 td {
    display:block;
	}

	#block-views-etusivun-taustakuva-block {
	display:none;
	}
	#block-block-13 a.bigLink,
	#block-block-14 a.bigLink {
	padding:7px 20px 7px 10px;
	}
	#left {
	margin-left:0;
	margin-right:0;
	}
	#right {
	margin-left:0;
	margin-right:0;
	}
	#block-search-form {
	display:none;
	}
	#block-logo-block-logo {
  	display:block !important;
  	margin:0 auto !important;
	float:none;
  	
  	}
	.region-navigation {

	}
	#block-block-17 {
		display:none;
	}
	#block-block-30 {
		display:block;
	}
	.front #page-title {
    display:none;
	}
	#block-views-bannerikuva-block {
		display:none;
	}
	.region-navigation li {
		width:100%;
	}
	.region-navigation li a {
		width:100%;
		background:#282828;
		color:#ffffff;
	}
	.breadcrumb { /* The path to the current page in the form of a list of links */
	display:none;
	}
	.region-breadcrumbs .block {
	float:left;
	text-align:left !important;
	width:80px;
	}
	#block-views-rahaston-taustakuva-block {
		display:none;
	}
	.node-type-maakuntarahasto #mainWrapper, .node-type-maakuntarahaston-alasivu #mainWrapper {
    overflow: hidden;
    padding-top: 10px;
    }
    #block-block-31 {
	display:block;
	width:100%;
	border-bottom:1px solid #e2e2e2;
	}
	#block-block-31 p,
	#block-block-31 a {
	text-align:center;
	}
	#block-block-31 h2.block__title {
	text-align:center !important;
    font-family: proxima-nova,"Times New Roman",Times,serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
	text-decoration:underline;
	}
	#block-block-12 {
		display:none;
	}
	.front #page-title {
    font-size: 28px;
    margin-top: 40px;
    text-transform: uppercase;
	}
	#block-views-hakuajat-block-2 {
	display:block;
	}
	#block-views-hakuajat-block-2 .views-field-field-hakuaika {
    color: #998D73;
    font-family: minion-pro,"Times New Roman",Times,serif;
    float:left;
	}
	#block-views-hakuajat-block-2 .views-field {
    font-size: 14px;
    font-weight: normal;
    margin-right:10px;
	}
	#block-views-hakuajat-block-4 {
	display:none;
}
	#block-views-hakuajat-block {
		display:none;
	}
	#block-superfish-1 {
		display:none;
	}
	.responsive-menus.responsified.responsive-toggled .responsive-menus-simple,
.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
  display: block;
  padding: 0;
  margin: 0;
  margin-top:0;
}
	#site-name { /* The name of the website */
  margin: 0;
  font-size:20px;
  font-weight:bold;
  display:none;
  
	}
	#highlighted h1{ /* The name of the website */
  text-align:center;
	}
	#block-block-31 a.twitterlink {
	background: url("../images/twitter-skr_1.png") no-repeat scroll 0 90% rgba(0, 0, 0, 0);
    display: inline-block;
    height: 27px;
    margin-top: 15px;
    padding-left: 40px;
}
#block-block-39 {
	display: none;
}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/