body {
margin:0;
padding:0;
background:#000;
font-family:'Courier New', Courier, monospace;
font-size:12px;
line-height:1.2em;
}

body.clean {
background:#fff;
}

a {
text-decoration:none;
color:#000;
}

a img {
border:none;
}

a:active,
a:focus  {
outline:none;
}

p {
margin:0 0 10px 0;
padding:0;
}

h2 {
margin:0 0 15px 0;
padding:0;
line-height:1.2em;
font-size:16px;
text-transform:uppercase;
font-weight:normal;
}

ol {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:25px;
}

li {
margin-top:0;
padding-top:0;
margin-bottom:2px;
padding-bottom:0;
}

li a {
display:block;
width:100%;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
}

li a:hover {
background:#fff;
}

li.on a {
padding-bottom:1px;
border-bottom:1px solid #000;
}

img {
-ms-interpolation-mode:bicubic;
}

a#top {
float:right;
display:block;
margin-top:-150px;
width:150px;
height:200px;
background:url("back-2.gif") no-repeat bottom left;
}

img#illustration {
position:absolute;
top:85px;
right:15px;
}

img.photo {
display:none;
}

#title {
position:absolute;
top:10px;
right:25px;
font-size:12px;
font-family:"Times New Roman", Times, serif;
text-align:right;
line-height:1.3em;
}

#title a {
text-decoration:underline;
}

#menu {
position:absolute;
top:0;
left:0;
padding:100px 125px 0 15px;
width:200px;
font-size:12px;
font-family:"Times New Roman", Times, serif;
}

h2 {
padding:2px 25px 2px 10px;
background:#fff;
}

#content {
position:absolute;
top:0;
left:340px;
padding-top:100px;
height:auto !important;
height:455px;
min-height:455px;
line-height:1.3em;
}

#content p {
padding:5px 25px 8px 10px;
background:#fff;
}

#footer {
position:absolute;
bottom:0;
right:0;
}

#photo img,
#thumbnail img {
display:block;
}

#thumbnail {
margin-top:-170px;
padding-right:30px;
text-align:right;
}

#thumbnail img {
display:block;
border:1px solid #000;
width:150px;
height:120px;
margin-left:auto;
}

img {
-ms-interpolation-mode:bicubic;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* special styles */

.kriipiv-tom #menu,
.kuue-lasu-ballaad #menu,
.tuumaseen-1 #menu,
.tramm-number-viis #menu,
.vanakurja-sigaretid #menu,
.kuuekeelne-randur #menu,
.kodukaija-lugu #menu,
.tana-me-opime #menu,
.kutsuge-imearst #menu,
.saatja-saatja #menu,
.kurbade-klubi #menu,
.veider-rong #menu,
.sodur #menu,
.kuningas #menu,
.keskmises-reas #menu,
.trepil #menu,
.idioot-tanavanurgal #menu,
.minu-tt #menu,
.tootu-mati #menu,
.puudke-kinni-ingel #menu,
.kaose-poeg #menu {
color:#fff;
}

.kriipiv-tom #menu a,
.kuue-lasu-ballaad #menu a,
.tuumaseen-1 #menu a,
.tramm-number-viis #menu a,
.vanakurja-sigaretid #menu a,
.kuuekeelne-randur #menu a,
.kodukaija-lugu #menu a,
.tana-me-opime #menu a,
.kutsuge-imearst #menu a,
.saatja-saatja #menu a,
.kurbade-klubi #menu a,
.veider-rong #menu a,
.sodur #menu a,
.kuningas #menu a,
.keskmises-reas #menu a,
.trepil #menu a,
.idioot-tanavanurgal #menu a,
.minu-tt #menu a,
.tootu-mati #menu a,
.puudke-kinni-ingel #menu a,
.kaose-poeg #menu a {
color:#fff;
}

.kriipiv-tom #menu li.on a,
.kuue-lasu-ballaad #menu li.on a,
.tuumaseen-1 #menu li.on a,
.tramm-number-viis #menu li.on a,
.vanakurja-sigaretid #menu li.on a,
.kuuekeelne-randur #menu li.on a,
.kodukaija-lugu #menu li.on a,
.tana-me-opime #menu li.on a,
.kutsuge-imearst #menu li.on a,
.saatja-saatja #menu li.on a,
.kurbade-klubi #menu li.on a,
.veider-rong #menu li.on a,
.sodur #menu li.on a,
.kuningas #menu li.on a,
.keskmises-reas #menu li.on a,
.trepil #menu li.on a,
.idioot-tanavanurgal #menu li.on a,
.minu-tt #menu li.on a,
.tootu-mati #menu li.on a,
.puudke-kinni-ingel #menu li.on a,
.kaose-poeg #menu li.on a {
border-bottom:1px solid #fff;
}

.kriipiv-tom #menu li a:hover,
.kuue-lasu-ballaad #menu li a:hover,
.tuumaseen-1 #menu li a:hover,
.tramm-number-viis #menu li a:hover,
.vanakurja-sigaretid #menu li a:hover,
.kuuekeelne-randur #menu li a:hover,
.kodukaija-lugu #menu li a:hover,
.tana-me-opime #menu li a:hover,
.kutsuge-imearst #menu li a:hover,
.saatja-saatja #menu li a:hover,
.kurbade-klubi #menu li a:hover,
.veider-rong #menu li a:hover,
.sodur #menu li a:hover,
.kuningas #menu li a:hover,
.keskmises-reas #menu li a:hover,
.trepil #menu li a:hover,
.idioot-tanavanurgal #menu li a:hover,
.minu-tt #menu li a:hover,
.tootu-mati #menu li a:hover,
.puudke-kinni-ingel #menu li a:hover,
.kaose-poeg #menu li a:hover {
background:#000;
}

.kriipiv-tom #title,
.kriipiv-tom #title a,
.tuumaseen-1 #title,
.tuumaseen-1 #title a,
.voorimees-vootele #title,
.voorimees-vootele #title a,
.kodukaija-lugu #title,
.kodukaija-lugu #title a,
.kutsuge-imearst #title,
.kutsuge-imearst #title a,
.kurbade-klubi #title,
.kurbade-klubi #title a,
.kuningas #title,
.kuningas #title a,
.trepil #title,
.trepil #title a,
.idioot-tanavanurgal #title,
.idioot-tanavanurgal #title a,
.puudke-kinni-ingel #title,
.puudke-kinni-ingel #title a,
.kaose-poeg #title,
.kaose-poeg #title a {
color:#fff;
}

.saatja-saatja #menu {
padding-top:250px;
}

.hide #menu,
.hide #content,
.hide #title,
.hide #thumbnail {
display:none;
}