/*** Ikimono CSS / Ikimono & Jyri Öhman 2009 ***/


/*** Basic structure ***/

*{
	margin: 0;
	padding: 0;
}

body{
	overflow-x: hidden;
	background: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
	color: #49443e;
}

img.body_background{
	width: 100%;
	min-width: 1680px;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}

body.body_main{
	background: #443816;
}

body.body_sustainability{
	background: #a1c21f;
}

body.body_creativity{
	background: #149e8d;
}

body.body_sincerity{
	background: #d88430;
}

.hidden{
	display: none;
}

/*** Header & navigation ***/

div#header{
	width: 100%;
	height: 255px;
	position: relative;
}

a#logo{
	width: 243px;
	height: 86px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url("http://www.ikimono.fi/img/logo-trans.png") no-repeat left top;
}

a#logo:hover{
	background-position: left bottom;
}

div#slogan{
	width: 100%;
	height: 147px;
	position: absolute;
	top: 86px;
	left: 0;
	background: transparent url("http://www.ikimono.fi/img/slogan-trans.png") no-repeat left top;
}

a#navigation_sustainability{
	width: 236px;
	height: 28px;
	position: absolute;
	top: 115px;
	left: 69px;
	background: transparent url("http://www.ikimono.fi/img/navigation-trans.png") no-repeat left top;
}

a#navigation_sustainability_active{
	width: 236px;
	height: 28px;
	position: absolute;
	top: 115px;
	left: 69px;
	display: block;
}

a#navigation_sustainability:hover, a#navigation_sustainability_active:hover{
	background: transparent url("http://www.ikimono.fi/img/navigation-trans.png") no-repeat left -28px;
}

a#navigation_creativity{
	width: 151px;
	height: 28px;
	position: absolute;
	top: 115px;
	left: 325px;
	background: transparent url("http://www.ikimono.fi/img/navigation-trans.png") no-repeat -256px top;
}

a#navigation_creativity_active{
	width: 151px;
	height: 28px;
	position: absolute;
	top: 115px;
	left: 325px;
	display: block;
}

a#navigation_creativity:hover, a#navigation_creativity_active:hover{
	background: transparent url("http://www.ikimono.fi/img/navigation-trans.png") no-repeat -256px -28px;
}

a#navigation_sincerity{
	width: 186px;
	height: 28px;
	position: absolute;
	top: 115px;
	left: 526px;
	background: transparent url("http://www.ikimono.fi/img/navigation-trans.png") no-repeat -457px top;
}

a#navigation_sincerity_active{
	width: 186px;
	height: 28px;
	position: absolute;
	top: 115px;
	left: 526px;
	display: block;
}

a#navigation_sincerity:hover, a#navigation_sincerity_active:hover{
	background: transparent url("http://www.ikimono.fi/img/navigation-trans.png") no-repeat -457px -28px;
}

/*** Wrapper & boxes ***/

div.wrapper{
	overflow: hidden;
	margin: 0 0 10px 20px;
}

div.boxholder{
	width: 223px;
}

div.box, div.bigbox, div.blogbox, div.staffbox{
	display: inline;  /* IE6 fix */
	overflow: hidden;
	float: left;
	margin: 0 9px 9px 0;
	font-size: 1.1em;
}

div.box{
	width: 223px;
	border-bottom: 1px solid #4d3a2f;
	border-right: 1px solid #4d3a2f;
}

div.bigbox{
	width: 456px;
	border-bottom: 1px solid #2f2710;
	border-right: 1px solid #2f2710;
}

div.staffbox{
	width: 456px;
	border-right: 1px solid #bd742a;
	border-bottom: 1px solid #bd742a;
}

div.wrapper_sustainability div.box, div.wrapper_sustainability div.bigbox{
	border-color: #618746;
}

div.wrapper_creativity div.box, div.wrapper_creativity div.bigbox{
	border-color: #118375;
}

div.wrapper_sincerity div.box, div.wrapper_sincerity div.bigbox{
	border-color: #a24d2e;
}

div.box div.sleeve{
	width: 100%;
	height: 5px;
	background: transparent url("http://www.ikimono.fi/img/strip-trans.png") no-repeat left top;
}

div.bigbox div.sleeve, div.staffbox div.sleeve{
	width: 100%;
	height: 5px;
	background: transparent url("http://www.ikimono.fi/img/strip_large-trans.png") no-repeat top left;
}

div.content{
	overflow: hidden;
	position: relative;
	padding: 10px 9px 5px 10px;
	background: #fcfced;
}

div.bigbox div.content, div.blogbox div.content, div.staffbox div.content{
	padding: 15px;
}

div.box:hover div.content, div.bigbox:hover div.content, div.blogbox:hover div.content, div.staffbox:hover div.content{
	background: #f7f7db;
}

div.box:hover div.sleeve, div.bigbox:hover div.sleeve, div.blogbox:hover div.sleeve, div.staffbox:hover div.sleeve{
	background-position: 0px -5px;
}

