BODY{font: 12px Verdana; color: gray; background: black;}
img {border: 0px solid Silver;}
* {margin: 0; padding: 0;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul {list-style: none;}

/* H1 -> niche keys */
H1 {width: 100%; font: 12px Tahoma; font-weight: 100; color: silver; text-align: left; padding-left: 10px; margin: 0px auto; clear: both;}
/* H2 - mordatopbottom title */
H2 {width: 100%; font: 13px Verdana; font-weight: 700; color: LimeGreen; text-align: left; margin: 0; padding-left:1px; white-space: nowrap; overflow: hidden; clear: both;}
/* H3 -> div title */
H3 {font: 19px Arial; font-weight: 700; line-heightXXX: 21px; color: LimeGreen; background: #000000; display: inline-block; margin: 1px 0px 0px 0px; padding:1px; white-space: nowrap; overflow: hidden; clear: both;}
/* H4 -> video desc */
H4 {font: 17px Arial; font-weight: 100; color: lime; border: 1px solid #333333; background: #000000; text-align: center; margin: 0; padding: 1px; white-space: nowrap; overflow: hidden; clear: both;}

DIV.nichetitle { width: 100%; padding-left: 10px; text-align: left; font: 22px Tahoma; font-weight: 700; color: #C0DFC0; font-variant: small-caps;}
DIV.nichetitle span { font: 22px Tahoma; font-weight: 700; color: #C0DFC0; 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;}

a { color: gray; text-decoration: none;}
a:hover { color: white; text-decoration: underline;}

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

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

ul.thumb-morda li {
position: relative;
width: 240px;
height: 212px;
margin: 0px 0px 8px 4px;
text-decoration: none;
overflow: hidden;
float:left;
}

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

ul.thumb-morda li img {
border: 1px solid #758B4F;
width: 240px;
height: 180px;
margin: 0;
}

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

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

ul.thumb-morda li:hover p {color: #9EFE9E; text-decoration: none;}

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

/* ------------------------------------------------------------------------------------- NICHE PAGE -------------------------------*/

ul.thumb-niche {width: 998px; display: block; margin: 0px 0px 0px 2px; border: 0px solid lightblue; padding: 0px 0px 1px 1px; overflow: hidden;}

ul.thumb-niche li {
position: relative;
width: 242px;
height: 226px;
margin: 0px 6px 8px 0px;
text-decoration: none;
overflow: hidden;
float:left;
}

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

ul.thumb-niche li img {
border: 1px solid #758B4F;
width: 240px;
height: 180px;
margin: auto;
}

ul.thumb-niche li a:hover img { border: 1px solid #E5FEB8;}

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

ul.thumb-niche li:hover P {color: #9EFE9E; text-decoration: none;}

/* ------------------------------------------------------------------------------------- NICHE PAGE -------------------------------*/

/* TAGLIST */
DIV.taglistbox {width: 100%; text-align: left; margin: 0px; padding: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist {width: 14%; float: left; border: 0px solid darkgoldenrod; font: 12px Verdana; font-weight: 700; color: lime; text-align: left; margin: 0px; padding: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist li {border: 0px solid lime; width: 100%; display: block; margin: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist li.space {height: 10px; border: 0px solid lime; width: 100%; display: block; margin: 0px; white-space: nowrap; overflow: hidden;}
ul.taglist a { font: 14px Verdana; font-weight: 100; color: #E0E0E0; text-decoration: none;}
ul.taglist a:hover {color: white; text-decoration: underline;}
/* TAGLIST */

/* TOPLIST */
.topbottomtitle-hr {width: 100%; border-width: 1px; height: 1px; line-height: 1px; color: #DDDDDD; background-color: #DDDDDD; margin-left: 0px; margin-bottom: 10px; padding-left: 0px; clear: both;}

ul.topbottom {width: 1000px; border: 0px solid lime; font: 10px Verdana; font-weight: 100; color: #496319; text-align: left; margin: 0px; padding: 0px; white-space: nowrap; overflow: hidden;}
ul.topbottom li {width: 200px; border: 0px solid lime; float: left; white-space: nowrap; overflow: hidden;}
ul.topbottom a { font: 12px Verdana; font-weight: 900; color: #C0F0C0; text-decoration: none; font-variant: small-caps;}
ul.topbottom a:hover {color: lime; text-decoration: underline;}

/* morda top bottom */
ul.mordatopbottom {width: 980px; border: 0px solid lime; font: 8px Verdana; font-weight: 100; color: #496319; text-align: left; display: inline-block; margin: 0; padding: 0; white-space: nowrap; overflow: hidden;}
ul.mordatopbottom li {width: 196px; border: 0px solid lime; float: left; white-space: nowrap; overflow: hidden;}
ul.mordatopbottom a {font: 12px Verdana; font-weight: 700; line-height: 20px; color: #C0F0C0;  text-transformXXX: uppercase; text-decoration: none; font-variant: small-caps;}
ul.mordatopbottom a:hover {color: lime; text-decoration: underline;}

/* video top top */
ul.videotoptop {width: 975px; border: 0px solid lime; font: 8px Verdana; font-weight: 100; color: black; text-align: left; display: inline-block; margin: 0px 0px 6px 0px; padding: 0; white-space: nowrap; overflow: hidden;}
ul.videotoptop li {width: 191px; border: 1px solid #555555; background: #333333; text-align: center; float: left; display: block; margin: 2px 2px 2px 2px; padding: 3px 1px 3px 1px; white-space: nowrap; overflow: hidden;}
ul.videotoptop a {font: 12px Arial; font-weight: 700; color: #C0F0C0; text-decoration: none; text-transform: uppercase;}
ul.videotoptop a:hover {color: lime; text-decoration: underline;}

/* video top left */
ul.videotopleft {width: 100%; border: 0px solid lime; font: 8px Verdana; font-weight: 100; color: black; text-align: left; margin: 0; padding: 0; white-space: nowrap; overflow: hidden;}
ul.videotopleft li {width: 100%; border: 0px solid lime; text-align: center; float: left; display: block; white-space: nowrap; overflow: hidden;}
ul.videotopleft a {font: 14px Arial; font-weight: 700; line-height: 20px; color: #C0F0C0; text-decoration: none;}
ul.videotopleft a:hover {color: lime; text-decoration: underline;}

/* video top bottom */
ul.videotopbottom {width: 972px; border: 0px solid lime; font: 8px Verdana; font-weight: 100; color: black; text-align: center; display: inline-block; margin: 0; padding: 0; white-space: nowrap; overflow: hidden;}
ul.videotopbottom li {width: 243px; border: 0px solid lime; float: left; white-space: nowrap; overflow: hidden;}
ul.videotopbottom a {font: 15px Arial; font-weight: 700; line-height: 20px; color: #C0F0C0; text-transform: uppercase; text-decoration: none;}
ul.videotopbottom a:hover {color: lime; text-decoration: underline;}

/* TOPLIST */