/*General*/

body, html, div, table, td, th, tr, img, p, ul, ol, h1, h2, h3, h4, h5, dl, dt, dd, form, blockquote {
margin: 0;
padding: 0;
border: 0;
}

body {
width: 770px;
margin: 0 auto;
padding: 28px 0 0 0;
background: #aa0000 url(../background/body.gif) repeat-x;
color: #333;
font-family: "Arial", sans-serif;
font-size: 12px;
line-height: 1.6em;
}

/*Main*/

h1 {
width: 210px;
height: 56px;
margin: 0 auto;
background: transparent url(../background/h1.gif) no-repeat -67px 0;
text-indent: -300em;
}

p#description {
width: 344px;
height: 20px;
margin: 0 auto;
background: transparent url(../background/h1.gif) no-repeat 0 -56px;
text-indent: -300em;
}

h1 a, p#description a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

div#content {
background: transparent url(../background/content.gif) repeat-y;
}

div#main {
position: relative;
z-index: 1;
float: right;
clear: both;
width: 453px;
margin: 0 0 -35px 0;
padding: 60px 42px 0 33px;
background: transparent url(../background/main.gif) no-repeat top right;
}

div#sidebar {
position: relative;
z-index: 1;
float: left;
width: 200px;
margin: 0 0 -35px 0;
padding: 55px 0 0 42px;
background: transparent url(../background/main.gif) no-repeat top left;
color: #666;
line-height: 1.3em;
}

/*Footer*/

div#footer {
clear: both;
width: 630px;
padding: 70px 70px 0 70px;
background: #aa0000 url(../background/footer.gif) no-repeat;
color: #cf9d9d;
text-align: center;
font-size: 11px;
line-height: 1.2em;
}

div#footer div.section {
float: left;
width: 200px;
margin: 0 5px;
}

div#footer div.section dt {
margin: 0;
color: #eee;
}

div#footer div.section dl {
margin: 0;
}

div#footer p {
clear: both;
padding: 2em 0 0 0;
}

div#footer p#footnote {
margin: 0;
text-transform: uppercase;
line-height: 1em;
font-size: 1em;
visibility: hidden;
}

/*Heading*/

h2, h3, h4 {
clear: both;
font-weight: normal;
color: #333;
}

div#main h2 {
margin: 0 7px 0.5em 0;
text-align: center;
font-size: 1.8em;
line-height: 1.2em;
text-transform: uppercase;
}

div#sidebar h2 {
margin: 1.5em 0 0 0;
font-weight: bold;
font-size: 1em;
}

h3 {
padding: 0.6em 0 0.3em 0;
background: transparent url(../background/h3.gif) no-repeat bottom left;
color: #b60000;
font-size: 1.4em;
line-height: 1.2em;
}

h4 {
margin: 1.4em 0 0 0;
padding: 0 0 0.1em 1em;
font-size: 1.3em;
font-weight: bold;
font-variant: normal;
}

h4.galleryheader {
text-align: center;
}

/*Text*/

p {
margin: 1em 0 1.6em 0;
}

p.message {
font-weight: bold;
}

div#sidebar p {
margin: 0.7em 0 1.4em 0;
}

p.author {
margin: 0.2em 0 0 0;
clear: both;
font-size: 11px;
color: #666;
}

p.quoteauthor {
text-align: right;
font-style: italic;
color: #666;
}

em {
font-style: normal;
font-weight: bold;
}

span.email {
font-style: italic;
}

blockquote {
width: 400px;
margin: 0 0 0 16px;
padding: 0 0 0 11px;
border-left: 3px double #dfdfdf;
font-style: italic;
color: #666;
}

/*Form*/

form input.text, textarea {
background: #fff;
padding: 0.2em 0.4em;
border: 1px solid #bbb;
color: #333;
font-family: serif;
font-size: 1em;
}

form textarea {
width: 75%;
height: 12em;
}

/*List*/

ul {
list-style-type: square;
margin: 0.5em 0 1.6em 5px;
padding-left: 15px;
}

ol {
list-style-type: decimal;
margin: 0.5em 0 1.5em 35px;
}

dl {
margin: 0.5em 0 1.5em 15px;
}

dt {
margin: 0.5em 0 0 0;
font-weight: bold;
}

div#sidebar ul, div#sidebar ol {
margin: 0.5em 0 0 12px;
}

div#sidebar ul.menu {
list-style: none;
margin: 0.5em 0 0.5em 0;
font-size: 1.3em;
line-height: 1.5em;
color: #474747;
}

div#sidebar ul.submenu li {
margin: 0.2em;
}

/*Gallery*/

div.item {
float: right;
width: 149px;
margin: 1em 0 0 0;
text-align: center;
}

div.row div.item {
float: left;
}

div.row {
clear: both;
width: 447px;
margin: 0 auto;
}

div.row.stereo {
width: 298px;
margin: 0 auto;
}

div.row.mono {
width: 149px;
margin: 0 auto;
}

div.item p {
margin: 0;
}

div.item dl {
margin: 0 0 0.5em 0;
line-height: 1.3em;
}

div.item dl dt {
margin: 0;
}

div.item dl dd {
color: #666;
}

div.item dl dd.titteli {
color: #333;
}

/*Gallery*/

div.galleryhome div.item {
float: left;
min-height: 11em;
}

div.galleryhome div.item img {
height: 75px;
}

div#main div.gallery {
margin: 1em 0 1.4em 0;
}

div#main div.gallery div.item {
float: left;
width: 110px;
height: 80px;
margin: 0;
padding: 0 0 10px 0;
display: block;
}

div#main div.gallery div.item p {
height: 80px;
line-height: 80px;
}

div#main div.gallery div.item img {
margin: 0;
max-width: 100px;
height: 71px;
vertical-align: middle;
}

div#main ul.gallerymenu {
clear: both;
text-align: center;
font-size: 1.1em;
}

div#main ul.gallerymenu li {
display: inline;
padding: 0 5px;
background: 0;
}

/*Image*/

div#main img, div#sidebar p.lehti img {
max-width: 429px;
margin: 0 8px;
padding: 3px;
border: 1px solid #ccc;
}

img.float {
float: right;
margin: 0 0 0 3em;
}

div#main a img, div#sidebar p.lehti a img {
border: 1px solid #7dd0f9;
}

div#main a img:hover, div#sidebar p.lehti a img:hover {
border: 1px solid #009fef;
}

div#main div.row div.item img {
margin: 0;
width: 75px;
}

p.image {
text-align: center;
line-height: 2em;
}

div#sidebar p.image {
padding-top: 0.5em;
}

div#sidebar p.lehti {
padding-top: 0.5em;
padding-left: 2em;
}

/*Link*/

a {
color: #009fef;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

div#footer a {
color: #cf9d9d;
}

div#footer a:hover {
color: #eee;
}

div#sidebar ul.menu a {
color: #d40000;
text-decoration: none;
}

div#sidebar ul.menu a:hover {
text-decoration: underline;
}

div#main a.external, div#sidebar a.external {
padding-right: 13px;
background: transparent url(../background/a-external.gif) no-repeat 100% 0.1em;
}

div.sval {
margin: 0 15px;
border: 1px solid #bfa158;
}