/*** Twitter ***/

ul#twitter_update_list{
	overflow: hidden;
	clear: both;
	margin: 0 0 10px 0;
	list-style: none;
}

div.bigbox ul#twitter_update_list{
	border-top: 1px dashed #cbcbb2;
}

ul#twitter_update_list li{
	position: relative;
	padding: 0;
	margin: 0;
}

div.bigbox ul#twitter_update_list li{
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	border-bottom: 1px dashed #cbcbb2;
}

ul#twitter_update_list li span.left_quote, ul#twitter_update_list li span.right_quote{
	height: 15px;
	display: block;
	position: absolute;
	background: transparent url("http://www.ikimono.fi/img/quote-trans.png") no-repeat;	
}

ul#twitter_update_list li span.left_quote{
	width: 19px;
	top: 0;
	left: 0;
	background-position: left top;
}

ul#twitter_update_list li span.right_quote{
	width: 20px;
	bottom: 0;
	right: 0;
	background-position: right top;
}

div.bigbox ul#twitter_update_list li span.left_quote, div.bigbox ul#twitter_update_list li span.right_quote{
	display: none;
}

ul#twitter_update_list li span.message{
	width: 144px;
	display: block;
	position: relative;
	left: 29px;
	font-style: italic;
}

div.bigbox ul#twitter_update_list li span.message{
	width: 416px;
	left: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
}

a#twitter_time{
	font-style: normal;
}

span#twitter_time{
	font-style: normal;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}

div.bigbox a#twitter_time{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

/*** Headings, paragraphs & links ***/

h1{
	float: left;
	clear: both;
	padding: 0;
	margin: 0 0 8px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: normal;
	color: #49443e;
}

div.sustainability h1, div.sustainability h1 a{
	color: #a1c21f;
}

div.creativity h1, div.work h1, div.creativity h1 a, div.work h1 a{
	color: #149e8d;
}

div.sincerity h1, div.sincerity h1 a{
	color: #d88430;
}

div.sustainability h1 a:hover, div.creativity h1 a:hover, div.work h1 a:hover, div.sincerity h1 a:hover, div.blog h1 a:hover, div.staff h1 a:hover{
	color: #49443E;
}

h2{
	width: 100%;
	float: left;
	clear: both;
	padding: 5px 0;
	border-top: 1px dashed #cbcbb2;
	border-bottom: 1px dashed #cbcbb2;
	margin: 0 0 8px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: italic;
	color: #49443e;
}

h2 a{
	color: #49443e;
}

p{
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 10px;
}

p.introduction{
	padding: 5px 0;
	border-top: 1px dashed #cbcbb2;
	border-bottom: 1px dashed #cbcbb2;
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-style: italic;
}

p.form_introduction{
	padding: 10px 0 5px 0;
	border-top: 1px dashed #cbcbb2;
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-style: italic;
}

p.comment_introduction{
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-style: italic;
}

span.admin_writer{
	color: #149e8d;
}

div.bigbox p.introduction{
	padding: 0;
	border: none;
}

div.blogbox p.introduction{
	clear: both;
	padding: 5px 0;
	border-top: 1px dashed #cbcbb2;
	border-bottom: 1px dashed #cbcbb2;	
}

div.blog p.introduction{
	clear: both;
	padding: 0;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.6em;
}

div.work_text{
	overflow: hidden;
}

p.footnote{
	text-align: right;
}

p.electronic_contact{
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

a{
	color: #d88430;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a img{
	border: none;
}

p a:hover, ul#twitter_update_list li a:hover{
	background: #d88430;
	color: #fcfced;
}

div#contact h1{
	color: #49443e;
}

div#map_holder{
	width: 203px;
	height: 203px;
	margin: 0 0 13px 0;
	position: relative;
	float: left;
}

div#map_holder a{
	float: left;
	padding-bottom: 5px;
	position: relative;
}

div#map_holder img{
	border: 4px solid #cbcbb2;
}

a.work img, a.service img{
	width: 195px;
	margin-bottom: 10px;
	border: 4px solid #cbcbb2;
}

a.blog img{
	clear: both;
	float: left;
	margin-bottom: 10px;
	border: 4px solid #cbcbb2;
}

img.blog{
	clear: both;
	float: left;
	margin-bottom: 10px;
	border: 4px solid #cbcbb2;
}

div.bigbox a.work img{
	float: left;
	clear: both;
	margin-bottom: 4px;
}

div.blogbox p{
	clear: both;
}

a.work, a.service, a.blog{
	position: relative;
	float: left;
	margin-right: 10px;
}

div#map{
	width: 195px;
	height: 195px;
}

div#copyright{
	display: none !important;
}

a.skype_icon{
	height: 16px;
	margin: 4px 5px 0 0;
	background: url("http://www.ikimono.fi/img/skype_icon-trans.png") no-repeat top left;
	display: block;
	float: left;
}

a.skype_icon span{
	margin: 0 0 0 21px;
}

