* {margin: 0; padding: 0; border: 0}

body, html{height: 100%}

body{
background: #44546D url('./blue-agony/bodybg.png') 0 bottom repeat-x fixed;
font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
font-size: 0.8em;
color: #FFF;
text-align: center;
}

h1, h1 span{
text-align: center;
color: #44546D;
font-size: 180%;
position: relative;
width: 200px;
height: 198px;
overflow: hidden;
top: 41px;
left: 22px;
}
h1 span{
display: block;
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 198px;
background: url('./blue-agony/wheee_logo.gif');
}

h2{
font-size: 120%;
margin: 0.66em 20px 0.5em 20px
}

#overall{
background: url('./blue-agony/headbg.png') 50% 0 repeat-x;
width: 100%;
min-height: 172px;
}

#kostra{
position: relative;
text-align: left;
margin: 0 auto;
width: 775px;
/*border-left: 1px solid black;
border-right: 1px solid black;*/
}

#motto, #motto span{
position: absolute;
top: 97px;
right: 50px;
width: 447px;
height: 28px;
color: #44546D;
font-size: 1.3em;
font-weight: 900;
text-align: center;
}
#motto span{
display: block;
top: 0;
left: 0;
background: url('./blue-agony/motto.gif');
}

#menu{
position: absolute;
top: 178px;
left: 250px;
font: normal small-caps 900 1.2em/140% "Verdana CE", Verdana, "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
}

#text{
margin: 50px 0 20px 0
}
#text p{
text-indent: 1em;
line-height: 1.33em;
margin: 0.5em 20px
}

#additional{
width: 190px;
margin-top: 20px;
float: left;
}

#main{
width: 584px;
border-left: 1px solid #A2AAB6;
float: right
}

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

#menu a{margin: 0 25px; padding: 0 5px}
#menu a:hover{text-decoration: 0; border-bottom: 2px solid #A2AAB6}
#additional a.special{margin 0.5em 5px}

#cleaner{
clear:both;
height: 1px;
}

.img-special{
position: relative;
width: 180px;
height: 150px;
background: url('./blue-agony/specialbg.gif');
margin: 0.5em 5px;
}
.img-special[class]{background: url('./blue-agony/specialbg.png')}
.img-special img{width: 148px; height: 118px; position: absolute; top: 16px; left: 16px}

.img-special a span{
position: absolute;
top: 16px;
left: 16px;
display: block;
width: 148px;
height: 118px;
background: url('./blue-agony/maska.gif');
}
.img-special[class] a span{background: url('./blue-agony/maska.png')}

.img-special a:hover span{background: none}

.noscreen, hr{display: none}
.clear{clear:both}