/** peruselementit**/

body { 
font-family:verdana,univers,arial,helvetica,sans-serif;
text-align:center;
background-color:#f7f7f5;
margin:0px;
padding-top:20px;
}

h1,h2,h3,h4,h5,h6,td,p,a,pre,div{
font-family: verdana,univers,arial,helvetica,sans-serif;color:darkslategray;
padding: 5px 20px;
}

p {line-height: 160%;}

h1{font-size:140%;line-height:250%;}
h2{font-size:120%;line-height:250%;}
h1,h2{font-weight:lighter;}
h4{line-height:150%;} /** footerin linkki s-postiin **/

h5{padding:5px 250px;text-align:center;} /**kuvatekstit teosten sivuilla**/

#menu {
text-align:left;
padding: 10px 7px;
float:right;
border:0px;
}

#menu a {background-color:#707984;padding: 5px 8px;color:#fff;font-weight:bold;text-decoration:none;font-size:85%;border:solid 1px #707984;border-bottom:solid 3px #707984;border-right:solid 3px #707984;}
#menu a:hover{background-color:#fcfdfd;color:#233;border:solid 1px #d2d5d3; border-bottom:solid 3px #d2d5d3;border-right:solid 3px #d2d5d3;}


#logo {
margin:0 0 10px 0;
float: left;
padding: 10px 0px;
width:690px;
border-bottom:solid 0px #d2d5d3;
background-color:#fcfdfd;
}

#logo span   {
color:#d42217; 
padding-top:5px;
font-family:Verdana, Arial, Univers, Helvetica, Sans-Serif;
text-decoration:none;
font-size:200%;
font-weight:900;
}

#logo span  a {text-decoration: none;}
#logo h3 {font-weight:100;}

a   {	
text-decoration: none;
font-family: verdana,univers,arial,helvetica,sans-serif;color:darkslategray;
}

.cv a:hover {	
text-decoration:underline;color:white;background-color:#606974;}


#boxi 
{
text-align:center;
width:690px;
margin-top:5px;
margin:auto;
padding:0px;
text-align:left;
background:#fcfdfd;
border: solid 1px #d2d5d3;
}

#footer {
clear:both;
width:490px;
padding:10px;
margin:auto;
text-align:center;
}

/**#footer p, #footer h2{text-align: left;}**/

#footer a:hover {	
text-decoration:underline;color:white;background-color:#606974;}

#footer h2{padding:5px;}
#footer a{font-weight:900;}

#clear  { clear:both; }
img{padding:10px;}

a:link img {
border: none;
}

/** Vuosigalleriatpalkki uusi css **/

#menu2 {
float:right;
text-align:justify;
}

div#menu2{border-bottom:solid 2px #d4d5d4;margin:0;width:680px;background-color:#ececec;padding: 0 5px;}

#menu2 a{
background-color:#fdfdfd;
color:#233;
font-size:85%;
border:solid 1px #d2d5d3; border-bottom:solid 3px #d2d5d3;border-right:solid 3px #d2d5d3;
font-weight:bold;
text-decoration:none;
padding:5px 5px;
margin:0;
}

#menu2 a:hover {
background-color:#707984;
color:#fff;
border:solid 1px #707984;border-bottom:solid 3px #707984;border-right:solid 3px #707984;}

#menu2 p{line-height:70%}
#bread {line-height:200%;font-size:10pt;margin-left:0;}
#bread a:hover{text-decoration:underline;}



/** Teosgalleriat**/

#galleriakeskitys {text-align:center;}

img {  margin-top:20px;margin-right:20px;padding: 10px;}


#img
{
  margin: 0px;
  padding:3px 8px;
  height: 280px;
  width: 140px;
  float: left;
  text-align: center;
}	


#img img
{margin: 0px 0px 0px 0px;
  border: 2px solid transparent;
  max-height: 170px;
  max-width:130px;
  min-height: 90px;
  min-width: 115px
}

#img a:hover img {border: 2px solid #aaa;}

#img p 
{
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 0;
  font-size: 90%;
}

/**  Random-thumbit  **/

#random
{
position:fixed;
right:4%;
bottom:4%;
z-index:+1;
overflow:visible;
background:#fcfdfd;
border: solid 2px #d2d5d3;
border-radius:7px;
box-shadow:  2px 4px 10px gray;
text-align:center;
width: 150px;
}

#random img{max-width:120px;text-align:center;padding:10%;}
#random img, random a, random a:active{border: 2px solid transparent;}
#random p{display:none;}

#random a:hover img {border: 2px solid #aaa;}