/*
Theme Name: Game.Hokej.sk 2008
Theme URI: http://game.hokej.sk
Description: Upraven? verzia str?nky Game.Hokej.sk 2008 pre redak?n? syst?m Wordpress.
Version: 3.1
Author: Marek Oravec
Author URI: http://originalsk.eu
Tags: two colummns, game, nhl, addon, hokej.sk
*/

/* RSS */
a span#rss {width: 350px; height: 200px; background: url('images/rss.png') top right no-repeat; position: fixed; display: block; float: right; top: 0px; right: 0px;}

/* Body */
body {margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px; background: #000000 url('images/pozadie.jpg') top left no-repeat; font-family: Trebuchet MS, sans-serif; font-size: 13px; color: #FFFFFF; text-align: left;}

/* Text */
p {text-align: justify;}

/* Rozdelovac */
hr.rozdelovac {display: none;}

/* Nadpisy */
h1 {width: 325px; height: 93px; background: url('images/hlavicka.png') no-repeat; margin: 0px 0px 0px 110px; z-index: 1;}
h1 span {display: none;}
h2 {font-size: 18px; color: #bf2400; margin: 0px 0px 0px 0px; text-decoration: none; text-align: left; font-weight: bold;}
h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}

/* Uzivatelsky panel */
div#uzivatel {width: 404px; height: 223px; background: url('images/panel_se.png') no-repeat; z-index: 3; position: absolute; top: 140px; left: 278px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-indent: 0px;}
div#uzivatel h2 {display: none;}
div#uzivatel form {color: #9e6e64; font-size: 13px; margin: 60px 0px 0px 50px;}
div#uzivatel form p label {float: left;}
div#uzivatel form p input {color: #9e9e9e; font-size: 13px; width: 158px; height: 31px; text-indent: 15px; background: url('images/prihlasenie_box.png') top left no-repeat; border: none; margin: 0px 0px 0px 10px; float: left;}
div#uzivatel form p.submit input {float: left; position: relative; width: 80px; height: 81px; display: block; background: url('images/prihlasenie_tlacitko.png') 0px 0px no-repeat; border: none; margin: -5px 0px 12px 23px; clear: right;}
div#uzivatel form p.submit input:hover {background: url('images/prihlasenie_tlacitko.png') -80px 0px no-repeat;}

/* Navigacia */
ul#navigacia {width: 676px; height: 131px; z-index: 2; position: absolute; left: 314px; top: 310px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; text-align: center;}
ul#navigacia li {position: relative;}

ul#navigacia li#novinky {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 117px; height: 131px;}
ul#navigacia li#novinky a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#novinky a span {position: absolute; background: url('images/navigacia_novinky.png') 0 0 no-repeat; width: 117px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#novinky a:hover span {background: url('images/navigacia_novinky.png') -117px 0px no-repeat;}

ul#navigacia li#forum {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 76px; height: 131px;}
ul#navigacia li#forum a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#forum a span {position: absolute; background: url('images/navigacia_forum.png') 0 0 no-repeat; width: 76px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#forum a:hover span {background: url('images/navigacia_forum.png') -76px 0px no-repeat;}

ul#navigacia li#projekty {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 98px; height: 131px;}
ul#navigacia li#projekty a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#projekty a span {position: absolute; background: url('images/navigacia_projekty.png') 0 0 no-repeat; width: 98px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#projekty a:hover span {background: url('images/navigacia_projekty.png') -98px 0px no-repeat;}

ul#navigacia li#addony {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 90px; height: 131px;}
ul#navigacia li#addony a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#addony a span {position: absolute; background: url('images/navigacia_addony.png') 0 0 no-repeat; width: 90px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#addony a:hover span {background: url('images/navigacia_addony.png') -90px 0px no-repeat;}

ul#navigacia li#navody {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 89px; height: 131px;}
ul#navigacia li#navody a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#navody a span {position: absolute; background: url('images/navigacia_navody.png') 0 0 no-repeat; width: 89px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#navody a:hover span {background: url('images/navigacia_navody.png') -89px 0px no-repeat;}

ul#navigacia li#tim {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 78px; height: 131px;}
ul#navigacia li#tim a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#tim a span {position: absolute; background: url('images/navigacia_tim.png') 0 0 no-repeat; width: 78px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#tim a:hover span {background: url('images/navigacia_tim.png') -78px 0px no-repeat;}

ul#navigacia li#kontakt {list-style: none; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: block; width: 128px; height: 131px;}
ul#navigacia li#kontakt a {font-size: 16px; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px; line-height: 131px;}
ul#navigacia li#kontakt a span {position: absolute; background: url('images/navigacia_kontakt.png') 0 0 no-repeat; width: 128px; height: 131px; top: 0px; left: 0px;}
ul#navigacia li#kontakt a:hover span {background: url('images/navigacia_kontakt.png') -128px 0px no-repeat;}

/* Obsah */
div#lavy_vrch {width: 316px; height: 93px; background: url('images/lavy_vrch.png') no-repeat; margin: 0px 0px 0px 40px;}

div#obsah {width: 920px; height: auto; margin: 0px 0px 0px 40px; background: url('images/lavy_panel.png') top left repeat-y; position: relative; padding: 0px 0px 0px 0px; float: left; z-index: 1;}
div#obsah ul#panel {margin: 0px 0px 0px 23px; padding: 0px 0px 0px 0px; position: relative; width: 270px; float: left; overflow: visible; clear: left; z-index: 1;}
div#obsah ul#panel li.nadpis {width: 270px; text-align: center; position: relative; list-style: none; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; border: none;}
div#obsah ul#panel li.nadpis span#online {width: 327px; height: 73px; background: url('images/nadpis_online_ligy.png') no-repeat top left; position: absolute; display: block; top: 0px; left: -28px;}
div#obsah ul#panel li.nadpis span#najnovsie {width: 327px; height: 73px; background: url('images/nadpis_najnovsie_addony.png') no-repeat top left; position: absolute; display: block; top: -20px; left: -28px;}
div#obsah ul#panel li.nadpis span#partneri {width: 327px; height: 73px; background: url('images/nadpis_partnerske_stranky.png') no-repeat top left; position: absolute; display: block; top: 0px; left: -28px;}
div#obsah ul#panel li.nadpis span#spravy {width: 327px; height: 73px; background: url('images/nadpis_spravy_z_hokeja.png') no-repeat top left; position: absolute; display: block; top: 0px; left: -28px;}
div#obsah ul#panel li {list-style: none; padding: 10px 10px 10px 15px; border-bottom: 1px solid #4d2a18;}
div#obsah ul#panel li a {position: relative; color: #a6a6a4; font-size: 13px; text-decoration: none;}
div#obsah ul#panel li a:hover {color: #9f2601;}
div#obsah ul#panel span#spodok {display: block; height: 75px; position: relative;}
div#obsah ul#panel li a img {display: block; margin-left: auto; margin-right: auto;}
div#obsah ul#panel ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

div#obsah div#pravy {position: relative; background: #333333; width: 626px; height: auto;  min-height: 600px; float: left; margin: 180px 0px 0px 0px; overflow: visible; clear: right; z-index: 0; padding: 30px 0px 0px 0px; display: block;}
div#obsah div#pravy span.ciara {width: 565px; height: 3px; position: relative; margin: 20px auto 20px auto; display: block; background: url('images/ciara.png') top left no-repeat;}
div#obsah div#pravy img {display: block; position: relative; margin: 20px auto 20px auto;}

div#obsah div#pravy div.uputavka {width: 526px; height: auto; margin: 20px auto 20px auto; min-height: 115px;}
div#obsah div#pravy div.uputavka h2 {margin: 0px 0px 5px 0px;}
div#obsah div#pravy div.uputavka h2 a {font-size: 18px; color: #bf2400; margin: 0px 0px 0px 0px; text-decoration: none; text-align: left; font-weight: bold;}
div#obsah div#pravy div.uputavka h2 a:hover {color: #ff9600;}
div#obsah div#pravy div.uputavka div.entry p {text-align: justify; color: #bfbfbf; margin: 5px 0px 0px 0px; font-size: 13px;}
div#obsah div#pravy div.uputavka p {text-align: justify; color: #bfbfbf; margin: 5px 0px 0px 0px; font-size: 13px;}
div#obsah div#pravy div.uputavka a {color: #ff9600; text-decoration: none;}
div#obsah div#pravy div.uputavka a:hover {color: #FFFFFF;}
div#obsah div#pravy div.uputavka span img {margin: 0px 5px 0px 0px; display: block; float: left;}
div#obsah div#pravy p a {color: #ff9600; text-decoration: none;}
div#obsah div#pravy p a:hover {color: #FFFFFF;}

/* Sprava */
div#obsah div#pravy div.post {width: 526px; height: auto; margin: 20px auto 20px auto;}
div#obsah div#pravy div.post h2 {margin: 0px 0px 0px 0px;}
div#obsah div#pravy div.post h2 a {font-size: 18px; color: #bf2400; margin: 0px 0px 0px 0px; text-decoration: none; text-align: left; font-weight: bold;}
div#obsah div#pravy div.post span {font-size: 11px; color: #727272; text-align: left; margin: 5px 0px 3px 0px;}
div#obsah div#pravy div.post p {color: #FFFFFF; font-size: 14px; margin: 15px 0px 15px 0px; text-align: justify;}
div#obsah div#pravy div.post img {border: 2px solid #FFFFFF; position: relative; display: block; margin: 20px auto 20px auto;}
div#obsah div#pravy div.post a {color: #ff9600; text-decoration: none;}
div#obsah div#pravy div.post a:hover {color: #FFFFFF;}
div#obsah div#pravy h3#comments {color: #bf2400; font-size: 16px; font-weight: bold; position: relative; width: 526px; height: auto; margin: 20px auto 20px auto; display: block;}
div#obsah div#pravy div.post h3 {color: #ff6600;}

/* Diskusia */
ol.commentlist {margin: 50px 0px 0px 0px; clear: both; padding: 0px 0px 0px 0px;}
ol.commentlist h3 {font-size: 16px; color: #bf2400; text-transform: uppercase;}
ol.commentlist h3 span {font-size: 11px; color: #bfbfbf; text-transform: none; font-weight: normal;}
ol.commentlist li {width: 526px; min-height: 50px; height: auto; display: block; background: url('images/diskusia_komentar.png') 15px 5px no-repeat; margin: 20px 0px 0px 50px; padding: 0px 0px 0px 0px;}
ol.commentlist li div {margin: 0px 0px 0px 50px; display: block; height: auto; border-left: 1px solid #727272; padding: 0px 0px 0px 0px; text-align: justify; font-size: 13px; color: #bfbfbf; text-indent: 0px; width: ;}
ol.commentlist li div p {text-align: justify; font-size: 13px; color: #bfbfbf; text-indent: 0px; margin: 5px 0px 3px 15px; float: none; clear: left;}

ol.commentlist li div p a {color: #ff9600; text-decoration: none;}
ol.commentlist li div p a:hover {color: #FFFFFF;}

ol.commentlist li div div.comment-author img.avatar {display: none;}
comment-author vcard {font-size: 11px; color: #727272; text-align: left; margin: 0px 0px 0px 15px; border: none; float: left; display: block;}
ol.commentlist li div div.comment-meta {font-size: 11px; color: #727272; text-align: left; margin: 0px 0px 0px 7px; border: none; float: left; display: inline;}
ol.commentlist li div div.commentmetadata {float: left; display: online;}
ol.commentlist li div div.comment-author {font-size: 11px; color: #727272; text-align: left; margin: 0px 0px 0px 15px; border: none; border-right: 1px solid #727272; float: left; display: inline; padding: 0px 5px 0px 0px;}
ol.commentlist li div span {font-size: 11px; color: #727272; text-align: left; margin: 0px 3px 0px 3px; border: none; float: left; display: inline;}
ol.commentlist li div div a {color: #727272;}
div#respond h3 {font-size: 16px; color: #bf2400; text-transform: uppercase; margin: 70px 50px 0px 50px;}
div#respond p {color: #FFFFFF; font-size: 14px; margin: 15px 50px 15px 50px; text-align: justify;}
div#respond p a {color: #ff4800; text-decoration: none;}
div#respond p textarea#comment {width: 526px; height: 100px;}


/* Pata */
div#pata {width: 100%; min-height: 60px; height: auto; display: block; background: #222222; border-top: 1px solid #333333; margin: 0px 0px 0px 0px; position: relative; float: left; clear: both; text-align: left; z-index: 1;}
div#pata p {color: #CACACA; font-size: 12px; margin: 20px 20px 20px 20px;}
div#pata p a {text-decoration: underline; font-weight: bold; color: #FFFFFF;}
div#pata p a:hover {color: #000000; background: #FFFFFF;}

/* Prihlasenie Registracia */
span#prihl_reg {width: 90%; height: 35px; background: #444444; border: 1px solid #6f6f6f; margin: 15px auto 15px auto; display: block;}
span#prihl_reg p {line-height: 35px; width: 100%; text-align: center; margin: 0px 0px 0px 0px;}
span#prihl_reg p a#l {color: #FFFFFF; margin-right: 20%;}
span#prihl_reg p a#p {color: #FFFFFF; margin-left: 20%;}

/* Starsie Novsie */
div.post {width: 100%;}
div.post div#starsie {float: left; margin-bottom: 15px; display: block; position: relative; width: 50%; text-align: left;}
div.post div#novie {float: right; margin-bottom: 15px; display: block; position: relative; width: 50%; text-align: right;}
div.post div#novsie a {float: right;}

/* Doplnky */
div#obsah div#pravy div.uputavka div.entry p img.nahlad {float: left; margin: 0px 15px 15px 0px; border: 1px solid #000000; max-width: 135px; padding: 0px 0px 0px 0px; display: block; position: relative;}
div#obsah div#pravy div.post img.nahlad {float: left; margin: 0px 15px 0px 0px; border: 1px solid #000000; max-width: 135px; padding: 0px 0px 0px 0px; display: block; position: relative;}

div#obsah div#pravy div.post p span.sfotkou img.mini {display: none;}
div#obsah div#pravy div.post p span.sfotkou:hover img.mini {display: block; border: 1px #000000 solid; position: absolute; top: 1px; left: 1px;}

/* Kontakt */