/* general
======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

input, textarea, select {font-family: arial, helvetica, sans-serif; font-size: 12px;}

li {list-style-type: none;}

a {text-decoration: underline; color: #3b93cc;}
a:hover, a:active, a:focus {text-decoration: none;}
a img {border: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

h1, h2, h3, h4 {font-weight: bold;}

/* abstract
======================================*/

.fl {float: left;}
.fr {float: right;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}

.a-hidden, .flag span, .comms span {position: absolute; top: -10000em;}

/* structure
======================================*/

xxxhtml {background: #040404 url("img/top.jpg") 50% 0 no-repeat; min-width: 1000px;}
xxxbody {background: transparent; position: relative; width: 980px; margin: 0 auto; padding: 220px 10px 0; font: 13px/1.4 arial, helvetica, sans-serif; color: #000;}

#ahead { margin: 0 auto; width: 980px; text-align: center; }

html, body { background: #040404; }

#htmlbox {background: #040404 url("img/top.jpg") 50% 0 no-repeat; min-width: 1000px;}
#bodybox {background: transparent; position: relative; width: 980px; margin: 0 auto; padding: 220px 10px 0; font: 13px/1.4 arial, helvetica, sans-serif; color: #000;}

#ahead div {
border:10px solid #999999;
height:100px;
margin:0 auto;
width:760px;
}

#jump {display: inline; font-size: 1.2em;}
	#jump li {display: inline;}
	#jump a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #040404; top: 0; z-index: 9;}

h1#logo {position: absolute; left: 10px; top: 18px; width: 422px; height: 109px; overflow: hidden; font-size: 36px;}
h1#logo a {display: block; width: 100%; height: 100%; color: #fff;}
h1#logo .ir {background: url("img/top.jpg") -49px -18px;}

#main {background: #f5f5f5; width: 100%;}

#content {float: left; width: 660px; padding: 20px 0 0 0;}
#content .box {background: #4f4f4f; position: relative; float: left; display: inline; width: 300px; height: 300px; margin: 0 0 20px 20px; line-height: 1.3; color: #fff; word-wrap: break-word;}
#content .box .heading {background: url("img/article-shape.png") no-repeat; position: absolute; left: -7px; bottom: 0; width: 265px; height: 128px; overflow: hidden; padding: 22px 20px 0 22px;}
#content .box .heading h2 {margin: 0; text-transform: none; width: 235px; font-size: 20px; max-height: 2.8em; overflow: hidden; overflow: ellipsis; }
#content .box .heading h2 a {color: #fff;}
#content .box .heading h2 a:hover, #content .box .heading h2 a:focus, #content .box .heading h2 a:active {color: #bcd9ed;}
#content .box .heading p {margin: 11px 0 0 0; font-size: 12px;}
#content .box img {display: block;}
#content .box a.comms {background: url("img/comms.png"); position: absolute; right: -5px; bottom: 84px; width: 45px; height: 36px; text-align: center; text-decoration: none; font-size: 24px; font-weight: bold; color: #fff;}

#content .box#leader a.comms {
	bottom: 13px;
}

#content .box .flag {background: url("img/flags.png") 0 0 no-repeat; position: absolute; right: -4px; top: -4px; display: block; width: 95px; height: 95px; overflow: hidden;}
#content .box .flag-exclusive {background-position: -96px 0;}
#content .box .flag-sport {background-position: -192px 0;}
#content .box .flag-updated {background-position: -288px 0;}

em.date {background: #3b93cc; position: absolute; left: 20px; top: 20px; padding: 5px 8px 3px; text-transform: uppercase; font-size: 12px; font-style: normal; font-weight: bold; color: #fff;}
em.hot {background: #f03d44;}

#content #leader {background: #222; float: none; display: block; width: 620px;}
#content #leader .heading {background: url("img/leaderh.png"); left: 0; width: 580px; height: auto; padding: 14px 20px 18px;}
#content #leader .heading h2 {width: auto; font-size: 24px; letter-spacing: -1px;}
#content #leader .heading p {font-weight: bold; padding-right: 30px;}

ul.pagination {clear: both; margin: 0 20px 20px; padding: 6px 0 5px; text-align: center;}
ul.pagination li {display: inline;}
ul.pagination li * {background: #b5b5b5; margin: 0; padding: 7px 10px; font-weight: bold; color: #fff;}
ul.pagination li span {font-weight: normal;}
ul.pagination li strong {background: #3b93cc;}
ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active {background: #f03d44;}

.absh, .abshb {background: #f5f5f5 url("img/absh.png") repeat-x; position: absolute; z-index: 10; left: 0; top: 10px; height: 30px; margin: 0 !important; padding: 0 15px 0 8px; line-height: 30px; vertical-align: middle; text-transform: uppercase; font-size: 18px !important; color: #f03d44 !important;}
.abshr, .abshbr {left: auto; right: 0; padding: 0 8px 0 15px;}
.absh span, .abshb span {background: url("img/absh.png"); position: absolute; left: -5px; top: 0; width: 5px; height: 36px; overflow: hidden;}
.abshr span, .abshbr span {background-position: 0 -36px; left: auto; right: -5px; top: 0;}
.abshb {background: #2c6f9a url("img/abshb.png") repeat-x; color: #f5f5f5 !important;}
.abshb span {background-image: url("img/abshb.png");}

.bigmsg {
  padding: 25px;
  margin-bottom: 20px;
  font-size: 25px;
  background: #3B93CC;
  color: #fff;
}
.bigmsg.err {
	background: #F03D44;
}

#content #hpwalls {background: #3b93cc; position: relative; clear: both; width: 620px; margin: 0 0 0 20px; padding: 38px 0 10px;}
#content #hpwalls a.fl {border: 3px solid #d9e6ef; float: left;}
#content #hpwalls a.fl:hover, #content #hpwalls a.fl:focus, #content #hpwalls a.fl:active {border-color: #2c6f9a;}
#content #hpwalls a img {display: block;}
#content #hpwalls #walls {float: left; width: 280px; padding: 0 0 20px 20px;}
#content #hpwalls #kitties {float: right; width: 272px; padding: 11px 0 9px 28px;}
#content #hpwalls #walls a.fl {margin: 20px 23px 0 0;}
#content #hpwalls #kitties a.fl {margin: 9px 9px 0 0;}

#content #breadcrumbs {padding: 8px 0 6px 30px; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #ccc;}
#content .breadhome {padding: 0 0 15px 20px !important;}
#content #breadcrumbs a {color: #bbb;}
#content #breadcrumbs a:hover, #content #breadcrumbs a:focus, #content #breadcrumbs a:active {color: #3b93cc;}
#content #breadcrumbs strong {font-size: 120%; color: #f03d44;}

#content h2 {margin: 0 0 20px; text-transform: uppercase; font-size: 24px; color: #3b93cc; letter-spacing: -1px;}
#content h3 {margin: 0 0 11px; font-size: 24px; color: #3b93cc; letter-spacing: -1px;}
#content #article {position: relative; width: 600px; padding: 0 0 5px 30px;}
#content #article.commsmeta {padding-top: 50px;}
#content #article.commsmeta h2 {margin-bottom: 10px;}
#content #article.commsmeta h2 a.back {text-transform: none; font-size: 17px; color: #777;}
#content #article.commsmeta h2 a.back:hover, #content #article.commsmeta h2 a.back:focus, #content #article.commsmeta h2 a.back:active {color: #f03d44;}
#content #article p.meta {margin: 0 0 16px;}
#content #article p.meta em.date {position: static;}
#content #article p.meta a.author {margin: 0 5px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 13px; color: #bbb;}
#content #article p.meta a.author:hover, #content #article p.meta a.author:focus, #content #article p.meta a.author:active {color: #3b93cc;}
#content #article p.perex {font-weight: bold; color: #3b93cc;}
#content #article p {margin: 0 0 17px;}
#content #article img {border: 5px solid #3b93cc;}
#content #article img.fl {margin: 0 15px 10px -12px;}
#content #article img.fr {margin: 0 0 10px 15px;}
#content #article a:hover, #content #article a:focus, #content #article a:active {color: #f03d44;}
#content #article a:hover img, #content #article a:focus img, #content #article a:active img {border-color: #2c6f9a;}

#content #gallery {background: #d9e6ef; width: 620px; margin: 0 0 20px; padding: 13px 0 20px 30px;}
#content #gallery h3 {margin: 0 0 -7px; font-size: 18px;}
#content #gallery a.fl {border: 5px solid #3b93cc; margin: 20px 20px 0 0;}
#content #gallery a.fl img {display: block;}
#content #gallery a.fl:hover, #content #gallery a.fl:focus, #content #gallery a.fl:active {border-color: #2c6f9a;}

#content #comments {position: relative; width: 640px; padding: 0 0 0 10px;}
#content #comments.article {padding-top: 60px;}
#content #comments a.add {top: 0;}
#content #comments a.add {text-decoration: none;}
#content #comments a.add h3 {margin: 0; font-size: 18px; color: #f03d44;}
#content #comments a.add h3 strong {text-decoration: underline;}
#content #comments a.add h3 em {margin: 0 0 0 7px; font-size: 110%; font-style: normal; color: #aaa;}
#content #comments a.add:hover strong, #content #comments a.add:focus strong, #content #comments a.add:active strong {text-decoration: none;}
#content #comments ul li {background: #f0f0f0; width: 600px; margin: 0 0 10px; overflow: hidden; padding: 20px;}
#content #comments ul li img.fl {border: 10px solid #d9e6ef;}
#content #comments ul li h4 {float: right; width: 455px; margin: 0 0 8px; line-height: 1;}
#content #comments ul li h4 em {margin: 0 8px; font-style: normal; color: #3b93cc;}
#content #comments ul li div.inner {background: #f5f5f5; float: right; width: 440px; overflow: hidden; padding: 7px 10px 0;}
#content #comments ul li div.inner p {margin: 0 0 5px;}
#content #comments form {background: #099fc9; position: relative; padding: 34px 20px 20px;}
#content #comments form label {clear: left; display: block; width: 500px; margin: 0 0 8px; overflow: hidden;}
#content #comments form label span {float: left; width: 52px; padding: 3px 18px 0 0; text-align: right; font-weight: bold; color: #fff;}
#content #comments form label input, #content #comments form label textarea {margin: 0; width: 180px; padding: 7px 3px 2px;}
#content #comments form label textarea {width: 414px;}
#content #comments div.submit {width: 492px; padding: 4px 0 0; text-align: right;}
#content #comments div.submit input {position: relative;}
#content #comments div.submit input:active {left: 2px;}

#sidebar {float: right; width: 320px;}
#sidebar #news {background: #3b93cc; position: relative; width: 320px; height: 310px; margin: 0 0 20px; padding: 6px 0 4px;}
#sidebar #news .absh {top: 20px;}
#sidebar #news .featured {border: 9px solid #d9e6ef; position: relative; width: 292px; margin: 0 5px; word-wrap: break-word;}
#sidebar #news .featured img {display: block;}
#sidebar #news .featured h4 {background: url("img/leaderh.png"); position: absolute; left: 0; bottom: 0; width: 292px; overflow: hidden; font-size: 14px; color: #fff;}
#sidebar #news .featured h4 a {display: block; padding: 11px 15px 9px; color: #fff;}
#sidebar #news .featured h4 a:hover, #sidebar #news .featured h4 a:focus, #sidebar #news .featured h4 a:active {color: #bcd9ed;}
#sidebar #news .featured em.date {left: -18px; top: 5px;}
#sidebar #news ul {padding: 10px 20px 0 0; font-size: 14px;}
#sidebar #news ul li {clear: both; width: 300px; padding: 10px 0 0;}
#sidebar #news ul li em {background: #fff url("img/newsdate.gif") 100% -22px no-repeat; position: relative; float: left; height: 22px; padding: 0 9px 0 5px; line-height: 22px; vertical-align: middle; font-style: normal; font-size: 12px; color: #3b93cc;}
#sidebar #news ul li em span {background: url("img/newsdate.gif"); position: absolute; left: -4px; top: 0; display: block; width: 4px; height: 22px; overflow: hidden;}
#sidebar #news ul li strong {float: right; width: 210px; padding: 1px 0 0; line-height: 1.4; color: #fff;}
#sidebar #news ul li strong a {color: #fff;}
#sidebar #news ul li strong a:hover, #sidebar #news ul li strong a:focus, #sidebar #news ul li strong a:active {color: #d9e6ef;}
#sidebar .ad {background: #f5f5f5; margin: 0 0 20px; padding: 0 10px; text-align: center;}
#sidebar .ad img {display: block;}
#sidebar .section {background: #d9e6ef; position: relative;}
#sidebar .section img {border: solid #3b93cc;}
#sidebar .section a:hover, #sidebar .section a:focus, #sidebar .section a:active {color: #2c6f9a;}
#sidebar .section a:hover img, #sidebar .section a:focus img, #sidebar .section a:active img {border-color: #2c6f9a;}
#sidebar #vids {width: 300px; padding: 48px 0 9px 20px;}
#sidebar #vids ul {width: 300px; overflow: hidden;}
#sidebar #vids li {float: left; width: 130px; margin: 12px 20px 0 0; text-decoration: none; color: #3b93cc;}
#sidebar #vids li img {border-width: 10px; display: block;}
#sidebar #vids li h4 {padding: 7px 5px 6px; line-height: 1.3; height: 2.2em; overflow: hidden; overflow: ellipsis;}
#sidebar #popular {width: 285px; padding: 60px 15px 10px 20px;}
#sidebar #popular li {width: 285px; overflow: hidden; margin: 0 0 10px;}
#sidebar #popular li a.fl img {border-width: 5px; display: block;}
#sidebar #popular li .inner {margin: 0 0 0 80px; padding: 1px 0 0; line-height: 1; color: #3b93cc;}
#sidebar #popular li .inner h4 {margin: 0 0 4px; font-size: 14px;}
#sidebar #popular li .inner p {font-size: 10px;}
#sidebar #discussion {width: 280px; padding: 60px 20px 10px 20px;}
#sidebar #discussion li {width: 100%; padding: 0 0 15px; line-height: 1; color: #3b93cc;}
#sidebar #discussion h4 {margin: 0 0 4px; font-size: 14px;}
#sidebar #discussion p {font-size: 10px;}

ul#nav {background: #eaeaea url("img/nav-search.png") no-repeat; position: absolute; left: 10px; top: 150px; width: 638px; height: 50px; padding: 0 0 0 22px; overflow: hidden;}
ul#nav li {display: inline;}
ul#nav a {position: relative; float: left; height: 50px; padding: 0 7px; line-height: 50px; vertical-align: middle; text-align: center; font-weight: bold; color: #4c4c4c;}
ul#nav .active a {color: #f03d44; cursor: default;}
ul#nav a:hover, ul#nav a:focus, ul#nav a:active {color: #3b93cc;}
ul#nav a.testy {width: 51px;}
ul#nav a.novinky {width: 76px;}
ul#nav a.magazin {width: 74px;}
ul#nav a.videa {width: 53px;}
ul#nav a.kotatka {width: 71px;}
ul#nav a.tapety {width: 63px;}
ul#nav a.sport {width: 51px;}
ul#nav a.forum {width: 60px;}
ul#nav a .ir {background: url("img/nav.png") no-repeat;}
ul#nav a.testy .ir {background-position: 0 0;}
ul#nav a.novinky .ir {background-position: -65px 0;}
ul#nav a.magazin .ir {background-position: -155px 0;}
ul#nav a.videa .ir {background-position: -243px 0;}
ul#nav a.kotatka .ir {background-position: -310px 0;}
ul#nav a.tapety .ir {background-position: -396px 0;}
ul#nav a.sport .ir {background-position: -473px 0;}
ul#nav a.forum .ir {background-position: -538px 0;}
ul#nav .active a.testy .ir {background-position: 0 -100px !important;}
ul#nav .active a.novinky .ir {background-position: -65px -100px !important;}
ul#nav .active a.magazin .ir {background-position: -155px -100px !important;}
ul#nav .active a.videa .ir {background-position: -243px -100px !important;}
ul#nav .active a.kotatka .ir {background-position: -310px -100px !important;}
ul#nav .active a.tapety .ir {background-position: -396px -100px !important;}
ul#nav .active a.sport .ir {background-position: -473px -100px !important;}
ul#nav .active a.forum .ir {background-position: -538px -100px !important;}
ul#nav a.testy:hover .ir, ul#nav a.testy:focus .ir, ul#nav a.testy:active .ir {background-position: 0 -50px;}
ul#nav a.novinky:hover .ir, ul#nav a.novinky:focus .ir, ul#nav a.novinky:active .ir {background-position: -65px -50px;}
ul#nav a.magazin:hover .ir, ul#nav a.magazin:focus .ir, ul#nav a.magazin:active .ir {background-position: -155px -50px;}
ul#nav a.videa:hover .ir, ul#nav a.videa:focus .ir, ul#nav a.videa:active .ir {background-position: -243px -50px;}
ul#nav a.kotatka:hover .ir, ul#nav a.kotatka:focus .ir, ul#nav a.kotatka:active .ir {background-position: -310px -50px;}
ul#nav a.tapety:hover .ir, ul#nav a.tapety:focus .ir, ul#nav a.tapety:active .ir {background-position: -396px -50px;}
ul#nav a.sport:hover .ir, ul#nav a.sport:focus .ir, ul#nav a.sport:active .ir {background-position: -473px -50px;}
ul#nav a.forum:hover .ir, ul#nav a.forum:focus .ir, ul#nav a.forum:active .ir {background-position: -538px -50px;}

form#search {background: #dbdbdb url("img/nav-search.png") 100% 0 no-repeat; position: absolute; right: 10px; top: 150px; width: 320px; height: 50px;}
form#search div {border: 0; background: #fff url("img/nav-search.png") -682px -18px no-repeat; position: absolute; right: 124px; top: 18px; width: 174px; height: 19px;}
form#search input.text {border: 0; background: transparent; position: absolute; left: 0; top: 2px; width: 147px; height: 16px; margin: 0; padding: 0 0 0 21px;}
form#search input.hand {position: absolute; right: 94px; top: 15px;}

form#login, div#login {position: absolute; top: 53px; right: 38px; width: 269px; font-size: 12px;}
form#login fieldset {padding: 33px 0 0;}
div#login p { margin: 30px 0 0; padding: 8px; height: 37px; width: 260px; line-height: 37px; background: #fff; }
div#login p img { float: left; height: 37px; margin-right: 10px; }
form#login fieldset legend span,
div#login h5 {position: absolute; left: 7px; top: 0; display: block; text-transform: uppercase; color: #636363;}
form#login fieldset label {background: url("img/logininput.gif") no-repeat; position: relative; float: left; width: 116px; height: 19px; overflow: hidden; margin: 0 8px 0 0;}
form#login fieldset label input {border: 0; background: #fff; position: absolute; left: 8px; top: 2px; width: 100px; height: 16px; margin: 0; padding: 0;}
form#login fieldset label input.dummy {color: #999;}
form#login fieldset input.hand {position: relative; float: left;}
form#login fieldset input.hand:active {left: 2px;}
form#login a.reg, div#login a.logout {position: absolute; right: 2px; top: 0; text-transform: uppercase; font-weight: bold; color: #f03d44;}
form#login a.reg:hover, form#login a.reg:focus, form#login a.reg:active,
div#login a.logout:hover, div#login a.logout:focus, div#login a.logout:active {text-decoration: none; color: #3b93cc;}

ul#fnav {position: absolute; top: 18px; right: 36px; font-size: 12px; text-transform: uppercase;}
ul#fnav li {background: url("img/fnav.gif") 0 50% no-repeat; float: left; padding: 0 4px 0 5px;}
ul#fnav li.first {background: none;}
ul#fnav li a {float: left; color: #fff;}
ul#fnav li a:hover, #content ul#fnav li a:focus, ul#fnav li a:active {text-decoration: none; color: #3b93cc;}

a#rss {position: absolute; top: 163px; right: 28px; display: block; width: 30px; height: 31px; overflow: hidden;}
a#rss .ir {background: url("img/nav-search.png") -932px -13px no-repeat;}

#footer {background: url("img/footer.png") no-repeat; position: relative; width: 849px; height: 64px; margin: -10px -7px 0; padding: 46px 100px 0 45px;}
#footer p {background: #3b93cc; float: left; padding: 7px 20px 4px 10px; font-size: 14px; color: #d9e6ef;}
#footer p a {color: #d9e6ef;}
#footer p a:hover, #footer p a:focus, #footer p a:active {color: #fff;}
#footer a#alphanumeric {position: absolute; right: 18px; top: 54px; display: block; width: 53px; height: 43px; overflow: hidden;}
#footer a#alphanumeric img {display: block;}