* {
padding: 0;
margin: 0;
}

body {
font-family: arial, verdana, helvetica, sans-serif;
text-align: center;
line-height: 1.5em;
font-size: 0.85em;
background: #fff;
color: #000;
}

#otsikko {
padding: 75px 0 50px 0;
text-align: center;
background: #000;
margin: 0 auto;
}

#otsikko h1 a {
background: url(img/logo.gif) 0 0 no-repeat;
text-align: center;
margin: 0 auto;
display: block;
height: 174px;
width: 296px;
}

#yhteystiedot:target {
background: #ff9;
}

#otsikko h1 span {
display: none;
}

#yla #navi {
border-bottom: 1px solid #000;
margin-bottom: 40px;
text-align: center;
background: #600;
}

#yla #navi ul {
text-transform: uppercase;
text-align: center;
font-size: 0.8em;
padding: 10px 0;
}

#yla #navi ul li {
display: inline;
}

#yla #navi ul li a {
text-decoration: none;
padding: 10px 15px;
color: #fff;
}

#yla #navi ul li a.yht {
margin: 0;
}

#yla #navi ul li a:hover {
color: #F0B600;
}

#sisalto {
/*background: url(grid.png);*/
padding-bottom: 105px;
text-align: left;
margin: 0 auto;
width: 780px;
}

#intro {
border-bottom: 1px solid #000;
word-spacing: 0.2em;
font-family: georgia, serif;
text-transform: uppercase;
font-size: 1.5em;
line-height: 1em;
}

#esittely, #esiintyjat, #laitteet {
padding: 30px 0 0 0;
width: 510px;
float: right;
}

#esiintyjat {
padding-top: 0;
}

#esittely h2, #yhteystiedot h2 {
padding: 0 0 0.5em 0;
border-bottom: 0;
text-align: left;
}

#yhteystiedot, #osiossa {
padding: 30px 20px 0 20px;
background: #eee;
font-size: 0.8em;
float: left;
width: 200px;
}

#wombat, #henkilot {
padding-top: 30px;
}

#wombat {
padding-left: 260px;
float: left;
width: 240px;
}

#henkilot {
float: right;
width: 240px;
}

h2#musiikki {
padding-bottom: 0.5em;
border: 0;
}

#osiosta {
border-bottom: 1px solid #000;
padding: 0 0 3em 270px;
font-weight: bold;
}

.esiintyja {
border-bottom: 1px solid #000;
padding-top: 30px;
}

.kuva {
width: 105px;
float: left;
}

.teksti {
width: 375px;
float: right;
}

h2, h3 {
font-family: georgia, serif;
}

h2 {
border-bottom: 1px solid #000;
letter-spacing: -0.05em;
font-weight: normal;
padding: 1em 0 1em 270px;
line-height: 1em;
font-size: 3em;
color: #600;
}

h3 {
font-size: 1.5em;
font-weight: normal;
margin-bottom: 1em;
}

h3 small {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 0.6em;
}

#osiossa h3 {
border-bottom: 0;
}

p, ul, ol {
padding-bottom: 1.5em;
}

ul {
padding-left: 14px;
}

ol {
list-style: decimal-leading-zero;
padding-left: 25px; 
}

a {
font-weight: bold;
color: #600;
}

a:hover {
text-decoration: none;
}

.clear {
clear: both;
}