/*
* 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
================================================== */

#maliniemitop {
	width: 100%;
	background: transparent;
	padding-top:10px;
	}

#maliniemihead {
	width: 100%;
	background: transparent;
	padding:15px 0px 0px;	
	}

#maliniemimast {
	width: 100%;
	
background: #334484;
background: -moz-linear-gradient(top,  #334484 14%, #207cca 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#334484), color-stop(100%,#207cca));
background: -webkit-linear-gradient(top,  #334484 14%,#207cca 100%);
background: -o-linear-gradient(top,  #334484 14%,#207cca 100%);
background: -ms-linear-gradient(top,  #334484 14%,#207cca 100%);
background: linear-gradient(to bottom,  #334484 14%,#207cca 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334484', endColorstr='#207cca',GradientType=0 );
	
	padding:15px 0px 0px;
	}

#maliniemicont {
	width: 100%;
	background: #fff;
	padding: 20px 0px;
	}

#maliniemifoot {
	width: 100%;
	
background: #334484;
background: -moz-linear-gradient(top,  #207cca 14%, #334484 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#207cca), color-stop(100%,#334484));
background: -webkit-linear-gradient(top,  #207cca 14%,#334484 100%);
background: -o-linear-gradient(top,  #207cca 14%,#334484 100%);
background: -ms-linear-gradient(top,  #207cca 14%,#334484 100%);
background: linear-gradient(to bottom,  #207cca 14%,#334484 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#334484',GradientType=0 );


	height: 30px;
	padding-top: 10px;
	color: #fff;
	text-shadow: 1px 1px 3px #111;
	}

nav ul {
	text-align: center;
	font-family:"Exo", "Georgia", "Times New Roman", serif;
	/*border-left: 1px solid #cecece;*/
	}
	
nav li {
	font-size: 16px;
	font-weight: 700;
	/*border-right: 1px solid #cecece;*/
	line-height: 24px;

	}

nav a {
	padding: 0px 7px;
	}
	
nav a, nav a:visited { 
		color: #334484; text-decoration: none; outline: 0; 
		}
nav a:hover, nav a:focus { 
		color: #efc951; 
		}
	


body {
	background: url(../tempimg/stripe-bg.gif) repeat top left #fff;
	font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	}

h1, h2, h3, h4, h5, h6 {
		color: #666;
		font-family: "Exo","Georgia", "Times New Roman", serif;
		font-weight: normal; 
		}


		
.one-third.column h1, .one-third.column h2, .one-third.column h3, .one-third.column h4 {
		color: #977445;
		}
		


a, a:visited { 
		color: #0066B3; text-decoration: underline; outline: 0; 
		}
a:hover, a:focus { 
		color: #efc951; 
		}
p a, p a:visited { 
		line-height: inherit; 
		}

#logocont {
		text-align:center;
}
		
.logoimg {
		margin: 0 auto;
		padding:0px;
		width:300px;
		position:relative;
		top:5px;
		}
		
textarea {
		width: 90%;
		}
		


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

/* etusivu mock pick div */

.mockpicdiv {
		border: 4px solid #b6a052;
		background: #b6a052;
		padding:0px;
		box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}

.rotabanner {
		border: 4px solid #b6a052;
		height:300px;
		}
.theme-maliniemi {
		box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}

.knappi {
		border:1px solid #fff;
	
		}
		
.nano {
		padding: 0px;
		margin: 0px;
		}

.nm_post_title {
		font-size: 20px;
		}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #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; }
*/