body{ 
	margin: 0em;
	padding: 0em;
	height: 100%;
	background: url(../pics/background_wood.jpg) repeat-x;
	background-color: rgb(210,210,210);
	font-family: arial, sans-serif;
	text-align: center;
	color: rgb(120,125,130);
	}

a:link{
	color: rgb(120,125,130);
	text-decoration: none;
	}

a:hover{
	color:rgb(80,90,100);
	text-decoration: none;
	}

a img{ border: 0px; margin-bottom: 0.5em; }
a .info img{ margin-bottom: 0.5em; }



 /* * { border: 1px solid rgb(0,0,200); } */

/**************   f o n t s   *****************/

h1, h2, h3, h4, p{
	font-weight: normal;
	margin: 0em;
	padding: 0em;
	}


h1 { 
	font-size: 80%;
	font-variant: small-caps;
	letter-spacing: 0.025em;
	word-spacing: 0.3em;
	line-height: 18px;
	color: rgb(150,155,160);
	}

h2 {
	font-size: 80%;	
	font-variant: small-caps;
	letter-spacing: 0em;
	}


h3{ 
	font-size: 70%;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	}

h4 {
	font-family: georgia, times;
	font-size: 160%;
	color: rgb(255,255,255);
	font-weight: normal;
	padding-bottom: 0.3em;
	}

p{ font-size: 60%;
	color: rgb(120,125,130);
	line-height: 1.6em;
	}


p a, p a:visited { color: rgb(120,125,130); text-decoration: none; }

p a:hover { color: rgb(120,125,130);  text-decoration: none; }

.eng{
	color: rgb(180,210,180);
	padding-left: 0.5em;
}

.small{
	font-size: 9px;
	color: rgb(255,255,255);
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity: .70;
	}


/**************   r a k e n n e   *****************/


#pohja{
	width: 772px;
	height: auto;
	background: rgb(230,230,230);
	margin-left: 260px;
	border: 2px solid rgb(255,255,255);
	text-align: center;
	}

#pohja_border{
	width: 98%;
	border: 1px dotted rgb(255,255,255);
	margin: 6px;
	padding-bottom: 50px;
	background: rgb(255,255,255);
	overflow: auto;
}

#logo {
	width: 772px;
	height: 150px;	
	margin: 40px 0px 0px 260px;
	}

.otsikkoalue{
	width: 100%;
	height: 100%;
	padding: 1em 0em;
	text-align: center;
	background-color: rgb(255,255,255);
	background: url(../pics/gradient_lightgray.gif) repeat-x;
	background-position: left top;
}

/**************  e t u s i v u   *****************/


#random_image{
	width: 760px;
	height: 507px;
	margin: 6px;
	background: url(http://www.mikapuurula.fi/luontokuvia/images/random_images/rotator.php) no-repeat left bottom;
	text-align: center;
	z-index: -100;
}

.random_image_info{
	width: 96%;
	height: auto;
	margin-top: 434px;
	padding: 0.4em 0em;
	border: 1px dotted rgb(255,255,255);
	background: rgb(0,0,0);
	filter: alpha(opacity=30);
	-moz-opacity:.30;
	opacity: .30;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: rgb(255,255,255);
	letter-spacing: 0.15em;
	z-index: 110;
}

/**************   v a l i k k o   *****************/

#valikko{
	position: absolute;
	top: 40px;
	left: 40px;
	width: 180px;
	height: auto;
	border: 2px solid rgb(255,255,255);
	background: url(http://www.mikapuurula.fi/luontokuvia/images/valikko/rotator.php) repeat-y center top;
	}


.valikko_border{
	display: block;
	width: 166px;
	height: auto;
	border: 1px dotted rgb(255,255,255);
	padding-top: 270px;
	margin: 6px;
	}


/**************   m a i n l i n k s   *****************/

.paalinkit{ width: 100%; }

.paalinkit a{
	display: block;
	padding: 0.6em 0em 0.6em 0.6em;
	text-align: left;
	text-decoration: none;
	color: rgb(255,255,255);
	border-top: 1px dotted rgb(140,180,140);
	background: url(../pics/darkgreen_80.png);
	}
	
.paalinkit a:hover{
	color: rgb(255,255,255);
	text-decoration: none;
	background: url(../pics/darkgreen_80.png);
	}

/**************   s u b l i n k s   *****************/

.alalinkit {
	width: 100%;
	}

.alalinkit a {
	display: block;
	color: rgb(255,255,255);
	padding: 0.3em 0em 0.3em 1.2em;
	text-align: left;
	text-decoration: none;
	border-top: 1px dotted rgb(140,180,140);
	background: url(../pics/darkgreen_35.png);
	}

.alalinkit a:hover{
	background: url(../pics/darkgreen_80.png);
	}


/**************   t h u m b s   *****************/

.thumbs{
	width: auto;
	height: auto;
	margin: 1em 0em 5em 1em;
	}

.container{
	widht: auto;
	height: 170px;
	float: left;
	margin: 0.8em 0.5em 0em 0.5em;
	background: rgb(255,255,255);
	}

.pic a{
	display: block;
	width: 110px;
	padding: 8px;
	border: 1px dashed rgb(200,200,200);
	background: rgb(247,247,247);
	color: rgb(140,140,140);
	text-decoration: none;
	}

.pic a:hover{
	background: rgb(230,230,230);
	color: rgb(90,90,90);
	border-color: rgb(90,90,90);
	}

/**************   e r r o r 4 0 4   *****************/

#error_404_background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height:150px;
	background: rgb(0,0,0);
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity: .50;
	z-index: 50;
	}

.error_404 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height:150px;
	margin: 50px 0px 0px 100px;
	text-align: left;
	z-index: 100;
	}

/**************   v e r s i o n   *****************/

.version {
	display: block;
	width: 1036px;
	padding: 10px 0px 50px 0px;
	text-align: right;
	}

/**************   a w a r d s   *****************/

.kuusamo_nature_photo_2008, .posio_lapin_taikamaa_2008 { 
	position: relative;
	margin-top: -68px;
	margin-left: 1px;
	width: 35px;
	height: 44px;
	z-index: 500;
	}

.posio_lapin_taikamaa_2008 { background: url(../pics/award_posio_2008_t.gif); }
.kuusamo_nature_photo_2008 { background: url(../pics/award_kuusamo_2008_t.gif); }