body
{
    background: #003 url(images/bg.gif) repeat-x;
    font-family: Skia, Verdana, sans-serif;
}

a 
{
    color: red;
    text-decoration: none;
}

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

/*general styling*/
#image, #imagecomment, #detail, #detailcomment, #mao, #hs {position: absolute;}
#imagecomment {font-size: x-large; color: red; top: 630px; left: 0px;}
#detailcomment {color: white;}
#image {top: 60px;left: 80px;}
a #detail img {border: 2px solid #00c;}
a #detail {display: none; top: 120px;left: 150px;}
a:hover #detail {display: block;}

/*navigation*/
p#works a {color: white; font-size: smaller;}
p#works a:visited {color: #666;}
p#works {color: #999; clear: both;}

/*images with details*/
#mono #detailcomment {top: 450px;left: 500px;}
#mex #detailcomment {top: 350px;left: 585px;}
#mex img {margin-bottom: 20px;}
#lum #detail {top: 50px; left: 350px;}
#lum #detailcomment {top: 515px; left: 340px;}
#pink #detail {left: 350px;}
#trouble #detail {width: 600px; top: 170px; left: 150px;}
#trouble #mao {top: 0px; left: 0; width: 200px;}
#trouble #hs {top: 0px; left: 295px; width: 200px;}
#pop #detail {top: 50px; left: 200px;}
#pop #detailcomment {top: 200px; left: 275px;}

/*images without details*/
#duh img, #trouble img, #virtue img, #bqo img {margin-right: 20px;}
#duh #image {width: 900px;}
#virtue #image {width: 900px;}
#bqo #image {width: 800px;}
#duh #imagecomment {top: 450px;}
td {color: white; vertical-align: top;}
#virtues td {color: red;}
.note td {color: #ccc; font-size: x-small;}
#virtue td {width: 149px;}
#bqo #note {color: #ccc; font-size: x-small; text-align: right; margin-right: 30px;}
.note {color: #ccc; font-size: x-small;}
#pop #detailcomment {width: 5em;}
#pop .note {text-align: right;}
@font-face{ font-family: Skia, verdana, san-serif; }