BODY {font: 14px Arial; text-align: center; color: #808080; background: #000000;}
img {border: 0px solid #808080;}
* {margin: 0; padding: 0;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul {list-style: none;}

/* H1 -> SITE title */
H1 {width: 980px; font: 32px Impact; font-weight: 100; line-height: 40px; text-align: center; display: inline-block; margin: 0px 0px 0px 0px; border-collapse: collapse;}
H1 a {text-decoration: underline;}

/* H2 - niche keys */
H2 {width: 972px; font: 16px Arial; font-weight: 100; color: #DC143C; text-align: left; display: inline-block; margin: 0px 0px 10px 0px; padding: 0; clear: both;}
/* H3 -> niche title */
H3 {width: 972px; font: 22px Arial; font-weight: 700; color: #EFC4C1; text-align: left; display: inline-block; margin: 0px 0px 0px 0px; padding: 0; font-variant: small-caps;}
H3 span {font: 22px Arial; font-weight: 700; color: #FFF5EE;}

/* H5 - taglisttitle+toplisttitle */
H5 {width: 980px; font: 22px Arial; font-weight: 100; color: #DC143C; text-align: left; display: inline-block; margin: 12px 0px 0px 0px; padding: 0; clear: both;}
/* H6 -> div title */
H6 {font: 19px Arial; font-weight: 100; color: #EFC4C1; text-align: left; display: inline-block; margin: 0px 0px 0px 0px; padding-left: 1px; clear: both;}


.clear {clear: both; height: 0; font-size: 1px; line-height: 0px; overflow: hidden;}
.space {clear: both; width: 100%; height: 35px; font-size: 1px; overflow: hidden;}

a {color: #C0C0C0; text-decoration: none;}
a:hover {color: #FA8072; text-decoration: underline;}

/* ----------------------------------------------------------- MORDA + NICHE -------------------------------*/

ul.thumb-morda-niche {width: 980px; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; overflow: hidden;}

ul.thumb-morda-niche li {
position: relative;
width: 240px;
height: 235px;
margin: 0px 0px 10px 4px;
text-decoration: none;
overflow: hidden;
float: left;
border: 1px solid #9E8380;
}

ul.thumb-morda-niche li:hover {border: 1px solid #FFFFFF; background: #250000;}

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

ul.thumb-morda-niche li img {
width: 240px;
height: 180px;
display: block;
margin: 0;
}

ul.thumb-morda-niche li h3 {
position:absolute;
top: 180px;
left: 1px;
width: 238px;
font: 14px Verdana;
font-weight: 100;
color: #EFC4C1;
display: block;
overflow: hidden;
text-transform: lowercase;
text-decoration: none;
text-align: center;
padding: 0px 3px 0px 1px;
}

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

/* ----------------------------------------------------------- MORDA + NICHE -------------------------------*/

/* PAGINATOR */
.paginator {margin: 15px auto; padding: 1px 1px 1px 1px; overflow: hidden; clear: both;}
.paginator li {display: inline; margin: 0px 3px 0px 3px; overflow: hidden;}
.paginator li.title {font: 21px Verdana; font-weight: 700; color: #00FA9A; border: 0px; overflow: hidden;}
.paginator li.home a {font: 21px Verdana; font-weight: 700; color: #FF0000; border: 0px; text-decoration: underline; overflow: hidden;}
.paginator li.home a:hover {color: #FFFFFF; text-decoration: underline;}
.paginator li.current {font: 21px Verdana; font-weight: 700; color: #FFFFFF; border: 0px; overflow: hidden;}
.paginator li a {font: 21px Verdana; font-weight: 700; color: #1E90FF; text-decoration: underline; overflow: hidden;}
.paginator li a:hover {color: #FFFFFF; text-decoration: underline;}

/* TAGLIST */
DIV.taglistbox {width: 973px; text-align: left; display: inline-block; margin: 6px 0px 0px 0px; padding: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist {width: 139px; float: left; font: 16px Arial; font-weight: 700; color: #FFFFFF; text-align: left; margin: 0px; padding: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist li {width: 100%; display: block; margin: 1px 0px 1px 0px; white-space: nowrap; overflow: hidden;}
ul.taglist li.space {height: 10px; width: 100%; display: block; margin: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist a { font: 16px Arial; font-weight: 100; color: #ADD8E6; text-decoration: none;}
ul.taglist a:hover {color: #FFFFFF; text-decoration: underline;}
/* TAGLIST */

/* TOPLIST */
.topbottomtitle-hr {width: 0px; border-width: 0px; height: 1px; line-height: 1px; color: #808080; background-color: #808080; display: inline-block; margin-bottom: 10px; clear: both;}

/* morda+niche top bottom */
ul.topbottom {width: 980px; font: 10px Arial; font-weight: 100; color: #808080; text-align: left; display: inline-block; margin: 0; padding: 0; white-space: nowrap; overflow: hidden;}
ul.topbottom li {width: 196px; float: left; white-space: nowrap; overflow: hidden;}
ul.topbottom a {font: 14px Arial; font-weight: 700; line-height: 20px; color: #FFC0CB; text-decoration: none;}
ul.topbottom a:hover {color: #DC143C; text-decoration: underline;}

/* TOPLIST */
