.screen {
}

/* Yleiset tiedot
---------------------------------------------------------------------------------------------------------- 
Sivuston URI: http://www.puuveistos.fi/
Kuvaus: puuveistos.fi -sivuston css-tyylitiedosto. 
Versio: 1.0
Muokattu viimeksi: 2006-010
Tekijä: Perttu Tolvanen, perttu(at)projekti55.fi
Tekijän www-osoite: http://www.projekti55.fi

*/

/* Sisällysluettelo
---------------------------------------------------------------------------------------------------------- 

- Perusjutut
- Typografia
- Linkit
- 1-tason navigaatio
- Veistokset, myytävänä
- Alaviite, yhteystiedot
- Elementtien asettelua

*/


/* =Perusjutut
---------------------------------------------------------------------------------------------------------- */

body {
 margin: 10px 0px 20px 30px;
 background-color: #FFF;
 }

img, a img {
 border: none;
	}
 
/* =Typografia
---------------------------------------------------------------------------------------------------------- */
 
h1, h2, h3, h4, h5, h6 {
 margin: 0; padding: 5px;
 font-family: Georgia, Geneva, Arial, Helvetica, Sans-serif;
 font-weight: normal;
 color: #51402A;
 text-decoration: none;
 }
 
h1 {
 font-size: xx-large;
}

h2, h3, h4, h5, h6 {
 font-size: large;
}

p {
 font-family: Geneva, Arial, Helvetica, Sans-serif;
 color: #081010;
 font-size: medium;
 margin: 0;
 padding: 5px;
 }
 
p.perusteksti {
}

p.kuvateksti {
 font-size: small;
 background-color: #E7B67B;
 padding: 10px;
 font-style:italic;
}

p.huomioteksti {
 font-size: small;
 font-weight: bold;
 background-color: #E7B67B;
 padding: 10px;
 margin: 10px 0 10px 0;
}

p.hintatiedot {
 background-color: #081010;
 color: #E7B67B;
 font-weight:bold;
 padding: 10px;
 }

p.infoteksti {
 font-size: small;
 }

.korostus {
 background-color: #F7D7AD;
 }


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

a:visited {
 color:#51402A;
 text-decoration: underline;
}
a:link {
 color:#081010;
 text-decoration: underline;
}
a:hover {
 background-color: #F7D7AD;
 text-decoration: underline;
}


/* =1-tason navigaatio
---------------------------------------------------------------------------------------------------------- */

div#navi {
 float:right;
 margin: 20px 20px 20px 20px;
 }

#navi a {
 background: url(../images/navi-nuoli.gif) left center no-repeat;
 font-size:large;
 color: #6F3216;
 font-weight:bold;
 padding: 30px 10px 30px 40px;
 border: 1px #081010;
 text-decoration: underline;
 }
 
 #navi a:visited {

 }
 
 #navi a:link {

 }
 
 #navi a:hover {
  text-decoration: none;
 }
 

 
 
/* =Veistokset, myytävänä
---------------------------------------------------------------------------------------------------------- */

div.veistoslaatikko {
 width:auto;
 /* border: 1px #081010 solid;*/
 /* background-color: #F7D7AD; */
 background-color:#FFFFFF;
 padding: 0px;
 margin: 10px 0 0 0;
 }

div.veistoslaatikko p.infoteksti {
 background-color: #E7B67B;
 font-size:x-small;
 padding: 5px 5px 5px 10px;
 }

img.veistoskuva {
 float: right;
 margin: 00px 0px 00px 20px;
 border: 10px #E7B67B solid;
 }
 

/* =Alaviite, yhteystiedot
---------------------------------------------------------------------------------------------------------- */

#footer {
 border-top: 1px #081010 solid;
 border-bottom: 1px #081010 solid; 
 margin: 30px 0 0 0;
}

div.contactbox {
 border-top: 1px #081010 solid;
 border-bottom: 1px #081010 solid; 
 margin: 30px 0 0 0;
 }
 
img.kayntikorttikuva {
 float: right;
 margin: 5px;
 }


/* =Elementtien asettelua
---------------------------------------------------------------------------------------------------------- */

div#container {
 width:740px;
	}

img.kollaasi {
 margin-top: 10px;
}


 /* Tällä divillä saadaan kuvat pysymään boksien sisällä, ettei mene lay-out sotkuun laatikoissa joissa on float-kuvia. */
 
div.clear {
 clear:both;
 }