@charset "utf-8";

/*** yleiset ***/

body {
background: #fff url(teemat/rotate.php?prefix=reuna) repeat-y right;
margin: 0; padding: 0;
font: 13px/18px Helvetica, Arial, Verdana, sans-serif;
}

h1 {font-weight: bold; font-size: 165%}
h2 {font-size: 134%}
h3 {font-size: 115%}
h4 {font-size: 104%; font-weight: normal;}
h5 {font-size: 100%; font-weight: normal;}
h6 {font-size: 100%; font-weight: normal; font-style: italic;}
h3.contactname {font-size: 100%; font-weight: medium; font-style: italic;}

h1,h2,h3,h4,h5,h6 {
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 1em 0 0.5em;
line-height: 130%;
}

p {
font-size: 13px;
margin: 0 0 0.7em;
}

ul {
font-size: 13px;
list-style: square;
}

img {
border: 0
}

/*** sisälto ***/

div#sisalto {
margin: 18px 36px 18px 18px;
max-width: 40em;
}

div#kuvitus {
background: #000 url(teemat/rotate.php?prefix=ylaosa) repeat-x;
height: 100px;
}

div#osion_nimi {
background: url(kulma.png) no-repeat;
width: 154px;
height: 142px;
position: absolute;
right: 0;
top: 77px;
margin: 0; padding: 0;
float: right;
}

div#osion_nimi img {
margin-left: 36px;
}

img#nimi {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0;
}

.tiedostoboksi {
width: 72px;
text-align: center;
}

a.icon {
text-decoration: none;
}

img.icon {
margin: 18px;
}

table.lastfmcharts {width: 100%}

/*** navigointi ***/

.nuolikursori {cursor: default}

#navigointi ul li ul {display: none;} 
#navigointi ul li:hover ul {display: block;}

div#navigointi {
position: absolute;
left: 17px;
top: 76px;
z-index: 100;
}

#navigointi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navigointi ul li {
width: 140px;
}

#navigointi li ul li {
margin-top: 1px;
/*border-bottom: 1px solid #000;*/
}

ul#valikko li {
position: relative;
float: left;
margin-left: 0px;
}

div#navigointi li ul {
display: none;
position: relative;
left: 0;
top: 0px;
width: 100px;
}

ul#valikko li.paaty {
width: 82px;
margin: 0px;
padding: 4px;
}

ul#valikko li.paaty p {
font-size: 10px;
margin: 0px;
padding: 0px;
}

ul#valikko li.break {
margin-left: 1px;
}

li#vasen { background: transparent url(ph_valikko_vas.png) no-repeat }
li#oikea { background: transparent url(ph_valikko_oik.png) no-repeat }

ul#valikko li a {
text-decoration: none;
}

ul#valikko li ul a,
ul#valikko li h2 {
display: block;
font: 12px Verdana, 'Lucida Grande', sans-serif normal;
color: #000;
margin: 0;
padding: 5px;
}

ul#valikko li h2 {
background: transparent url("ph_valikko.png") repeat-x;
margin: 0;
padding: 5px;
}

ul#valikko li ul li a {
background: transparent url(teemat/rotate.php?prefix=valikko) repeat;
}

ul#valikko li ul li a:hover {
background: transparent url(valikko.png) repeat;
}