/* Fonty */
/*==============================================================*/

@import url(http://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext); /* global */
@import url(http://fonts.googleapis.com/css?family=Play&subset=latin,latin-ext);   /* h3, Nav. */
@import url(http://fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext); /* h1 */

/* Globalni styly */
/*==============================================================*/

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
}

body {
    font: normal 13px 'Armata', verdana;
    background-color: #222222;
    background-image: url('../img/bg.png');
    background-attachment: fixed;
    color: #eeeeee;
}

/* titulek stranky */
h1 {
    font-size: 26px;
    font-weight: bold;
    color: #eeeeee;
    text-shadow: 0 0 2px #000000;
    font-family: 'Audiowide', verdana;
}

/* pod-titulek stranky*/
h2 {
    font-size: 14px;
    font-weight: normal;
    color: #eeddaa;
    text-shadow: 0 0 2px #000000;
    padding: 0 0 0 2px;
}

/* nadpisy rad serialu nebo jine nadpisy */
h3 {
    font-size: 17px;
    color: #ff8800;
    text-shadow: 0 0 2px #000000;
    font-family: 'Play', verdana;
}

h3:hover {
    color: #ffaa22;
}

a, a:link, a:focus, a:active {
    color: #7ec712;
    font-weight: bold;
    text-shadow: 0 0 2px #000000;
}

a:hover {
    color: #aeef4e;
}

#wrapper {
    width: 950px;
    margin: 26px auto;
    padding: 5px;
}

/* oblast titulku a pod-titulku stranky */
#title {
    padding: 0 0 30px 5px;
}

/* paticka je umistena ve vlastnim wrapperu kvuli pozici a velikosti cele oblasti */
#footerWrapper {
    padding: 15px 5px 15px 5px;
}

.footer {
    padding: 5px;
    text-align: center;
    font-size: 10px;
    color: #666666;
}

.footer .copyName {
    color: #bbaa88;
}

.footer .pageTime {
    color: #888888;
}

/* sezona / rada serialu */
.season {
    padding: 0 5px 0 5px;
    margin: 0 0 10px 0;
}

.season h3 {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #666666;
}

.season h3:hover {
    border-bottom: 1px solid #888888;
}

.season h3:hover .seasonRange {
    color: #ffffff;
}

.season table {
    width: 100%;
    border: 1px solid #666666;
    background-color: #333333;
    margin: 0 0 20px 0;
    font-size: 0.95em;
    box-shadow: #000000 2px 2px 10px;
    -webkit-box-shadow: #000000 2px 2px 10px;
    -moz-box-shadow: #000000 2px 2px 10px;
}

/* suma celeho serialu */
.total {
    margin: 30px 0 0 0;
}

/* tlacitko pro rozbaleni a sbaleni tabulky epizod */
.toggle {
    float: left;
    padding-right: 5px;
    position: relative;
    top: 2px;
}

tr {
    background-color: #333333;
}

tr:hover, tr:nth-child(even):hover, tr.sum:hover {
    background-color: #444444;
    color: #ffd735;
    text-shadow: 0 0 2px #000000;
}

tr:hover p.description {
    color: #bbbbaa;
}

/* posledni radek v tabulce rady serialu */
tr.sum {
    color: #ddffaa !important;
}

tr:nth-child(even) {
    background-color: #383838;
}

td {
    height: 16px;
    padding: 2px;
}

td.download {
    width: 16px;
}

td.download img {
    position: relative;
    top: 2px;
}

td.filler,
td.favorite {
    width: 16px;
}

td.filler img {
    position: relative;
    top: 2px;
}

td.name {
    width: 550px;
}

td.partNumber {
    width: 38px;
    text-align: center;
    font-weight: bold;
}

td.fileSize {
    width: 90px;
    text-align: right;
    padding-right: 10px;
}

td.length {
    width: 105px;
    text-align:right;
}

td.fileFormat {
    width: 40px;
    text-align: center;
}

/* popisek epizody (pod nazvem epizody) */
p.description {
    color: #888888;
    font-size: 11px;
}

span.seasonRange {
    color: #ccdddd;
    float: right;
    font-size: 13px;
    position: relative;
    margin: 5px 0 0 0;
}

/* Ikonky */
/*==============================================================*/

div.img_null {
    width: 16px;
    height: 16px;
}

