/* @override 
	http://www.kalmakurki.com/wp-content/themes/kalmakurki/style.css
*/

/*   
Theme Name: Kalmakurki WordPress teema
Theme URI: 
Description: Ulkoasuteema Kalmakurki.com-sivustolle
Author: Daniel Koskinen
Author URI: http://danwebdesign.fi
Version: 1.0
Tags: Kalmakurki Eklekti DanWebDesign

*/

/* Apply basic reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
/* -------------------------------------------------------------- 
Set default typography based on Blueprint
http://code.google.com/p/blueprintcss/
-------------------------------------------------------------- */ 
body{color:#afb1b3;font:15px "Trebuchet MS",sans-serif;line-height:21px;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#fff;}
h1{font-size:24px;line-height:36px;}
h2{font-size:20;line-height:36px;}
h3{font-size:18px;line-height:18px;}
h4{font-size:14px;line-height:18px;}
h5{font-size:12px;line-height:18px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;line-height:18px;}
h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img{margin:0;}
input,textarea{color:#222;}
/* Text elements
-------------------------------------------------------------- */
p{margin-bottom:18px;}
ul{margin:0 0 18px 2.5em;}
ol{margin:0 0 18px 2.5em;}
ul{list-style:square;}
ol{list-style-type:decimal;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0;}
dl{margin:0 1.5em;}
dt{font-weight:bold;}
dd{margin-bottom:18px;}
strong{font-weight:bold;}
cite,em,i{font-style:italic;}
blockquote{margin:0 3em;}
blockquote em,blockquote i,blockquote cite{font-style:normal;}
pre{font:11px Monaco,monospace;line-height:18px;margin-bottom:18px;}
code{font:11px Monaco,monospace;}
abbr,acronym{border-bottom:1px dotted #333;cursor:help;}
ins{text-decoration:none;}
sup,
sub{height:0;line-height:1;vertical-align:baseline;position:relative;}
sup{bottom:1ex;}
sub{top:.5ex;}
/* Pullquotes
-------------------------------------------------------------- */
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%;}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%;}
/*
Adapt the following for use in your Child Themes when using
different font-sizes and line-heights
body,input,textarea{font:--px Arial,sans-serif;line-height:--px;}
p,ul,ol,dd,pre{margin-bottom:--px;}
pre,code{font:--px Monaco,monospace;line-height:--px;}
All other styles can be overridden--or ignored!--in Child Theme stylesheets
*/

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_3 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .grid_1 {
	width:278px;
}

.container_3 .grid_2 {
	width:578px;
}

.container_3 .grid_3 {
	width:878px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .prefix_1 {
	padding-left:320px;
}

.container_3 .prefix_2 {
	padding-left:640px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .suffix_1 {
	padding-right:320px;
}

.container_3 .suffix_2 {
	padding-right:640px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* @group Basic Styles */

body {
	background: black url(kuvat/k.png) no-repeat fixed 0 100%;
	color: white;
	margin-bottom: 40px;
}

a {
	color: white;
	outline-style: none; outline-width: none;}

#wrapper {
	margin-top: 21px;
	overflow: hidden;
}

#kalmakurki {

	height: 77px;
}

#main {
	margin-top: 42px;
	width: 918px !important;
	border: 1px solid #7f7f7f;
	overflow: hidden;
	background-color: black;
}

.hentry {
	position: relative;
	margin: 20px;
}

.entry {
	margin-top: 10px;
}

.post_time {
	color: #666;
}

img.alignright {
	margin: 0 0 21px 21px;
}

img.alignleft {
	margin: 0 21px 21px 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
	margin-bottom: 21px;
}

a[href$='.pdf'] { padding:0 0 0 25px; background:transparent url(i/mini-icons/file_acrobat.gif) no-repeat center left; } 


/* @end */

/* navi */

.nav {
	position: relative;
	display:inline;
	float: left;
	height: 77px;
	width: 620px !important;
	margin-right: 0;
	margin-left: 10px;
}

.nav ul {
 margin: 0;
 position: absolute;
 right: 0;
 bottom: 0;
 font-size: 12px;
 padding: 0;
 list-style-type: none;
}

.nav li { 
 margin: 0; 
 padding: 0;
 float: left;
}

.nav a, .nav span { 
 color: white;
 float: left;
 height: 35px;
 text-decoration: none;
 text-align: center;
 background: transparent url(kuvat/navi.png) no-repeat 0 0;
  text-indent: -9000px;
} 

.nav .page-item-3 a {
 width: 112px;
 background: transparent url(kuvat/navi_01.png) no-repeat 0 0;
}

.nav .page-item-7 a {
 width: 82px;
 background: transparent url(kuvat/navi_02.png) no-repeat 0 0;
}

.nav .page-item-8 a {
 width: 94px;
 background: transparent url(kuvat/navi_03.png) no-repeat 0 0;
}

.nav .page-item-10 a {
 width: 77px;
 background: transparent url(kuvat/navi_04.png) no-repeat 0 0;
}

.nav .page-item-12 a {
 width: 117px;
 background: transparent url(kuvat/navi_05.png) no-repeat 0 0;
}


.nav a:hover, .nav span:hover, .nav a:focus, .nav a:active { 
 background-position: 0 -38px; 
}

.nav .current_page_item a, .nav .current_page_ancestor a {
 background-position: 0 -37px; 
}

#subnav {
 margin-top: 21px;
}

.home #main {
        margin-left:0px;
        margin-top:0px;
	background-image: url(kuvat/kalmakurki_etusivu_kuva.jpg);
	background-repeat: no-repeat;
	height: 475px;
	width: 920px !important;
	border: none;
}