@charset "utf-8";

* {margin:0;
padding:0;
border:0;
}

@import url("lightbox.css");


body {
	font: 0.8em Tahoma, Geneva, sans-serif;
	background: #f4f3ec;
	background-image:url(img/base/bg_body.png);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}
#container {
	width: 900px;  
	background: #030304;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
background: #473d38;
	background-image:url(img/base/bg_header.png);
	background-repeat:repeat-x;
	height:117px;
	text-align:left;
}


#logo {padding:10px 0 0 10px;
	margin: 0; /* SÄILYTÄ */
}

#lang {width:150px;
text-align:right;
padding:15px 5px 0 0;
float:right;}

#lang img {margin:0 5px 0 0;}
 
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #030304;
	background-image:url(img/base/bg_main.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border:0;
}

 

#navi p {padding:5px;
color:#f5f5ef;
word-spacing:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:0.1em;
font-variant:small-caps;
text-transform:lowercase;
font-size:120%;
}

#navi  a:link, 
#navi a:visited, 
#navi a:hover,
#navi a:active {
	text-decoration: none;
	color: #f5f5ef;
	font-weight:bold;
}

#sisalto {margin: 35px 0 0 20px;
padding:0 0 2em 0; 
font-size:90%;
line-height:160%;
}

#leipis {
	width:450px;
	margin:0 10px 0 0;
	min-height:360px;
 }
 
#kuvashow {
	width:700px;
	text-align:center;
	padding:0;
	margin:0 0 0 60px;
 }
 
#kuvashow2 {
	width:390px;
	text-align:center;
	padding:0 0 0 10px;
	float:right;
 }

#kuvashow2 img {padding:0;
margin:0 0.1em 0.1em 0;}


h1 {margin: 0 0 1em 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-variant:small-caps;
text-transform:lowercase;
font-size:200%;}

h2 {margin: -0.5em 0 1em 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-variant:small-caps;
text-transform:lowercase;
font-size:150%;}

h3 {margin: 2em 0 1em 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
font-variant:small-caps;
text-transform:lowercase;
font-size:140%;}

#leipis p {margin:1em 0 1em 0;}
#leipis ul {margin:1em 0;}
#leipis li {margin:0 0 0.5em 2em;}

#leipis a:link, 
#leipis a:visited, 
#leipis a:hover,
#leipis a:active {
	text-decoration: none;
	color: #f5f5ef;
	font-weight:bold;
}

blockquote {margin:1.5em;
font-style:italic;
}


#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#544943;
	border:0;
	border-top:1px solid #9b9490;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	color:#bbb6b0;
	font-size:85%;
	text-align:center;
}