/*

Theme Name:Joonas Karhumaa

Theme URI:http://www.joonaskarhumaa.com

Description:Joonas, tule ulos kaapista!

Version:1.0

Author:lehmuskallio.com







*/
img#background { height: 100%;

 width: 100%;

 z-index: -1;

 position:absolute;





 }


.kolumni li {

float:left;
padding: 10px;
}




body {

  margin:0;

  border:0;

  padding:0;

  height:100%; 

  max-height:100%; 

  font-family:arial, verdana, sans-serif; 

  font-size:11px;

  

  }



/* for internet explorer */

* html body {

  padding:70px 0 40px 0; 

  }





/* yleiset m��ritteet */

li {
list-style-type: none;
}

.alignleft a{

padding: 3px;
background-color: #000000;
}

.alignright a{

padding: 3px;
background-color: #000000;
}
.post {
width: 625px;
margin-bottom: 10px;
background-image:url(http://joonaskarhumaa.com/joonas/wp-content/uploads/2012/01/content_tausta_75.png);

	padding:5px;
}

.post a {
color: #ffffff;
}


img {
border:none;
}

a {
text-decoration:none;
color: #ffffff;
}

h1, h2 {
	color: #87ac6d;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	margin: 20px 0 10px;
}

h1 {
	font-size: 2.5em;
	border-bottom: 1px solid #666666;
}

h3 {
border-bottom: 1px solid #666666;
}


blockquote {
	font-style: italic;	
}

#clear {
clear:both;
}

/* header */ 

#header-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
overflow: hidden;

}

#header-container {
	height: 90px;
	background-color: #333333;
}

#header {
	width: 940px;
	margin: 0 auto;
	position: relative;
}


#logo {

width: 200px;
float: left;
}

/* Navigaation muotoilu */



#nav {

list-style: none;
margin-top: 25px;



float:right;
}




#nav li {



text-align:center;



float:left;


text-decoration:none;



color: #999999;




font-weight:600;


border-bottom:none;



letter-spacing:0px;



display:inline;



width:auto;



margin-left:2px;



}



#nav li a {



font-size:14px;



color: #fff;



font-weight:400;

text-decoration:none;



display:block;



padding:12px 40px;


border-right: thin solid #999999;

border-bottom:none;



}



#nav li:hover {



background-image: url("images/nav_tausta.png");

background-repeat: no-repeat;

background-position:center bottom;


}

#nav li.current_page_item {



background-image: url("images/nav_tausta.png");

background-repeat: no-repeat;

background-position:center bottom;


}
















/* navi p��ttyy */

/* etusivun sis�lt�� */

#excerpt {
padding: 5px;
background-color:#CCCCCC;
margin: 0px;
}

#excerpt img {
float: left;

}
#excerpt p {
float: right;
width: 450px;
margin: 0px;
padding: 0px;
font-size:10px;
}

#lisaa {
padding:2px;
margin-top: 1px;
float: right;
background-image:url(images/h1_tausta.png);
background-repeat:repeat-x;
}

#lisaa a {
color:#000000;
}

#lisaa a:hover {
color:#CCCCCC;
}



/*etusivu p��ttyy */



#container {

font-family:Arial, serif;

  font-size: 1.2em;

  position:absolute; 

  top:90px;

  left:0;

  bottom:50px; 

  right:0; 

  overflow:auto; 



		
	
}

#laatikko {


margin-top: 150px;
height: 360px;
	

}

#content {
margin-top: 5px;
	float: right;
	width: 625px;
}

#content h3 {
background-image:url(images/h1_tausta.png);
background-repeat:repeat-x;
color: #000000;
text-decoration:none;
font-weight:100;
font-size:14px;
padding: 2px 5px;
margin-bottom:1px;
margin-top: 5px;
}

#contentkaksi {
margin-top: 5px;
	float: right;
	width: 635px;
	margin-bottom: 40px;
	
}

#contentkaksi h1 {
background-image:url(images/h1_tausta.png);
background-repeat:repeat-x;
color: #000000;
text-decoration:none;
font-weight:100;
font-size:14px;
padding: 2px 5px;
margin-bottom:1px;
margin-top: 5px;
}


#sisalto {

width: 940px;
margin: 0 auto;
}

/* sivupalkki */

#sidebar {
	float: left;
	width: 275px;
	margin-top: 10px;
}

/* footer */

#footer-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
height: 50px;
	width: 100%;	
overflow: hidden;

}

#footer-container {
	height: 50px;
	padding-top: 10px;
	background-color: #333333;
}

#footer {
	width: 940px;
	margin: 0 auto;
	position: relative;
	
}
