/**
 
	- Skeletor [Main] -

	@style styles.css
	@author Sitefactory / Jesse

*/

/* --------------------------
 *
 * Imports
 *
** ----------------------- */

	/* Reset */
	@import "lib-skeletor/normalize.css";

	/* Base */
	@import "lib-skeletor/base.css";

	/* Skeletor */
	@import "lib-skeletor/skeletor.css";

	/* ResponsiveSlider */
	@import "lib-skeletor/responsiveslider.css";


/* --------------------------
 *
 * Structure
 *
** ----------------------- */
	
	body 															{ -webkit-font-smoothing: antialiased; font-family: 'Roboto Slab'; background: #515151 url(../img/bg.jpg) no-repeat center top; }

		.wrapper 													{ width: 953px; }

		h1, .h1														{  }
		h2, .h2														{ font-family: 'Roboto Slab';  }
		h3, .h3														{  }
		h4, .h4														{  }
		
		nav#main 													{ margin-top: 20px; }
		nav#main:after 												{ content:' '; clear:both; display: table; }

		header 														{ background: url(../img/header-bg.png) no-repeat center top; height: 185px; text-align: center; padding: 30px 0; margin-top: 20px; display: block; }

			header h1 												{ font-size: 54px; color: #fff; text-shadow: 4px 4px #000; text-transform: uppercase; margin-bottom: 10px; }
			header span 											{ display: block; margin-bottom: 1em; }

			header a 												{ color: #fff; }

		.menu 														{ color: #fff; font-size: 23px; }
			.menu .current 											{ text-decoration: underline; font-weight: bold; }	
			.menu a 												{ color: #fff; }

		#content 													{ margin-top: 29px; position: relative; z-index: 1; }
			#content .top-image 									{ position: absolute; z-index: 3; top: -144px; }
			#content .content-bg 									{ background: url(../img/content-bg-middle.png) repeat-y center top; margin-top: 170px; min-height: 300px; padding-bottom: 50px; }
				#content .content-bg .content-inner 				{ position: relative; z-index: 5; top: -90px; padding: 0 112px; }
			#content .bottom-image 									{ margin-top: -85px; position: relative; z-index: 1; }

			
			#content .anchor-menu 									{ padding-bottom: 20px; font-size: 20px; text-align: center; }
				#content .anchor-menu a 							{ color: #252525; display: inline-block; padding: 0 5px; }

			
			#content .pages img 									{ width: 123px !important; height: 174px !important; margin: 0 5px 10px 0; }
			#content .pages .h1 									{ color: #252525; text-align: center; }
			#content .pages .h1 a 									{ color: #252525; text-align: center; }


		footer 														{ color: #fff; font-size: 14px; text-align: center; margin-bottom: 50px; padding: 20px 0; }
			footer a 												{ color: #fff; }

/* --------------------------
 *
 * Intro
 *
** ----------------------- */


	#intro 															{ margin:10% 0 2em 0; }

	#intro .banner 													{ background: url(../img/header-bg.png); background-position: center top; background-size: 100% 100%; height: 125px; }

	#intro .banner a 												{ display: block; line-height: 125px; }

	#intro .banner h1 												,
	#intro .banner h2 												{ font-size: 36px; color: #fff; text-shadow: 4px 4px #000; text-transform: uppercase; margin-bottom: 10px; display: inline-block; }
	
	#intro .banner.kansataisteli h1 								{ margin:20px 0 0 0; }	
	#intro .banner.ei-julkaistut h2 								{ margin:20px 0 0 0; }	

	#intro .banner-content 											{ margin-top: 20px; }
	#intro .banner-content .top-image 								{  }
	#intro .banner-content .content-bg 								{ margin-top:-30px; background: url(../img/content-bg-middle.png) repeat-y center top; background-size:100%; }
	#intro .banner-content .content-inner 							{ min-height:453px; padding:0 30px 20px 45px; position: relative; z-index: 5; font-size: 1.2em; line-height: 1.5;}
	#intro .banner-content .content-inner p 						{  }
	#intro .banner-content .content-inner .link-button 				{ font-size: 1.1em; padding: .5em 1em; }
	#intro .banner-content .bottom-image 							{ margin-top: -85px; position: relative; z-index: 1; }

/* --------------------------
 *
 * Julkaisemattomat
 *
** ----------------------- */

	.ei-julkaistut header#top h1									{ margin-top:5px; margin-bottom: 10px; font-size:45px; }

	.ei-julkaistut .category 										{ height: 208px; position: relative; }

	.ei-julkaistut .category-image 									{ height:151px; overflow: hidden; }
	
	.ei-julkaistut .category-name 									{ z-index: 1; position: absolute; bottom:0; width: 100%; text-align: center; }

	.ei-julkaistut.kategoria #content .content-bg .content-inner	{ padding: 0 45px; }


/* --------------------------
 *
 * Typograghy
 *
** ----------------------- */

	a 																{ color:#fa2f3b; }

	.link-button 													{ background-color: #00CAEF; display: inline-block; padding: .5em .75em; color: #fff; }

	span.smaller 													{ font-size: .65em; margin:0; }

/* --------------------------
 *
 * Common
 *
** ----------------------- */


	.word-wrap 														{ word-wrap: break-word; }

	.hide 															{ display: none !important; }

	.float-left 													{ float: left !important; }
	.float-right 													{ float: right !important; }

	.text-center 													{ text-align: center; }
	.text-right 													{ text-align: right; }
	.text-left  													{ text-align: left; }

	.no-margin-top 													{ margin-top: 0 !important; }
	.no-margin-right 												{ margin-right: 0 !important; }
	.no-margin-bottom 												{ margin-bottom: 0 !important; }
	.no-margin-left 												{ margin-left: 0 !important; }

	.lightbox 												 		{ outline: none; }

	.link-button 													{ padding:.5em 1em; font-size:1.25em;  color: #fff; text-shadow: 1px 1px #000; text-transform: uppercase; display: inline-block; background: url(../img/header-bg.png); background-position: center top; background-size: 100% 100%; }

	.display-block 													{ display: block; }

/* --------------------------
 *
 *	Print
 *
** ----------------------- */

@media print {

    * 																{ background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }

    #open-mobile-nav 												{ display: none !important; }

    a, a:visited 													{ text-decoration: underline; }

    .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; /* h5bp.com/t */ }
    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; }
}