html { background: #0a0102; }

body { color: #ededed; margin: 0; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; cursor: default; background-image: url(images/body-bg.png); background-position: center top; background-repeat: repeat-x; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; list-style: none; }

a { color: #df141b; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

:focus { outline: none; }

.clear { clear: both; }
 
.content { width: 1254px; margin: 0 auto; text-align: left; background: url(images/under-menu.png) no-repeat left 117px; }
.content-full { width: 100%; text-align: center; background: url(images/network-bg-main.png) repeat-x left top; }

.network { width: 100%; height: 22px; } 
.network-inner { position: absolute; top: 0; width: 1254px; background-image: url(images/network-bg.png); background-position: left; background-repeat: no-repeat; }
.network-inner ul { margin: 0 10px 0 0; float: right; } 
.network-inner ul li { height: 22px; float: left; padding: 0 13px 0 12px; display: block; text-align: center; background-image: url(images/network-separator.png); background-position: left; background-repeat: no-repeat; }
.network-inner ul li a { line-height: 18px; text-transform: uppercase; color: #ffffff; font-size: 11px;}
.network-inner ul li.nobg { background-image: none; }

.header { width: 100%; height: 86px; overflow: hidden; background-image: url(images/header-bg.png); background-position: left; background-repeat: no-repeat; }
.header .logo { width: 40%; float: left; }
.header .logo a { width: 256px; height: 54px; margin: 0 0 0 100px; display: block; background: url(images/logo.png) no-repeat left top; }
.header .logo h1 { font-size: 11px; margin: 0 0 0 120px; text-transform: lowercase; }
.header .desc { width: 60%; float: left; text-align: right; }
.header .desc p { margin: 4px 10px 0 0; font-size: 11px; text-align: right; }

.menu { width: 100%; height: 33px; margin: -33px 0 10px 0; } 
.menu ul { float: left; margin: 0 0 0 470px; padding: 0; } 
.menu ul li { width: 87px; height: 33px; float: left; padding: 0; display: block; text-align: center; margin: 0 3px 0 0; background-image: url(images/menu-notactive.png); background-position: right; background-repeat: no-repeat; }
.menu ul li a { display: block; width: 87px; height: 33px; margin: 0; line-height: 31px; text-transform: capitalize; color: #ffffff; text-shadow: 1px 1px #000000; font-size: 11px; }
.menu ul li a:hover { background-image: url(images/menu-active.png); background-position: top; background-repeat: repeat-x; }
.menu form { float: right; margin: 0 10px 0 0; }
.menu form .stxt { width: 281px; height: 33px; border: 0; background-image: url(images/search-form.png); background-position: top; background-repeat: no-repeat; float: left; padding: 0 0 0 8px; margin: 0 3px 0 0; color: #ffffff; }
.menu form .sbtn { width: 32px; height: 33px; border: 0; float: left; background-image: url(images/search-button.png); background-position: top; background-repeat: no-repeat; cursor: pointer; }

.title { width: 100%; margin: 10px 0 10px 0; }
.title h2 { font-size: 24px; float: left; line-height: 28px; background-image: url(images/title-bg.png); background-position: left; background-repeat: no-repeat; padding: 0 0 0 36px; text-transform: capitalize; }
.title ul { float: right; margin: 9px 6px 0 0; }
.title ul li { float: left; padding: 0 11px 0 10px; background-image: url(images/title-separator.png); background-position: right; background-repeat: no-repeat; text-align: center; }
.title ul li.nobg { background-image: none; }

.warning { width: 904px; height: 577px; background-image: url(images/warning-bg.png); background-position: top; background-repeat: no-repeat; margin: 60px auto; text-align: center; }
.warning .title h2 { float: none; background-image: none; padding: 0;  line-height: 45px; color:#000; }
.warning-body { width: 864px; padding: 0px 20px 20px 20px; font-size: 16px; margin: 0 0 20px 0; text-align: left; color:#fff; }
.enter-button { width: 100%; height: 46px; display: block; background: url(images/enter-button.png) center 0 no-repeat; text-align: center; line-height: 44px; font-size: 20px; color: #fff; margin: -250px 0 185px 0; }
.enter-button:hover { background-position: center 100%; }

.toplist-bottom { clear: both; margin: 0 0 0 1px;}
.toplist-bottom ul li { float: left; text-align: center; font-weight: bold; font-size: 12px; margin: 0 15px 8px 0; }
.toplist-bottom ul li a img { display: block; width: 160px; height: 220px; border: 2px solid #322d2d; }
.toplist-bottom ul li a:hover img { border: 2px solid #585050; }

.footer { width: 100%; height: 109px; padding: 0; font-size: 10px; background-image: url(images/footer-bg.png); background-position: top; background-repeat: repeat-x; text-align: center; }
.footer .inner { width: 1254px; height: 109px; margin: 0 auto 0 auto; }
.footer .inner .right { width: 470px; text-align: right; float: right; margin: 26px 20px 0 0; }
.footer .inner .left { width: 286px; text-align: left; float: left; margin: 26px 0 0 20px; }
.footer .inner .center { width: 402px; height: 109px; float: left; margin: 0; }
.footer .inner .center a { width: 257px; height: 109px; display: block; background-image: url(images/footer-logo.png); background-position: center top; background-repeat: no-repeat; }
.footer a { font-weight: bold; }

.thumbs { margin: 0; }
.thumbs ul li { float: left; }
.thumbs a img { border: 3px solid #322d2d; color: float: left; }
.thumbs a:hover img { border: 3px solid #585050; }

.thumbs200 a img { width: 200px; height: 260px; margin: 2px; border: 2px solid #322d2d; float: left; }
.thumbs200 a:hover img { border: 2px solid #585050; }

.thumbs300 a img { width: 300px; height: 225px; margin: 3px; border: 3px solid #322d2d; float: left; }
.thumbs300 a:hover img { border: 3px solid #585050; }

.paginator { font-size: 18px; line-height: 38px; }

.hardlinks { width: 1254px; margin: 10px auto 10px auto; text-align: center; }
.hardlinks ul li { width: 401px; height: 100px; display: block; float: left; margin: 0 17px 0 0; padding: 17px 0 0 0; font-size: 14px; }
.hardlinks ul li.last { margin: 0; }
.hardlinks ul li a { font-size: 21px; font-weight: normal; text-decoration: none; }

.text-toplist { width: 1254px; margin: 0 auto 20px auto; padding: 0 0 12px 0; text-align: left; }
.text-toplist ul { width: 20%; float: left; }
.text-toplist ul li { width: 80%; margin: 0 10%; font-size: 14px; font-weight: bold; line-height: 18px; }
