/* Tessukan tyylit */


* 		{
		margin: 0;
		padding: 0;
		}

body 		{  
		font-family: arial, verdana;
		font-size: 80%;
		background-image: url(kuvat/viher.jpg);
		text-align: center;
		} 	

/* Ulkoasun perusosat
---------------------------------------------*/

#yla		{
		width: 100%;
		height: 75px;
		background-image: url(kuvat/yla.jpg);
		}

#main		{
		width: 950px;
		height: 613px;
		margin: 0 auto;
		border: 0px solid black;
		text-align: left;
		background-image: url(kuvat/tausta.jpg);
		background-repeat: no-repeat;
		}

#main2		{
		width: 936px;
		text-align: left;
                float: left;
		background-image: url(kuvat/jatkumo.jpg);
		border: 0px solid black;
		}

#kehys		{
		width: 936px;
		height: 513px;
		background-image: url(kuvat/avo.jpg);
		background-repeat: no-repeat;
		border: 0px solid black;
		}

#leftside	{
		width: 600px;
		float: left;
		border: 0px solid black;
		}

#rightside	{
		width: 340px;
		float: right;
		text-align: right;
		border: 0px solid black;
		}

#leftside2	{
		width: 415px;
		float: left;
		margin-top: 20px;
		border: 0px solid black;
		}

#rightside2	{
		width: 415px;
		float: right;
		margin-top: 20px;
		border: 0px solid black;
		}

#content1	{
		width: 280px;
		margin-left: 203px;
		text-align: justify;
		border: 0px solid black;
		}		

#content2	{
		width: 280px;
		margin-left: 30px;
		text-align: justify;
		border: 0px solid black;
		}

#footer		{
		width: 936px;
		height: 80px;
		clear: both;
		background-image: url(kuvat/footer.jpg);
		border: 0px solid black;
		}

#aloituspuhe	{
		width: 280px;
		height: 150px;
		margin-top: 40px;
		margin-left: 50px;
		border: 0px solid black;
		}

#nippu		{
		width: 404px;
		margin-top: 91px;
		background-image: url(kuvat/paprunjatko.jpg);
		}

#nipunkatto	{
		width: 404px;
		background-image: url(kuvat/papru.jpg);
		background-repeat: no-repeat;
		}

#nipunkanta	{
		width: 404px;
		height: 152px;
		background-image: url(kuvat/paprunkanta.jpg);
		}

#kirjoitus	{
		width: 300px;
                text-align: justify;
		margin-left: 50px;
		}


/* Linkit 
---------------------------------------------*/

a               {
                color: #666633;
                text-decoration: underline;
                }

a:hover         {
                color: #663333;
                text-decoration: underline;
                }

h2 a    	{
		text-decoration: none;
		}

h2 a:hover	{
		text-decoration: none;
		}

/* Teksti 
---------------------------------------------*/

p		{
		margin-bottom: 1em;
		}

p.paivaus	{
		text-align: right;
		}

p.siirtyma	{
		padding-top: 35px;
		text-align: center;
		}

p.oikeisto	{
		text-align: right;
		}

h1		{
		font-size: 150%;
		line-height: 200%;
		}

h2		{
		font-size: 130%;
		line-height: 240%;
		color: #666633;
		}

h3, h4          {
                font-size: 100%;
                color: black;
                }

#kirjoitus h2	{
		text-align: center;
		}

blockquote      {
	        margin: 15px 30px 0 10px;
	        padding-left: 20px;
	        border-left: 5px solid #999966;
	        }
 
blockquote cite {
	        margin: 5px 0 0;
	        display: block;
	        }

/* Listat 
---------------------------------------------*/
ul 		{ 
		list-style: none;
		margin-left: 16px;
		margin-top: 1em;
		margin-bottom: 1em;
		}

#rightside ul	{
		margin-top: 250px;
		padding-top: 20px;	
		}

#rightside li	{
		margin-bottom: 7px;
		border: 0px solid black;
		}

#yla ul		{
		margin: 0;
		margin-left: 290px;
		padding-top: 4px;
		}

#yla li		{
		display: inline;
		}

#yla li a	{
		height: 30px;
		display: block;
		float: left;
		margin-right: 20px;
		}
	
#yla li a:hover {
		background: url(kuvat/sin.jpg);
		text-decoration: none;
		}

/* Lomakkeet 
---------------------------------------------*/

input 		{
                width: 150px;
                border: 1px solid #999966;
		background-image: url(kuvat/lomake.png);
                color: #333300;
		}

textarea	{
                border: 1px solid #999966;
		background-image: url(kuvat/lomake.png);
                color: #333300;
		}

textarea:hover, textarea:focus, input:hover, input:focus
                {
		background-image: url(kuvat/lomahover.png);
		}

/* Kuvat 
---------------------------------------------*/

img, a img	{
		border: 0;
		}

/* Kommentit 
---------------------------------------------*/

.kommentti	{
		border: 0;
		}

/* Kuvagalleria 
---------------------------------------------*/

.kuva		{
		float: left;
		clear: both;
		width: 45%;
		border: 0px solid black;
		}

.seloste	{
		float: right;
		width: 50%;
		height: 90px;	
		text-align: justify;
		border: 0px solid black;
		}

.kuva img	{
		width: 110px;
		height: 85px;
		}