BODY {font: 12px Verdana; color: gray; background: #343B4D url('/design/back.gif');}
XXX {margin: 0px; padding: 0px;}
img {border: 0px solid Silver;}
ul {list-style: none;}

/* H1 - niche keys */
H1 {width: 100%; font: 12px Tahoma; font-weight: 100; color: lightgrey; text-align: left; margin: 0px auto; padding-left: 10px; clear: both;}
/* H2 - taglisttitle+toplisttitle */
H2 {width: 100%; font: 21px Times New Roman; font-weight: 700; letter-spacing: 1px; color: GhostWhite; font-variant: small-caps; text-align: center; margin: 0px auto; clear: both;}
/* H3 */
H3 {width: 100%; font: 19px Tahoma; font-weight: 100; color: lightgrey; text-align: left; margin: 0px auto; padding-left:1px; clear: both;}

div.thumb-top {clear: both; width: 100%; height: 28px; text-align: center; background: url('/design/thumb-block-top.gif') no-repeat center bottom; margin: auto;}
div.thumb-bottom {clear: both; width: 100%; height: 37px; text-align: center; background: url('/design/thumb-block-bottom.gif') no-repeat center top; margin: auto;}

/* ------------------------------------------------------------------------------------- MORDA -------------------------------*/

ul.thumb-morda {width: 992px; background-color: #292e3c; display: block; margin: 0px 0px 0px 0px; border: 0px solid lightblue; padding: 0px 0px 0px 0px; overflow: hidden;}

ul.thumb-morda li {
position: relative;
width: 242px;
height: 226px;
margin: 4px 0px 4px 4px;
text-decoration: none;
overflow: hidden;
float:left;
background: #343B4D url('/design/thumb-loading.gif') no-repeat right top;
}

ul.thumb-morda li a {
position: absolute;
top: 0px;
left: 0px;
width: 240px;
height: 224px;
display: block;
border: 1px solid silver;
background: url(/empty.gif);
}

ul.thumb-morda li a:hover {border: 1px solid white;}

ul.thumb-morda li img {
border-bottom: 0px solid silver;
width: 240px;
height: 180px;
margin: auto;
}

ul.thumb-morda li a:hover img { border-bottom: 0px solid white;}

ul.thumb-morda li h3 {
position:absolute;
top: 182px;
left: 0px;
width: 240px;
height: 44px;
font: 12px Verdana;
font-weight: 100;
color: #DCDCDC;
overflow:hidden;
text-transform: lowercase;
text-decoration: none;
text-align: center;
padding-left:1px;
}

ul.thumb-morda li:hover h3 {color: white; text-decoration: none;}

/* ------------------------------------------------------------------------------------- MORDA -------------------------------*/

DIV.nichetitle { width: 100%; padding-left: 10px; text-align: left; font: 22px Tahoma; font-weight: 700; color: palegreen; font-variant: small-caps;}
DIV.nichetitle span { font: 22px Tahoma; font-weight: 700; color: palegreen; font-variant: small-caps;}

.clear {clear: both; height: 0; font-size: 1px; line-height: 0px;}
.space {width: 100%; height: 35px; clear: both; font-size: 1px;}
.perm {visibility: hidden; POSITION: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden;}

/* TOPLIST */
.topbottomtitle-hr {width: 650px; border-width: 0px; height: 1px; line-height: 1px; color: black; background-color: black; margin: 0px auto; clear: both;}

ul.topbottom {width: 100%; border: 0px solid lime; background: #292e3c; font: 8px Verdana; font-weight: 100; color: gray; text-align: left; margin-left: 0px; padding-left: 0px; white-space: nowrap; overflow: hidden;}
ul.topbottom li {width: 20%; border: 0px solid lime; float: left; white-space: nowrap; overflow: hidden;}
ul.topbottom a { font: 12px Verdana; font-weight: 700; color: #DCDCDC; text-decoration: none; font-variant: small-caps;}
ul.topbottom a:hover {color: #F5F5F5; text-decoration: underline;}
/* TOPLIST */

a { color: gray;}
a:hover { color: dimgray;}