@CHARSET "UTF-8";

body {
	background: url('../img/bg_1024x860.jpg') fixed 0% 60% #000 no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-family: trebuchet ms, lucida grande;
	font-size: 75%;
	color: #243959;
}
body { background: url('../img/bg.jpg') fixed 0% 60% #000 no-repeat\9; }

#title {
	background: url('../img/title.png') no-repeat;
	width: 346px;
	height: 107px;
	position: absolute;
	top: 0px;
	left: 8%;	
}

#lang a img 	{ border: 0px; }
#lang a 		{ opacity: 0.8;	}
#lang a:hover 	{ opacity: 1.0; }
#lang a.active { opacity: 1.0; }
#fi, #en {
	background: url('../img/flagbg.png') no-repeat;
	width: 24px;
	height: 17px;
	position: absolute;
	top: 18px;
	padding: 6px 0px 0px 8px;	
}

#fi { left: 600px; }
#en { left: 640px; }
a#fi:hover, a#en:hover { margin-top: -1px; }

#box { position: absolute; left: 10%; top: 172px; line-height: 1.5em; max-width: 843px; margin-right: 30px; }
#box img { border: none; }

#box-tl, #box-tc, #box-tr { background-image: url('../img/boxbg_top_80p.png'); background-repeat: no-repeat; height: 20px; }
#box-ml, #box-mc, #box-mr { background-image: url('../img/boxbg_middle_80p.png'); background-repeat: repeat-y; }
#box-bl, #box-bc, #box-br { background-image: url('../img/boxbg_bottom_80p.png'); background-repeat: no-repeat; }

#box-tl, #box-tr, #box-bl, #box-br { width: 40px; }

#box-tc { background-position: top center; /*max-width: 900px;*/ min-width: 667px; width:auto !important; width: 660px; margin:0px; padding: 0px;  }
#box-tl { background-position: top left; }
#box-tr { background-position: top right; vertical-align: top;  }
#box-tr ul li { list-style-type: none; }
#box-tr ul {  padding-left: 0px; }
#box-ml { background-position: center left; }
#box-mc { background-position: center center; margin-top: 0px; padding-top: 0px; min-width: 460px; max-width: 800px; vertical-align: top; }
#box-mr { background-position: center right; vertical-align: top; }
#box-bl { background-position: bottom left; height: 20px;  }
#box-bc { background-position: bottom center; height: 20px; }
#box-br { background-position: bottom right; height: 20px; }
#box-cc	{ background-color: #fff; min-width: 500px; min-height: 300px; }

.box-end { height: 50px; }
#box .maincol { min-width: 200px; }
.sidecol { width: 25%; padding-right: 30px; }

#menu {
	position: absolute;
	left: 10%;
	top: 60px;
	max-width: 700px;
}
#menu .m1_fi { background: url('../img/fi_m1_80_100.png'); }
#menu .m2_fi { background: url('../img/fi_m2_80_100.png'); }
#menu .m3_fi { background: url('../img/fi_m3_80_100.png'); }
#menu .m4_fi { background: url('../img/fi_m4_80_100.png'); }
#menu .m5_fi { background: url('../img/fi_m5_80_100.png'); }

#menu .m1_en { background: url('../img/en_m1_80_100.png'); }
#menu .m2_en { background: url('../img/en_m2_80_100.png'); }
#menu .m3_en { background: url('../img/en_m3_80_100.png'); }
#menu .m4_en { background: url('../img/en_m4_80_100.png'); }
#menu .m5_en { background: url('../img/en_m5_80_100.png'); }


#menu .active { background-position: center 99%; }
#menu img { border: none; /*filter:alpha(opacity=80);*/ }
#menu a { display: block; width: 150px; height: 110px; border: none; /*opacity: 0.8;*/ } 

#menu a:hover { background-position: center bottom; }
.m1_fi, .m1_en { position: absolute; }
.m2_fi, .m2_en { position: absolute; left: 150px; }
.m3_fi, .m3_en { position: absolute; left: 300px; }
.m4_fi, .m4_en { position: absolute; left: 450px; }
.m5_fi, .m5_en { position: absolute; left: 600px; }

#portfolio img { width: 120px; height: 100px; border: 1px solid #243959; padding: 5px; margin: 0px 0px 10px 10px; }

#portfolio a:hover img { border: 1px solid #fff; background-color: #243959; filter:alpha(opacity=100); }

.bloglist li { list-style-type: none; }
.bloglist { padding-left: 10px; margin-left: 0px; min-width: 150px; }
.blog-archive-selected-year { background-color: #243959; color: #fff; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.show-blogs .blog-archive-selected-year a:visited { color: #fff; }
.giglist td { padding-right: 10px; }
h1 { font-size: 1.7em; margin-top: 0px; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h3.trim { margin-top: 0px; }
.spacer { border-top: 1px solid #243959; width: 200px; opacity: 0.2; filter:alpha(opacity=20); }
.spacer-dots { line-height: 3px; font-size: 75%; opacity: 0.6; filter:alpha(opacity=60); padding-left: 97px; line-height: 3px; }
.spacer-dots span { padding-left: 110px; }
.indent { padding-left: 20px; }
a { color: #243959; font-weight: bold; }
a:hover { border-bottom: 1px solid #8295b3; }
.bloglist a:visited { color: #582459; }

.smaller { font-size: 85%; }

.footer { padding-bottom: 6px; opacity: 0.8; }

/***** guestbook *****/
.gb-reply { padding-left: 3em; margin-bottom: 12px; color: #660000; }
.spacer-blog {  border-top: 1px solid #243959; margin: 0px 100px 12px 100px; opacity: 0.2; filter:alpha(opacity=20); }
.gb-reply-msg { margin-top:0px; margin-bottom: 0px; }
.gb-reply-author { padding-left: 1em; }
.error { color: red; font-weight: bold; }
.gb-pages {margin-bottom: 12px;}

/***** /guestbook *****/

#flickr-sets ul.gallery { padding-left: 1em; padding-right: 1em; }
#flickr-sets li { padding-right: 10px; list-style-type: none; display: inline; }