div.img_ulozto {
    background-image: url('../img/icon_download_ulozto.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

div.img_ulozto:hover {
    background-image: url('../img/icon_download_ulozto_hover.png');
}

div.img_mega {
    background-image: url('../img/icon_download_mega.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

div.img_mega:hover {
    background-image: url('../img/icon_download_mega_hover.png');
}

div.img_warning {
    background-image: url('../img/icon_warning.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

div.img_filler {
    background-image: url('../img/icon_filler.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

div.img_favorite {
    background-image: url('../img/icon_favorite.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

div.img_minus {
    background-image: url('../img/icon_minus.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

div.img_plus {
    background-image: url('../img/icon_plus.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

/* Tooltip */
/*==============================================================*/

#tooltip {
    padding: 4px;
    margin-top: 5px;
    border: 1px solid #666666;
    display: none;
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
    position: absolute;
    z-index: 1001;
    opacity: 0.9;
}

/* Flagy */
/*==============================================================*/

.inactive {
    opacity: 0.1;
}

.active {
    opacity: 1.0;
}

span.red {
    color: #ee2200 !important;
}

span.white {
    color: #ffffff !important;
}

/* Navigace na leve strane */
/*==============================================================*/

#navLeft {
    width: 200px;
    position: fixed;
    padding: 2px 0 2px 0;
    margin: 0 0 0 -220px;
    top: 137px;
    font-family: 'Play', verdana;
}

#navLeft ul {
    margin: 0;
    padding: 0;
}

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

#navLeft li a {
    border-right: 3px solid #666666;
    padding: 2px 8px 2px 0;
    color: #cccccc;
    display: block;
    text-align: right;
    font-size: 16px;
    text-shadow: 0 0 2px #000000;
}

#navLeft li a.debug {
    border-right: 3px solid #a62222;
}

#navLeft li a.debug:hover {
    border-right: 4px solid #ff0000;
}

#navLeft li a.serial {
    border-right: 3px solid #22a622;
}

#navLeft li a.serial:hover {
    border-right: 4px solid #00ff00;
}

#navLeft li a.movie {
    border-right: 3px solid #a6a622;
}

#navLeft li a.movie:hover {
    border-right: 4px solid #ffff00;
}

#navLeft li a.active {
    color: #eabe93;
    text-shadow: 0 0 1px #eabe93;
    font-weight: bold;
}

#navLeft li a.active:hover {
    color: #ffddbb;
    text-shadow: 0 0 1px #ffddbb;
}

#navLeft li a:hover {
    border-right: 4px solid #bbbbbb;
    font-weight: bold;
    color: #eeeeee;
}

#navLeft li a.debug {
    text-shadow: 0 0 2px #ff0000;
}

/* Navigace na prave strane */
/*==============================================================*/

#navRight {
    width: 160px;
    position: fixed;
    padding: 2px 0 2px 0;
    margin: 0 0 0 974px;
    top: 137px;
    float: right;
    font-family: 'Play', verdana;
}

#navRight ul {
    margin: 0;
    padding: 0;
}

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

#navRight li a {
    border-left: 3px solid #666666;
    padding: 2px 0 2px 8px;
    color: #cccccc;
    display: block;
    font-size: 16px;
    text-shadow: 0 0 2px #000000;
}

#navRight li a.active {
    color: #eeccaa;
    font-weight: bold;
}

#navRight li a.active:hover {
    color: #ffddbb;
}

#navRight li a:hover {
    border-left: 4px solid #bbbbbb;
    color: #eeeeee;
    font-weight: bold;
}

#navRight li a.queryLink {
    color: #c6ffca;
}

#navRight li a.queryLink:hover {
    color: #88ff91;
}

#navRight li a.queryLinkAdmin {
    color: #fec6ff;
}

#navRight li a.queryLinkAdmin:hover {
    color: #ff88f3;
}

/* Novinky */
/*==============================================================*/

.newsContent {
    padding: 0 5px 0 5px;
    margin: 0 0 10px 0;
}

.newsContent h3 {
    padding: 0 0 5px 0;
}

.news {
    border: 1px solid #666666;
    color: #cccccc;
    width: 100%;
    padding: 5px 5px 5px 5px;
    margin: 0 0 20px 0;
    background-color: rgba(0, 0, 0, 0.2);
    font: normal 13px verdana;
    box-shadow: #000000 2px 2px 10px;
    -webkit-box-shadow: #000000 2px 2px 10px;
    -moz-box-shadow: #000000 2px 2px 10px;
}

.news p {
    line-height: 20px;
}

.news .dot {
    color: #ccaa66;
}

.news span {
    color: #dddddd;
}

span.pipe {
    color: #666666;
    font-weight: bold;
}

span.created {
    color: #aaaaaa;
}