body {
    font-family: "courier new", courier, monospace;
    background: url("img/index.jpg");
    margin: 0;
}

#utuGroup {
    font-size: 9px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: serif;
    font-weight: bold;
    letter-spacing: .4em;
    color: #555;
    margin: 20px;
}

#utuGroupSites { float: left; padding-top: 6px }

#utuGroup img {
    float: left;
    height: 8em;
    margin-left: .4em;
    position: relative; top: -.75em;
}

#utuGroup a:link, #utuGroup a:visited { color: #bbb; text-decoration: none; }
#utuGroup a:link:hover, #utuGroup a:visited:hover { color: black }

a:link:hover, a:visited:hover { text-decoration: underline; }
a:link, a:visited { color: #666; text-decoration: none; }

img { border: none; }

#frontPageBar {
    position: absolute; left: 3em; top: 7.3em; right: 0;
    height: 1px;
    border: none;
    background: #999;
}

#mdNav {
    position: absolute; left: 0; top: 8.5em; right: 1px;
    line-height: .9em;
    padding-left: 3em;
    font-size: 96%;
}

#bottomcut {
    position: absolute; right: 0; bottom: 0;
    padding-left: 250px;
/*
    position: absolute; top: 38%; right: 0; bottom: 0; width: 500px;
    background-image: url("img/paperi-100.png");
    padding: 60px 40px 60px 100px;
    opacity: .95;
*/
}

#bottomcutContent {
    color: black;
    background: white;
    font-size: smaller;
    font-style: italic;
    padding: .4em 3em 0 .6em;
}

.cutdown {
    background-image: url("img/cutdown.png");
    background-position: left top;
    height: 3em;
}

.discopage { background: url("img/kansine-viiru.jpg") no-repeat }

.discopage #frontPageBar { top: 8.1em }

#contentBox { margin: 10em; margin-left: 16em }

img.discimage {
    height: 120px;
    float: left;
    margin-bottom: 75px;
}

.discItem { clear: both }
.discItem p { margin-left: 140px }

.discographytable td { vertical-align: top }
.discname { margin-top: 0; font-size: 115%; }
.disclist { font-size: 85%; font-style: italic }

.newsPage #frontPageBar { top: 8.9em }
.newsPage {
    background: url("img/takaka-ftw.jpg") no-repeat white;
    color: black;
}

.mediapage {
    background: url("img/kide-wleft-desat.jpg") no-repeat white;
    color: black;
}

.samplesonglist { margin: 0 }
.mediapage #frontPageBar { top: 9.7em }

/* img/ikkunA-viiru-cut-locob.jpg #ccc links*/

.bandpage {
    background: url("img/avaruus-leikkuu.jpg") no-repeat white;
    color: black;
}

.bandpage #frontPageBar { top: 10.5em }

#mdNav a { display: block; width: 100% }
#mdNav a.current {
    background-image: url("img/1px-999.png");
    background-position: 82% 82%;
    background-repeat: repeat-x;
}

.order { white-space: nowrap }
.order a { border: #ddd 1px solid; background: #eee; padding: .4em; margin:0}
.order img { height: 2em; padding: 0; vertical-align: middle }

.clear { clear: both }

.bandpage li { list-style-type: none }

#counter {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: white;
    opacity: .76;
    padding-top: 4px;
}


/* BLOG STYLES SPECIFIC TO MOTHER DEPTH */

.newsPage #contentBox {
    background: white;
    margin-right: 16em;
    margin-bottom: 0;
    padding: 1em;
    font-size: 95%;
}

#menu {
    background-color: white;
    font-family: sans-serif;
    font-size: 77%;
    position: absolute;
    top: 13em;
    right: 1.6em;
    width: 10em;
    font-size: 83%;
    opacity: .6
}

.newsPage .cutdown { margin-left: 16em; margin-right: 15.1em }

.storycontent img {
    width: 310px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

#bottomcutContent ol { margin-left: 2em }