a.twitter_icon{
	height: 16px;
	margin: 5px 5px 0 0;
	background: url("http://www.ikimono.fi/img/twitter_icon-trans.png") no-repeat -19px top;
	display: block;
	float: left;
	clear: both;
}

a.twitter_icon span{
	margin: 0 0 0 21px;
}

a.facebook_icon{
	height: 16px;
	margin: 5px 5px 0 0;
	background: url("http://www.ikimono.fi/img/fb_icon-trans.png") no-repeat top left;
	display: block;
	float: left;
	clear: both;
}

a.facebook_icon span{
	margin: 0 0 0 21px;	
}

a.skype_icon:hover span, a.twitter_icon:hover span, a.facebook_icon:hover span{
	background: #d88430;
	color: #fcfced;
}

a.skype_icon:hover{
	border: none;
	background: url("http://www.ikimono.fi/img/skype_icon-trans.png") no-repeat top left;
}

a.twitter_icon:hover{
	border: none;
	background: url("http://www.ikimono.fi/img/twitter_icon-trans.png") no-repeat -19px top;
}

 a.facebook_icon:hover{
	border: none;
	background: url("http://www.ikimono.fi/img/fb_icon-trans.png") no-repeat top left;
}

a.twitter_header{
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("http://www.ikimono.fi/img/twitter_icon-trans.png") no-repeat top right;
}

a.facebook_header{
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("http://www.ikimono.fi/img/fb_icon-trans.png") no-repeat top right;
}

div.bigbox a.twitter_header{
	top: 15px;
	right: 15px;
}

a.rss_header{
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("http://www.ikimono.fi/img/rss-trans.png") no-repeat top left;
}

div.blogbox a.rss_header{
	top: 15px;
	right: 15px;
}

span.italic{
	font-style: italic;
}

span.plus{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 8px;
	right: 8px;
	background: url("http://www.ikimono.fi/img/plus-trans.png") no-repeat -18px 0;
}

div#map_holder span.plus{
	background-position: -36px 0;
}

a:hover span.plus{
	background-position: -18px -18px;
}

div#map_holder a:hover span.plus{
	background-position: -36px -18px;
}

div.sustainability span.plus{
	background-position: 0 0;
}

div.sustainability a:hover span.plus{
	background-position: 0 -18px;
}

div.sincerity span.plus{
	background-position: -36px 0;
}

div.sincerity a:hover span.plus{
	background-position: -36px -18px;
}

div.hr{
	width: 100%;
	clear: both;
	margin: 0 0 10px 0;
	border-top: 1px dashed #cbcbb2;	
}

div.work_part{
	width: 100%;
	overflow: hidden;
	clear: both;
	padding-bottom: 10px;
}

p.tag_cloud{
	margin: 0;
}

.tag_largest{font-size: 1.8em;}
.tag_large{font-size: 1.6em;}
.tag_medium{font-size: 1.4em;}
.tag_small{font-size: 1.2em;}
.tag_smallest{font-size: 1em;}

ul#blog_archive{
	list-style: none;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

ul#blog_archive li.year{
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

ul#blog_archive li a{
	color: #49443E;
	line-height: 1.6em;
}

ul#blog_archive li a:hover{
	background: #d88430;
	color: #fcfced;
}

input.text, textarea{
	width: 80%;
	display: block;
	float: left;
	clear: both;
	background: #fcfced;
	border: 1px solid #CBCBB2;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #49443E;
	margin-bottom: 10px;
}

form#blog_comment_form input.text, form#blog_comment_form textarea{
	width: 414px;
}

form#blog_comment_form textarea{
	width: 414px !important;
	height: 50px !important;
}

input.submit{
	float: left;
	clear: both;
	background: #d88430;
	border: 0;
	padding: 5px;
	color: #fcfced;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

input.button_disabled{
	background: #666;
	color: #CBCBB2;
	cursor: default;
}

/*** IE6 ***/
div#ie6{
	width: 760px;
	height: 1250px;
	margin: 0 auto;
	position: relative;
	background: transparent url("../img/ie6_content.jpg") no-repeat center top;
}

div#ie6 a{
	width: 70px;
	height: 70px;
	position: absolute;
}

div#ie6 a.get_ie{left: 530px; top: 125px;}

div#ie6 a.get_ff{left: 570px; top: 200px;}

div#ie6 a.get_safari{left: 610px; top: 125px;}

div#ie6 a.get_chrome{left: 650px; top: 200px;}

div#ie6 a.get_opera{left: 690px; top: 125px;}

div#ie6 a.visit_facebook{height: 50px; width: 250px; left: 0; top: 317px;}

div#ie6 a.visit_twitter{height: 50px; width: 230px; left: 0; top: 380px;}

div#ie6 a.email_janne{height: 23px; width: 164px; left: 270px; top: 1200px;}

div#ie6 a.email_jyri{height: 23px; width: 158px; left: 547px; top: 1200px;}