body
{
margin: 20px 0px 20px 0px;
font-family: courier, arial;
background-color: #FFCC00;
}

.box
{
width: 96%;
text-align: center;
max-width:900px;
width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)?"900px":"auto" );
padding: 10px 10px 10px 10px;
}


H1
{
color: #000000;
font-size: 63px;
margin: 0px 0px 0px 0px;
text-align: left;
}

H1 .highlight
{
font-size: 24px;
color: #ffffff;
}

H2
{
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
font-size: 24px;
margin: 0px 0px 5px 0px;
text-align: left;
padding-left: 10px;
}

H3
{
color: #121B35;
font-size: 14px;
margin: 0px 0px 5px 0px;
font-weight: bold;
background-color: #FFF285;
padding-left: 5px;
}

H3 .highlight
{
color: #FF7E00;
}

H4
{
color: #000000;
font-size: 34px;
margin: 0px 0px 0px 0px;
text-align: left;
}


.kolom1
{
width: 49%;
float: left;
min-height: 1px;
margin-bottom: 10px;
}

.kolom2
{
width: 49%;
float: right;
min-height: 1px;
margin-bottom: 10px;
}

.galleries
{
font-size: 14px;
font-family: tahoma;
font-weight: normal;
padding: 10px 5px 10px 10px;
background-color: #FFFFC6;
text-align: left;
border: 1px dotted #000000;
}


.galleries A
{
color: #6C4B05;
font-weight: normal;
}

.toplist
{
height: 50px;
clear: both;
}

.toplist A
{
color: #C15F00;
font-weight: bold;
font-size: 16px;
}

.top30
{
height: 50px;
clear: both;
background-color: #FFF285;
border: 1px dotted #000000;
margin-bottom: 20px;
padding: 5px 0px 5px 5px;
}

.top30 A
{
color: #C15F00;
font-weight: bold;
font-size: 14px;
}

.hardlinks
{
height: 50px;
clear: both;
background-color: #FFEFCC;
border: 1px solid #000000;
margin-bottom: 20px;
padding: 5px 0px 5px 5px;
}

.hardlinks A
{
color: #5A2E02;
font-weight: bold;
font-size: 14px;
}

.footer
{
clear: both;
height: 20px;
background-color: #FFF285;
border: 1px solid #000000;
margin: 10px 0px 20px 0px;
}
.footer A
{
color: #5A2E02;
font-weight: bold;
font-size: 14px;
}

A:hover
{
color: #030A23;
}