/*
=====================================================
-----------------------------------------------------
       Luontotupa.Net - http://www.luontotupa.net/
-----------------------------------------------------
       Design Copyright (c) 2008 Mainospalvelu Aamuaurinko -  http://www.aamuaurinko.fi/
=====================================================
       CSS-version 1.0. Luontokuvaajat.Net sivulle: Date: 17.02.2009
=====================================================
*/

/* -------------------------------------
/* Otetaan pois selainten omat perussäädöt eli nollataan CSS!
/* -------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* -------------------------------------
/*  Selaimen perusCSS tyhjenny päättyy ja Perus CSS alkaa!
/* -------------------------------------*/

*:focus { outline: none;}

body {
        margin : 0 auto;
        font-family : Verdana, Arial, Helvetica;
        background-image : url("http://www.luontokuvaajat.net/images/layout/tausta.jpg");
        background-repeat : repeat-x;
        background-position: top;
        background-color: #fff;
	font: 68.75%/1.7em Georgia, "Times New Roman", serif; 
}

a:link {text-decoration: underline; color: #09252e;}
a:hover{text-decoration: none; color: #3a4036;}
a:visited{color: #3a4036;}


p {
	font-size:1.4em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
	width:auto;
}



.wrapper {
margin : 0 auto; 
width : 988px; 
height : auto; 
background-color : #fff;
padding: 0;
border-top: 1px solid #3a4036;
border-left: 1px solid #3a4036;
border-right: 1px solid #3a4036;
border-bottom: 15px solid #023902;
}


/* Perusteita */

#maininfo {
margin : 0 auto;
padding-top: 30px;
width :988px;
height: 420px;
display: block;
        background-image : url("http://www.luontokuvaajat.net/images/layout/alue1.jpg");
        background-repeat : repeat-x;
        background-position: bottom;
background-color: transparent;
}

/* -------------------------------------
/* BANNERI!
/* -------------------------------------*/
#banneri {
margin : 0 auto;
background-image : url("http://www.luontokuvaajat.net/images/layout/luontokuvaajat.gif");
background-repeat : no-repeat;
min-width : 990px !important;
color: #fff;
width: 990px;
min-height : 68px;
height: 68px;
display: block;
}


/* -------------------------------------
/*  Alue 1 alkaa!
/* -------------------------------------*/


.alue_1 {
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
        padding-left: 5px;
  	width:540px;
        height: auto;
        background-color : transparent;
        font-size: 1.4em;
}


.alue_1 p{
        font-size: 1.1em;
        text-align: justify;
  	width:500px;
        color: #fff;
}

.alue_1 h1 {
	font:1.8em "Times New Roman", Georgia, serif; 
}

.alue_1 h1 a:link {
        color: #fff;
        text-decoration: none;
}

.alue_1 h1 a:hover{
        color: #ccc;
        text-decoration: underline;
}

.alue_1 a:link {
        color: #fff;
        text-decoration: none;
}

.alue_1 a:hover{
        color: #fff;
        text-decoration: underline;
}

.alue_1 a:visited{
        color: #fff;
        text-decoration: none;
}

.alue_1 h2{

        font-size: 1.6em;
}

.alue_1 h3 {

        font-size: 1.4em;
}

/* -------------------------------------
/*  Alue 1 loppuu!
/* -------------------------------------*/


/* -------------------------------------
/*  Alue_3a alkaa!
/* -------------------------------------*/

.alue_3a {
	display:block;
	float:left;
	margin-left:10px;
        padding: 5px;
	width:300px;
        height: auto;
        background-color : transparent;
        text-align: left;
	font-size:1em;
	line-height:1.8em;
}



.alue_3a p{
        font-size: 1.2em;
        text-align: left;
        margin-left: 15px;
  	width:250px;
        color: #000;
}

.alue_3a h1 {
	font:1.8em "Times New Roman", Georgia, serif; 
}

.alue_3a h1 a:link {
        color: #09252e;
        text-decoration: none;
}

.alue_3a h2{

        font-size: 1.6em;
}

.alue_3a h2 a:link {
        color: #09252e;
        text-decoration: none;
}

.alue_3a h2 a:hover{
        color: #a7bac0;
        text-decoration: underline;
}

.alue_3a h3 {

        font-size: 1.4em;
}

/* -------------------------------------
/*  Alue_3a loppuu!
/* -------------------------------------*/

/* -------------------------------------
/* Slideshow kuville CSS!
/* -------------------------------------*/

.alue_2 {
	display:block;
	float:right;
	margin-right:30px;
	width:350px;
        height:400px;
        background: transparent;
        overflow: hidden;
}

.alue_2 a:link {
        color: #fff;
        text-decoration: none;
}

.alue_2 img {
        border: 5px solid #fff;
}



/* -------------------------------------
/*  arvostelu alkaa!
/* -------------------------------------*/

.arvostelu {
	display:block;
	float:left;
	margin-left:10px;
        padding: 5px;
	width:300px;
        height: auto;
        background-color : transparent;
        text-align: left;
	font-size:1em;
	line-height:1.8em;
}

.arvostelu p{
        font-size: 1.2em;
        text-align: left;
  	width:290px;
        color: #000;
}

.arvostelu h1 {
	font:1.8em "Times New Roman", Georgia, serif; 
}

.arvostelu h1 a:link {
        color: #09252e;
        text-decoration: none;
}

.arvostelu h2{

        font-size: 1.6em;
}

.arvostelu h2 a:link {
        color: #09252e;
        text-decoration: none;
}

.arvostelu h3 {

        font-size: 1.4em;
}


/* -------------------------------------
/* jQuery kiinni-auki sivustokartta CSS!
/* -------------------------------------*/
#kiinni {

        background-image : url("http://www.luontokuvaajat.net/images/layout/tausta.jpg");
        background-repeat : repeat-x;
        background-position: top;
	display:	none;
}

#auki {
        background: transparent;
}

.slinkit {
        background: transparent;
        float:		left;
	width:	155px;
	padding:	20px 15px 20px 150px;
}

.slinkit ul li {
	padding: 	3px 0;
}

.slinkit ul li li {
	padding:	3px 0 3px 15px;
}


/* muuta sälää ja sivustokarttaan liittyvää */

.clear {
        clear: both; 
        height:20px; 
        background: transparent;
}

.alaviiva {margin: 0 auto; width: 250px; border-bottom: 1px solid #ccc; display: block;}


/* YLÄNAVIGOINTI --------------------------------------------------------------------------- */

#nav ul {list-style:none; margin:0 auto; padding:0; width:988px; float: left; background: #09252e url('http://www.luontokuvaajat.net/images/layout/nav_hover.gif') repeat-x; font-family : Verdana, Arial, Helvetica; font-size: 1.2em;}
#nav li {float: left;}
#nav ul a {display: block; float: left; padding: 0 1em; line-height: 2.5em; background:url('http://www.luontokuvaajat.net/images/layout/nav_vali.gif') repeat-y left top; color:#fff; font-weight:normal; text-decoration: none;}
#nav  a:hover {color:#fff; background:url('http://www.luontokuvaajat.net/images/layout/nav1.gif') repeat-x;}
#nav ul .valittu a {cursor: default; color:#fff; background:url('http://www.luontokuvaajat.net/images/layout/nav1.gif') repeat-x;}