/* generic defaults */

img {
    border:none;
}

body {
    margin:0;
    letter-spacing: .15em;
    line-height: 1.6;
    color:#ccc;
    background: black url("images/site2005/nokyy-kukka-light-30.jpg") no-repeat;
    font-family: serif;
/*
    font-family: urw bookman l, bitstream charter, serif;
*/

    /* Make ie55 (wrongly) centre block children. */
/*
    text-align:center;
   background-attachment: fixed;
*/
}

body div {
    /* Undo ie55 non-standards hack damage. This should be "body > *" but ie55
    doesn't support ">", and netscape4 doesn't support "*". */
    text-align: left;
}

body a {
    text-decoration:none;
    color:#999;
}

body a:hover {
    text-decoration:none;
    color:#fff;
}

h3 {
/*
    font-size:124%;
*/
    font-size:115%;
    font-weight:normal;
    margin-top:5em;
    margin-bottom:2em;
    letter-spacing:1em;
}

div.centered {
    margin-left: 290px;
    width: 480px;
}

/* history page */

body.history div.history-content {
    width: 480px;
    left:0;
    right:0;
/*
    margin:auto;
*/
    margin-left: 300px;
}

body.history p {
    text-align: justify;
    padding: 0 60px 0 60px;
}


/* front page */

body.tenhi-index {
/*
    margin:0 20px;
    background-image:url("images/ameeba_leftmargin-1.jpg");
*/
    background-image:url("images/site2005/kyy-kukka-light-30.jpg");
    background-repeat:no-repeat;

    /* undo ie55 hack, left-align block children of body on front page */
/*
    text-align:left;
*/
}

body.tenhi-index p {
    margin-top: 1.4em;
}

body.tenhi-index h3 {
    margin-bottom:5em;
}

body.tenhi-index p.news {
    margin-top:160px;
    width:300px;
    font-size:75%;
}

body.tenhi-index p.about {
    width:260px;
    font-size:75%;
    margin:0;
    clear:both;
}

body.discography h5 {
    font-size: 100%;
    font-weight:normal;
    margin: 0;
/*
    font-size:115%;
    margin-top: 50px;
    margin-bottom:2em;
    letter-spacing: 1em;
*/
}

body.discography .discography-item {
    font-size:85%;
    line-height:1em;
    font-weight:normal;
    width:100%;
    padding: 105px 0;
    margin:0;
}

body.discography .discography-item img.releasecover {
    height:130px;
    float:right;
    clear:right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.name { font-variant: small-caps }
/*
.discography .name { font-variant: normal }
*/
.discography td { padding: 0 }

/*
.discography th, .discography td {
    text-align: center;
}
*/

.langCol td:first-child { text-align: right; padding-right: .5em }
.langCol { white-space: nowrap }

.compilation tr {
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
}

.clear {
    clear:both;
    height:0;
    width:0;
    padding:0;
    margin:0;
}

body.music a:hover {
    color:#ccc;
}

body.music h3 {
    color:#ccc;
}


body.images {
/*
    margin:0 20px;
*/
    border: none;
}

body.images img {
    border: none;
    vertical-align:middle;
}

body.images h3 {
    padding-bottom:3em;
}

body.images p {
    padding:0;
    margin:0;
}

body.images h4 {
    margin:0;
    padding:0;
    line-height:100px;
    font-weight:normal;
/*
    border-top: 1px #555 solid;
    border-bottom: 1px #555 solid;
*/
}

body.images h5 {
    margin:0;
    padding:0;
    font-weight:normal;
/*
    line-height:38px;
    border-bottom: 1px #555 solid;
    border-bottom:1px white solid;
    border-right:1px white solid;
    display:inline;
    color:#999;
    line-height:100px;
    float:left;
    position:relative;
    top:-50px;
    left:200px;
    background:#666;
    border-right: 2px #666 solid;
    border-top: 2px #666 solid;
    width:160px;
*/
    font-style:italic;
    font-size:1em;
    float:right;
    text-align:right;
}

body.images div.imageline {
/*
    border-top: 1px #555 solid;
    display:inline;
    border-bottom: 1px #555 solid;
    text-align:right;
*/
}

body.images {
/*
    background:white;
*/
}

.bottom100 {
    padding-bottom:100px;
}

body.news h6 {
    font-weight:normal;
    border-bottom: #666 2px solid;
    margin-top:8em;
}

body.news .w600 img {
    width:480px;
    margin-top:70px;
}

div.footimage {
    margin-top:3em;
}

div.footimage img {
    width:480px;
}

div.footer {
    border-top: 2px #666 solid;
    padding-bottom: 60px;
    text-align:center;
    padding-top: 20px;
/*
    margin:auto;
    width:480px;
*/
}

.history .footer { margin-left: 300px; width: 600px }

body.music p.music-description { margin-top: 3em }
ul.music-sublist li { list-style-type: none }
.sampleprops { font-size: x-small }

div.sub-footer {
    margin: 25px;
    opacity: .6;
}

.center-line-images img {
    vertical-align: middle;
}

blockquote {
    font-style:italic;
}

.review-start-row {
    padding-top:1em;
}

.cancelled {
    text-decoration: line-through;
}

.editions img {
    float: right;
    padding-left: .6em;
    padding-bottom: .6em;
}

.editions li {
    clear: both;
    list-style: none;
    padding-left: 0;
    margin: .6em 0;
}

ul.editions {
    padding-left: 0;
    margin-left: 0;
}

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

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

#utuGroup img {
    float: left;
    height: 7em;
    margin-left: .4em;
}

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

#tenhiNav {
    position: absolute; top: 300px; left: 0;
    font-size: 90%;
    margin: 20px;
    line-height: 1.6;
    letter-spacing: .24em;
/*
    position: fixed; top: 300px;
*/
}

.boardcontent { margin-left: 300px; width: 480px }
.boardcontainer { width: 480px }


/* BLOG STYLES SPECIFIC TO TENHI */

.storytitle {
    margin-top: 1em;
    margin-bottom: 1em;
    letter-spacing: .2em;
    font-weight: bold;
}

#searchform div { text-align: center }
#s { background-color: #333; color: #ccc }

#menu {
    font-size: 80%;
    line-height: 1.6;
    background: black;
    font-family: sans-serif;
    letter-spacing: normal;
    border-color: #666;
    margin-top: 7.5em;
}

.storycontent img {
    width: 38%;
    float: right;
    margin: 0 0 1em 1em;
    border: 1px #666 solid;
    padding: .4em;
}

#content h2 { margin-top: 5em; border-color: #999 }
.postmetadata strong { color: #666 }
.postmetadata { font-size: 85% }
.storycontent blockquote { border-left-color: #666 }

.frontPageNews {
    margin-top: 284px;
    margin-left: 500px;
    margin-right: 100px;
    font-size: 90%;
}

.skiplink { display: none }

.videoitem {
    padding: 1em;
    background: #eee;
    color: #666;
    text-align: center;
    -moz-border-radius: 1em;
    margin: 4em 0;
/* looks softer when rounded -> good, looks 3d-ier when not -> bad
    border: thick #666 solid;
*/
}

.videoitem :link, .videoitem :visited { color: #369 }
.videoitem p { margin: .5em }
.videodownload { font-size: smaller }