@charset "utf-8";
/* CSS Document */

 * {
padding:0;
margin:0;
}


 

body {
	background-color: #e9e5dc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-image:url(img/base/bg1.png);
	background-repeat:repeat-y;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}

/* otsikot */
h1 {
	font-size: 180%;
	color: #aac20a;
		margin: 0.1em 0 1em 0;
			letter-spacing:0.1em;}

h2 {
	font-size: 130%;	
	color: #81930a;
	padding:0px;
	margin: -0.8em 0 1em 0;
}

h3 {
	font-size: 120%;
	color:#afafa5;
	margin: 2em 0 0.5em 0;
		letter-spacing:0.1em;
}

h4 {
	font-size: 110%;
	color: #bfbfb5;
		padding:0;
margin: 0.3em 0 0.5em 0; 
	letter-spacing:0.1em;
}

p {margin: 0 0 20px 0;}


/* sisältökeskitys */
#wrap-1 {position:absolute;
top:0px;
left:50%;
border:0;
width:850px;
height:100%;
min-height:600px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:-425px;
padding:0px;
background-image:url(img/base/bg-keski-osa.jpg);
background-repeat:no-repeat;
background-position: top left;
}


/* yläosa */
#top {position:absolute;
top:0px;
left:0px;
width:850px;
height:75px;
background-image:url(img/base/bg-ylareuna.png);
background-repeat:repeat-x;
}

#tekstiilitaiteilija {position:absolute;
left:19px;
top:43px;
border:0;
margin:0;
padding:0;
}

#hannele-ollakka {position:absolute;
left:335px;
top:37px;
border:0;
margin:0;
padding:0;
}

#textile-artist {position:absolute;
right:19px;
top:43px;
border:0;
margin:0;
padding:0;
}



/* navi*/


#navi-dummy {position:absolute;
left:0px;
top:75px;
width:850px;
height:36px;
border:0;
background-image:url(img/base/bg-navi-dummy.png);
background-repeat:repeat-y;
background-position:center;
}


#navigaatio {position:absolute;
left:0px;
top:75px;
width:850px;
height:36px;
border:0;
background-image:url(img/base/bg-navi.png);
background-repeat:repeat-y;
background-position:center;
color:#8e8d8b;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-variant:small-caps;
text-transform:lowercase;
letter-spacing:0.1em;
word-spacing:0.2em;
}

#navigaatio a:link, a:visited, a:active  {	color: #8e8d8b; text-decoration:none;}
#navigaatio a:hover { 	color: #5e5d5b; text-decoration:none;}

#navi-fi {position:absolute;
left:13px;
bottom:5px;
border:0;
}

#navi-en {position:absolute;
right:13px;
bottom:5px;
border:0;
}

#navi-mid {position:absolute;
left:50%;
bottom:5px;
border:0;
}


/* sisältö */
 
#sisalto {position:absolute;
left:0px;
top:111px;
border:0;
width:850px;
color:#3c3835;
font-size:90%;
line-height:150%;
}

#sisalto a:link, a:visited, a:active  {	color: #3c3835; text-decoration:none;}
#sisalto a:hover { 	color: #565366; text-decoration:none;}

#leipis-full {position:absolute;
left:8px;
top:15px;
border:0;
width:700px;
}

#leipis-img {position:absolute;
left:8px;
top:15px;
border:0;
width:850px;
text-align:center;
}

#leipis-fi {position:absolute;
left:8px;
top:15px;
border:0;
width:242px;
}

#leipis-en {position:absolute;
left:600px;
top:15px;
border:0;
width:242px;
}

.vaalea {color:#9c9895;}

/* KUVAT */

/* etusivun kuva sijoittuu alkuun ennen sisältöä */
/* voidaan käyttää myös esim cv sivulla, kuvaan pitää muistaa yläreuna */

#kuva-front {position:absolute;
left:257px;
top:75px;
border:0;
width:335px;
}

/* alasivun kuva sijoittuu sisältöön */
#kuva-main {position:absolute;
left:257px;
top:0px;
border:0;
width:335px;
}

#floater {
width:160px;
float:right;
padding:0;
margin:0 0 5px 5px;
}

 /* PIKKUTEOSKELLUTUS */

#clear {clear:both;
padding:0px;
border:0px solid black;
margin:-20px 0px 0px 0px;}


#teos-pieni {
float: left;
width: 120px;
font-size:88%;
padding:0px;
border:0px solid black;
margin:0px 1px 5px 0px;
}

#teos-pieni a {	font-family:Verdana, Arial, Helvetica, sans-serif;color: #000000; text-decoration:none; letter-spacing:0em;}
#teos-pieni a:visited {	color: #000000; text-decoration:none;}
#teos-pieni a:hover {	color: #000000; text-decoration:none;}
#teos-pieni a:active {	color:#000000; text-decoration:none;}

#ff {
float: left;
width: 840px;
font-size:88%;
padding:0px;
border:0px solid black;
margin:3em 3px 5px 0px;
font-size:100%;
font-weight:normal;
text-align:center;
font-variant:small-caps;
text-transform:uppercase;
}