@-moz-document domain("okoun.cz") {
    /* 0.95 Puvodne skin pro novy Okoun po vzoru stareho stylu Standard */
    /* 24.3.2021 - posledni prasarny */
    /* */
    /* */
    /* Primarne pro Firefox, nejak funguje i v Chrome, ale neni to uplne idealni. Chrome nepouzivam = neresim, Lucifer */
    /* */
    /* */
    /* */
    /* 0.1 - prvni stazitelna verze
    /* 0.2 - doplnena zmena barvy moderatorskych odkazu v hlavicce a barvy oznameni o novem vzkazu */
    /* 0.3 - podpora site rules pro Firefox */
    /* 0.4 - Upraveno odsazeni prvku na strance tak, jak bylo na starem Okounu */
    /* 0.5 - Uprava sirky prispevku (Kdokoliv) */
    /* 0.6 - Vylepseni upravy sirky prispevku a drobne zmeny zahlavi (Kdokoliv) */
    /* 0.7 - Zlepseni chovani infoboxu a okna Prispet (Trofo) */
    /* 0.8 - Zmena barev odpovidacich odkazu pri hover nad prispevkem (Trofo) */
    /* 0.9 - Doplnena moznost trvale zobrazeneho okna pro psani prispevku - pro aktivovani smazte dvojita lomitka na zacatku poslednich tri radku (Trofo) */
    /* 0.91 - Hrabe se v tom Lucifer, jen jemne ladi nektere drobnosti */
    /* 0.92 - Hrabe se v tom furt Lucifer, uz to neni zlute */
    /* 0.93 - a uzto neni ani  svetle - inverzni design menu a pozadi */
    /* 0.94 - hotfixy pro Chromeho, mensi upravy. Hotfixy pro Chrome pripadne dle radku 442 a 503 */
    /* 0.95 - hotfixy chyb - vyska radku, textury na https */


    
    html, body, div#hasad-bs {
        background-color: #898989 !important;
    }
    
    #body {
       margin: 0 !important;
       padding: 0 !important;
    }
    /* Zuzeni a zmenseni infoboxu, roztazeni panelu prispevku, osetreni sirky prispevku ve Vzkazniku a zuzeni okna Prispet */
    
    .main .yui-g .yui-u.yui-ge.first.main {
        float: none ! important;
        width: 100% ! important;
    }
    .main .yui-g .yui-u.yui-ge.first.main .yui-u.first,
    .main .yui-g .yui-u.yui-ge.first.main .welcome.exp,
    .main .yui-g .yui-u.yui-ge.first.main .col,
    .main .yui-g .yui-u.yui-ge.first.main .listing {
        float: none ! important;
        width: 84% ! important;
    }
    .main .yui-g .yui-u.yui-ge.first.main .listing {
        width: 100% ! important;
        clear: right ! important;
        position: relative !important;
        z-index: 1 !important;
    }
    .main .ctx,
    .yui-u .ctx {
        width: 13% !important;
        font-size: 0.7em !important;
        margin-top: 5em !important;
        position: relative !important;
        z-index: 2 !important;
    }
    .exp .content.post {
        width: 86% !important;
    }
    /* Barva a styl moderatorskych odkazu v zahlavi */
    
    .settings,
    .settings a,
    .settings a:visited {
        color: #0000aa !important;
        background-color: #eeeeee !important;
        font-weight: bold !important;
        font-size: 8pt !important;
        text-align: left !important;
        float: none !important;
        padding: 3px !important;
        border: 1px solid grey !important;
        width: 150px !important;
    }
    /* Oprava pozice tlacitka pro mazani prispevku a odesilani zmen v moderatorskem panelu */
    
    .delete,
    .yui-button.top {
        top: 0em !important;
        margin-top: 0em !important;
    }
    /* Vetsi odsazeni prvku na strance */
    
    body,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
        margin-top: 0.10em !important;
    }
    /* Barva beznych odkazu */
    
    .head .menu a,
    .footer a,
    .item.hover .actions span.prev a.prev .head .menu a:visited {
        color: #0000aa !important;
    }
    .head .user a,
    .head .user a:visited {
        color: #0000aa !important;
    }
    /* Barva odpovidaciho boxu pri hover nad prispevkem a nad konkretnim odkazem */
    
    .actions .prev a,
    .actions .prev,
    .actions .reply {
        color: #777777 !important;
    }
    .actions a.prev:hover,
    .actions a.reply:hover,
    .actions .prev a:hover {
        color: #000000 !important;
    }
    /* Barva pro hover nad odkazy v zahlavi */
    
    .head h1 a:hover,
    .head .menu a:hover,
    .head .user a:hover {
        background-color: #ffffff !important;
    }
    a:hover {
        background-color: #ffffff !important;
    }
    /* Logo Okouna - umisteni a styl */
    
    .head h1 a {
        padding-left: 0em !important;
        margin-left: 1.5em !important;
        font-size: 1.1em !important;
    }
    /* Barva pozadi pro hover na logu Okouna */
    /* Zmena barev prispivaciho a nahledoveho okna */
    
    .item .actions.replyForm a.reply,
    .expbutton .post.content,
    .actions.replyForm .post.content {
        border-top-color: #cccccc !important;
        border-bottom-color: #cccccc !important;
        border-left-color: #cccccc !important;
        border-right-color: #cccccc !important;
        background-color: #cccccc !important;
    }
    .preview .item {
        background-color: #fafadf !important;
    }
    
    
    /* Nove prispevky */
    
    .item {
        background-image: url(https://opu.peklo.biz/okoun/bg20.png) !important;
        background-size: 100% 100% !important;
        color: #000000 !important;
    }
    

    .room .item.new.o-first {
        margin-top: 6px !important;
    
    }
    /* Zmena barev tlacitka Prispet */
    
    .expbutton .hd a {
        border: 1px solid #999999 !important;
        background-color: #aaaaaa !important;
        background-image: url(https://opu.peklo.biz/okoun/bg23.png) !important;
        background-size: 100% 100% !important;
        background-repeat: repeat-x !important;
        padding-bottom: 2px !important;
        margin-bottom: 0px !important;
        font-family: verdana !important;
    }
    .expbutton .hd {
        background-color: #cccccc !important;
        border-top-color: #cccccc !important;
        border-bottom-color: #cccccc !important;
        border-left-color: #cccccc !important;
        border-right-color: #cccccc !important;
    }
    /* Ikona - zvetseni ikony vpravo nahore, ramecek a vycentrovani ikony v ikonboxu */
    /* Nefunguje vertical-align, proto ma samotna ikona nastaveny margin 6px */
    
    .user img {
        max-height: 56px !important;
        max-width: 40px !important;
        margin-top: 2px !important;
    }
    .user.ico,
    .user .ico,
    .item .replyForm .post.content .user.ico,
    .item .replyForm .post.content .user .ico {
        width: 52px !important;
        height: 62px !important;
    }
    .user.ico,
    .user .ico {
        border-top-style: solid !important;
        border-bottom-style: solid !important;
        border-left-style: solid !important;
        border-right-style: solid !important;
        border-top-color: #000000 !important;
        border-bottom-color: #000000 !important;
        border-left-color: #000000 !important;
        border-right-color: #000000 !important;
        background-color: #ffffff !important;
    }
    /* Pozice ikonboxu na radku */
    
    .item .ico {
        margin-left: 6px !important;
        margin-top: 6px !important;
    }
    /* Radkovani */
    
    body,
    .reset-f {
        line-height: 1.14 !important;
    }
    /* Barvy a odsazeni systemovych hlasek (login, logoff) */
    
    #sysmsgBox.messages,
    .sysmsgBox.messages {
        background-color: #ffffff !important;
        border-top-color: #0000ff !important;
        border-bottom-color: #0000ff !important;
        border-left-color: #0000ff !important;
        border-right-color: #0000ff !important;
    }
    
    /* Barva oznameni noveho vzkazu */
    
    .head .menu .new a {
        color: #ffffff !important;
        background-color: #ff0000 !important;
    }
    /* Zmenseni pisem v zahlavi */
    
    .head .user {
        font-size: 80% !important;
        margin-right: 1em !important;
    }
    /*Odpovidatko vlevo*/
    
    .main .actions {
        text-align: left !important;
        margin-left: 8px !important;
    }
    /*Luciferoviny*/
    /*seznam klubu - ramecek kolem*/
    
    div.item {
        border: 1px solid #999999 !important;
        margin: 0px !important;
        padding: 8px !important;
    }
    /*zahlavi*/
    
    div.head {
        background-color: #f0f0f0 !important;
        border: 1px solid black !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        margin-bottom: 0px !important;
    }
    div#sysmsgBox.messages {
        background-color: #f0f0f0 !important;
        border: 1px solid black !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        text-align: center;
        background-image: url(https://opu.peklo.biz/okoun/bg7.png) !important;
        background-size: 100% 100% !important;
    }
    /*Aktualizuji uvitaci zpravu pycinec pryc*/
    
    div.info {
        position: absolute !important;
        z-index: -11 !important;
        visibility: hidden !important;
    }
    /*pryc kategorie*/
  	/*    
    form>h3 {
        position: absolute !important;
        z-index: -11 !important;
        visibility: hidden !important;
    }
	*/

	/* kategorie*/
  form>h3 
	{
		margin-left: -20px !important;
        margin-bottom: 2px !important;
        margin-top: 6px !important;
		font-size: 8pt !important;
    	background: none !important;
        color: #D0D0D0 !important;
    }

	form>h3>a, form>h3>a:visited
	{
        color: #F0F000 !important;

    }

	form>h3>a:hover
	{
        color: #FFA000 !important;
        background-color: #202020 !important;
    }




    /* ruzne pycarny */
    
    div.actions {
        background-color: #f3f3f0 !important;
        font-size: 8pt !important;
    }
    div.form {
        background-color: #e9e9e5 !important;
    }
    a.name {
        font-size: 10pt !important;
        font-weight: bold !important;
    }
    div.descr {
        font-size: 10pt !important;
        margin-left: 22px !important;
        margin-bottom: 2px !important;
    }
    div.yui-g {
        margin-left: 5% !important;
        margin-right: 5% !important;
        margin-bottom: 2px !important;
        width: 97% !important;
    }
        div.yui-g>div.main {
        padding: 0px !important;
        margin: 0px !important;
        border: none !important;
    }

    
    div.item {
        padding-left: 4px !important;
        padding-bottom: 2px !important;
        padding-top: 4px !important;
        padding-right: 0px !important;
        font-size: 10pt !important;
    }
    div.list-and-pagers-wrapper {
        margin-right: 8% !important;
    }
    div.pager-top {
        margin-right: 5% !important;
    }
    ul.nav {
        margin-bottom: 4px !important;
        padding-bottom: 4px !important;
    }
    span.yui-button.yui-submit-button.delete {
        position: relative !important;
        margin-right: 5% !important;
    }
    div.icowrp {
        margin-right: 10px !important;
    }
    br.clr-l {
        line-height: 1px!important;
    }
    

   
    /* on-off boookmark button */
    
    a.on {
        background-color: #ffffff !important;
    }
    a.off {
        background-color: #FFEEAA !important;
    }
    h2 {
        margin-left: 6px !important;
        margin-bottom: -4px !important;
        font-size: 15pt !important;
    }
    /* vypis poslednich klubu a prispevku  rootu */
    
    ul.item {
        margin-left: 0px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding-top: 2px !important;
        padding-left: 12px !important;
        padding-bottom: 2px !important;
        border: 1px solid #777777 !important;
    }
    div.yui-g.first {
        margin-left: 18px !important;
        padding-left: 0px !important;
        padding-bottom: 3px !important;
    }
    /* datum za nick */
    
    .item .meta .permalink {
        display: inline !important;
        position: relative !important;
        margin-left: 30px !important;
    }
    /* tak a je z toho MAGEO! :) */
    
    .head h1 a {
        background: none;
        visibility: hidden
    }
    .head h1 a:before {
        content: " <O-K-O-U-N>< ";
        visibility: visible;
        display: block !important;
        font-family: arial;
        font-size: 14pt !important;
        position: absolute !important;
        float: right !important;
        margin-left: 45px !important;
        margin-top: 22px !important;
        z-index: 10 !important;
        color: #fa0 !important;
    }
    /* user vlevo */
    
    div.head>div.user {
        position: absolute !important;
        padding: 0px !important;
        margin-top: 0px !important;
        margin-left: 4px !important;
    }

    /*user vlevo fix pro Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
      div.head>div.user 
    { 
       margin-top: 3px !important;
    }
    }
    
    
    /* fix pozice ikonek */
    
    div.ico.user {
        position: relative !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        margin-left: 2px !important;
        padding-bottom: 4px !important;
        width: auto !important;
        height: auto !important;
    }
    div.ico-wrapper {
        margin: 0px !important;
    }
    /* login posun */
    
    form.login {
        float: left !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    /* menu za user */
    
    div.menu {
        float: left !important;
        margin-top: 35px !important;
        font-family: arial !important;
        font-size: 10pt !important;
        font-weight: bold !important;
    }
    /* search za menu */
    
    form.search {
        position: absolute !important;
        float: right !important;
        width: 400px !important;
        margin-left: 388px !important;
        margin-top: 2px !important;
    }
    /* submit tlacitka */
    
    span.yui-button.yui-submit-button {
        font-family: arial !important;
        font-size: 9pt !important;
    }
    /* 	tlacitko "zaloz klubiki" male */
    
    .menu form a[href="/createBoard.jsp"] {
        font-size: 8pt !important;
        position: absolute !important;
        margin-left: -165px !important;
        margin-top: -20px !important;
    }
    
        /* fix pro chrome tlacitko "zaloz klubiki" male */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .menu form a[href="/createBoard.jsp"] {
        margin-left: 50px !important;
        margin-top: -40px !important;
    }
    }

    
    /* fuck fejsbuk */
    
    .actions .share {
        display: none !important;
    }

    /* Nadpis audirka */
    
    .main .first h2 a::before {
        content: "auditorium - ";
    }
    .main .first h2 {
        font-family: arial !important;
        font-size: 12pt !important;
    }

    
    
    /* Reply prispevek */
    
    div.item.reset-f {
        background-image: url(https://opu.peklo.biz/okoun/bg34.png) !important;
        background-color: #d2e1f0 !important;
        background-repeat: repeat-x !important;
        background-size: auto !important;
        border: 1px #444444 solid !important;
    }
    div.confirm.reply {
        border: none !important;
        background-color: transparent !important;
    }
    /* mensi font v textarea + pozadi */
    
    textarea.exp-focus,
    input.text.title.long {
        font-size: 11pt !important;
    }
    div.content.post {
        background-image: url(https://opu.peklo.biz/okoun/bg12.png) !important;
        background-size: 100% 100% !important;
        margin-bottom: 20px !important;
        padding-left: 5px !important;
    }
    /* hlavni okno a nastaveni klubu */
    
    div.main {
        background-color: #474747 !important;
        border-top: 1px black solid !important;
        border-left: 1px black solid !important;
        border-right: 1px black solid !important;
        border-bottom: 1px black solid !important;
        padding: 10px !important;
        color: whitesmoke !important;
    }
    
    
    h4
    {
        background-image: url(https://opu.peklo.biz/okoun/bg22.png) !important;
        background-size: 100% 100% !important;
        background-color: #545454 !important;
        border-top: 1px black solid !important;
        border-left: 1px black solid !important;
        border-right: 1px black solid !important;
        border-bottom: 1px black solid !important;
        padding: 5px !important;
        color: whitesmoke !important;
        width: 85% !important;
    }
    
    div.yui-u.yui-ge.first.main {
        background-image: none !important;
        background-color: transparent !important;
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        border-bottom: 0px !important;
        padding-bottom: 5px !important;
    }
    
    div.yui-u.first.main {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
        padding-bottom: 5px !important;
        margin-right: 10px !important;
        padding-right: 0px !important;
        width: 92% !important;
    }
    
  
    /* posticka - od koho */
    
    div.item.old.from {
        background-image: url(https://opu.peklo.biz/okoun/bg35.png) !important;
        background-repeat: repeat-x !important;
        background-size: auto !important;
        background-color: #fcf8f4 !important;
        margin-left: 0px !important;
    }
    /* fix pozice ikonek a checkboxu ve vlastnostech klubu */
    
    div.detail.user {
        position: static !important;
    }
    

  
     /* fix zpet do klubu */
    div.yui-u.yui-g.first> div.yui-u.settings 
    {
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important;
        float: right !important;
        width: auto !important;
        color: white !important;
    }

    

    /* user */
    
    .head .user {
        color: #FFFFFF !important;
    }
    /* user odkazy */
    
    form#logout-form.logout>a,
    .head .user a,
    .head .user a:visited {
        font-size: 7pt !important;
        font-weight: bold !important;
        text-decoration: none !important;
        color: #FFFF00 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    form#logout-form.logout>a:hover,
    .head .user a:hover {
        text-decoration: underline !important;
        color: #FFAA00 !important;
        background-color: #444444 !important;
        
    }
    /* Menu okouna */
    
    .head {
        background-image: url(https://opu.peklo.biz/okoun/bg23.png) !important;
        background-size: 100% 100% !important;
        padding-bottom: 2px !important;
    }
    /* menu odkazy */
    
    .head .menu a,
    .item.hover .actions span.prev a.prev .head .menu a:visited,
    .footer a:visited {
        font-size: 9pt !important;
        font-weight: bold !important;
        text-decoration: none !important;
        color: #FFFF00 !important;
        background-color: transparent !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .head .menu a:hover,
    .item.hover .actions span.prev a.prev .head .menu a:hover,
    .footer a:hover {
        text-decoration: underline !important;
        color: #FFAA00 !important;
        background-color: #333333 !important;
    }
    /* odkazy - klubiki */
    
    a.name {
        text-decoration: none !important;
        color: #0033AA!important;
    }
    a.name:visited {
        color: #800060 !important;
    }
    a.name:hover {
        text-decoration: underline !important;
        color: #FF6000 !important;
        background-color: #ffffff !important;
    }
    div.mainbb>div>a {
        background-color: #ffffff !important;
    }
    /* vrchni button "ulozit zmeny v oblibenosti" a "smazat" pryc */
    
    form>span:first-child button.submit {
        display: none
    }
    
     /* fix barvy fontu. pager, edit klubu */
    div.pager,div.legend, div.yui-u.first>h2
    {
        color: #666666 !important;
    
    }
        
     div.yui-u.first>h2,div.yui-u.first>h4,div.yui-u>h4,fieldset>h4
     {
    color: #e0e0e0 !important;
     }
  
    div.legend
     {
    color: #555555 !important;
    padding: 2px  !important;   
     }
    
    div.createForm.boardForm>h2
       {
    color: #e0e0e0 !important;
    font-family: verdana  !important;
    margin-bottom: 5px !important;       
     }
      
    
    
    
    /* nazev klubiki */  
    div.yui-u.first>h2
    {
        width: 80% !important;
        border: none !important;
        background-color: transparent !important;
        padding-bottom: 5px  !important;
    }
    
    
    h2>a,h2>a:visited
    {
        color: #fFA500 !important;
        background-color: transparent !important;
         }
    
     h2>a:hover
    {
        text-decoration: underline !important;
        color: #FFaa00 !important;
        background-color: #333333 !important;
    }
    
       /* Popisek audirka */
    
    div.welcome.expcol.exp,
    div.welcome.expcol.col {
        font-family: arial !important;
        font-size: 10pt !important;
        border: none;
        margin-left: 6px !important;
        background-color: transparent !important;
        color: #ffffff !important;
      } 
    
    div.welcome.expcol.exp>div.content a
        {
        color: #FFBB44! important;
        text-decoration: none !important;
         }
    
    
    div.welcome.expcol.exp>div.content a:visited
        {
        color: #FFFF33! important;
        text-decoration: none !important;     
         }
    
    div.welcome.expcol.exp>div.content a:hover
        {
        color: #ff8800! important;
        background-color: #303030 !important;
        text-decoration: underline !important;    
        }   
    
      div.welcome.expcol.col>div.content a
        {
        color: #FFDD22! important;
        text-decoration: none !important;
         }
    
    div.welcome.expcol.col>div.content a:visited
        {
        color: #FFFF33! important;
        text-decoration: none !important;     
         }
    
    div.welcome.expcol.col>div.content a:hover
        {
        color: #ff8800! important;
        background-color: #303030 !important;
        text-decoration: underline !important;    
        } 
     
    div.welcome.expcol.exp>div.content font
        {
        color: #ffeeaa! important;
        }
    
    div.welcome.expcol.col>div.content font
        {
         color: #ffeeaa! important;
        }
       
    
    /* blok vpravo nahore - info o spravcich klubu, reklama a spol */
    
    
        
    div#hasad-lb>div#hasad-bs>div#hasad-sb>div.main>div.yui-g>div.yui-u.ctx
     {
        width: 230px !important;
        border-left: 2px gray dotted !important;
        padding: 5px !important;
        margin-right: 18px !important;
        margin-left: 4px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        background-color: transparent !important;
        font-family: arial !important;
        font-size: 9pt !important;
       color: #dddddd !important;
     }


    
    div#hasad-lb>div#hasad-bs>div#hasad-sb>div.main>div.yui-g>div.yui-u.ctx a 
    {
        color: #ffff44! important;
        text-decoration: none !important;
        font-weight: bold !important;
    }
    
    div#hasad-lb>div#hasad-bs>div#hasad-sb>div.main>div.yui-g>div.yui-u.ctx a:visited 
    {
        color: #FFdd44! important;
        text-decoration: none !important;
    }
    
    div#hasad-lb>div#hasad-bs>div#hasad-sb>div.main>div.yui-g>div.yui-u.ctx a:hover
    {
        color: #ff8800! important;
        background-color: #303030 !important;
        text-decoration: underline !important;  
    }
    
     div.yui-u.ctx text {
        color: #ffffff! important;
    }
        
  span.label
    {
        position: absolute !important;
        z-index: -11 !important;
        visibility: hidden !important;
    }
    
    
    
    /* reply okno */    
    div.actions.replyForm>a.reply
    {
        margin-left: 3px !important;
    }
     /* pryc cara pod pagerem */   
div.list.posted-item-list.articles
    {
        border: none !important;
    }
    
       /* obsah - okraje */
    
    div.content {
        margin-right: 8px !important;
        margin-top: 0px !important;
      }
    
         /* zvyrazneni na koho je reakce */  
    a.prev, a.prev:visited
    {
        text-decoration: none !important;
        border: none !important;
    }  
    
        a.prev:hover
    {
        background-color: #FFFF99 !important;
        text-decoration: underline !important;
        border: 1px solid #666666 !important;
   } 
    
    a>b.anon
    {
        color: #FF5500! important;
   }
    
      /*  fix barev v stromove strukture - nadpisy */  
    div.welcome.exp,div.legend
       {
        color: #F0F0F0! important;
        background-color: transparent !important;
        border: none !important;
        font-size: 10pt !important;
        }
    
    div.legend>a,div.legend>a:visited
        {
            color: #ffff44! important;
        text-decoration: none !important;
        }
    div.legend>a:hover
     {
            color: #ff8800! important;
        background-color: #303030 !important;
        text-decoration: underline !important;  
     }
    
    
/*  form textarea rozmer    */
    div.expbutton
      {
        width: 85% !important;
     }
 
/*  fix rozmer klubu v strukture - vypis    */   
    div.item.board
     {
        width: 75% !important;
        margin: 0px !important;
        padding: 0px !important;
     }
    
  /* fix "reg. noveho uzivatele" barva fontu, font */
    div.main>h2
         {
           color: #aaaaaa! important;
           font-family: verdana !important;
           margin-bottom: 6px !important;
     }
   
    
    
        
    /*zvyrazneni novyk*/
    
     ul.item>li>a, div.item b a 
    {
        background-color: #ffffdd !important;
        color: #ee0000 !important;
        text-decoration: none !important;
        font-size: 7pt !important;
        padding: 1px !important;
        border: 1px solid darkgrey;
        font-weight: bold !important;
   }
    
      /* zvyrazneni novyk - fix, znevyrazneni nazvu klubu v rootu*/
       ul.item>li>a.name
    {
        background-color: transparent !important;
        border: none !important;
        font-size: 10pt !important;
        color: #003399 !important;
   }
    
       ul.item>li>a.name:visited
    {
         color: #993366 !important;
   }
    
       ul.item>li>a.name:hover
   {
       color: #ff6600 !important;
       background-color: #FFFFFF !important;
       text-decoration: underline !important;
   }
    
    
    
   /* pryc "novinky" dole - k nicemu nejsou*/ 
   div.yui-gc.news>div.yui-u
    
      {
        position: absolute !important;
        z-index: -11 !important;
        visibility: hidden !important;
     }
  
    
    
    
    
      /* pruhledne pozadi pod H3 - nadpisy */  
    div.yui-g.first> div.yui-u.first,div.yui-g.first> div.yui-u
        {
        background-color: transparent !important; 
        }
    
    
     /* H3 - root nadpisy, blok vpravo nahore nadpisy v klubech */  
    div.yui-u.first>h3,div.yui-u>h3,div.explore>h3
          {
        position: relative !important;
        z-index: 1 !important;
        visibility: visible  !important;
        font-family: verdana !important;
        font-size: 8pt !important;
        background-color: transparent !important;
        color: #E4E4E4 !important;
        text-align: center !important;
        margin: 1px !important;
        padding: 1px !important;
        }
    
     /* H3 - root nadpisy plus zdedene to co je nad timhle */
  div.yui-g.first>div.yui-u.first>h3,div.yui-g.first>div.yui-u>h3,div.explore>h3
          {
        border-top-right-radius: 5pt !important;
        border-top-left-radius: 5pt !important;
        font-size: 10pt !important;
        background-color: #d3d3d3!important;
        color: #555555 !important;
        width: 155px !important;
        text-align: center !important;
        padding: 1px !important;
        margin: 0px !important;
        margin-left: 1px !important;
        }
    
    /* zaoblit roh boxu v rootu */
            div.yui-u>.item,div.yui-gb.item
    {
         border-bottom-right-radius: 8pt !important;
         border-bottom-left-radius: 8pt !important;
         border-top-right-radius: 8pt !important;
    }
    
       /* fix H3 pozice "temata" v rootu */  
        div.explore>h3
        {
        margin-left: -5px !important;
        }
    
    
    /* odkaz na konkretni prispevek - za nickem */  
    a.date.link
      {
        position: absolute !important;
        margin:  0px !important;
        margin-left: 5px !important;
        margin-top: 2px !important;
        padding-left: 14px !important;
        
      }
    
    a.date.link:hover
      {
        background-color: #ffffdd !important;
        color: #DD5500 !important;
      }
    

    
    
      /* prispevek v klubiki */
    .room .item {
        background-color: #f8f8f8 !important;
        background-image: url(https://opu.peklo.biz/okoun/bg33.png) !important;
        background-repeat: repeat-x !important;
        background-size: auto !important;
        padding-top: 2px !important;
    	border-left: 4px solid #000000 !important;
        border-right: 4px solid #000000 !important;
        border-bottom: none !important;
       }
    

    
     /* novy prispevek v klubiki */
    
    .room .item.new {
        background-color: #fcfcfa !important;
        background-image: url(https://opu.peklo.biz/okoun/bg31.png) !important;
        background-repeat: repeat-x !important;
        background-size: auto !important;
        padding-top: 2px !important;
        border-bottom-right-radius: 10pt !important;
        border-top-left-radius: 10pt !important;
        border-left: 4px solid #EE6600 !important;
        border-right: 4px solid #EE6600 !important;
        border-bottom: none !important;
    }

    
    /* Ramecek kolem prispevku */
    
    .room .item {
        border-top: 1px solid #000000 !important;
    }
    .listing .item {
        margin-top: 0px !important;
    }
    .item .actions {
        margin-left: 2em !important;
        margin-right: 0.5em !important;
        border-top: 0px !important;
        background-color: transparent !important;
    }
    .item {
        background-color: #F8F8F8 !important;
    }
    .room .item.hilited {
        border: solid red 4px !important;

    }
    .messages {
        margin-top: 1em !important;
    }
    
    
    
    /* fix pozice pageru dole, pageru */    
       div.pager
      {
       margin-top: 6px !important;
       margin-left: 1px !important;   
      }
    
    div.pager-top>div.pager
      {
       margin-top: 17px !important; 
       padding: 0px !important;
      }
        
    /* prispevek - uvnitr text, posta - uvnitr text - vyska radku */
    div.content.yui-base, div.item.old.from>div.content, div.item.old.to>div.content,div.item.reset-f>div.content
    {
        line-height: 14pt !important;
     }
    
    /*kec za nickem v "reakci na" a v nahledu, jinak se nezobrazuje*/
    div.meta>a
      {
        margin-left: 10px !important;
     }
    
    
    /* fix mezer - zahlavi, main obsah */
    
    div.head
      {
        margin: 0px !important;
        margin-top: -7px !important;
        padding-bottom: 1px !important;
        padding-top: 1px !important;  
      }
    
         
    div.main
     {
        margin-top: 1px !important;
        margin-bottom: 0px !important; 
      }  
   
    
    /* viva zapata */
    
    div.footer {
        font-family: arial !important;
        font-size: 10pt !important;
        background-image: url(https://opu.peklo.biz/okoun/bg23.png) !important;
        background-size: 100% 105% !important;
        border: 1px black solid !important;
        padding: 5px !important;
        padding-right: 10px !important;
        margin-bottom: 20px !important;
        margin-top: 1px !important;
    }
    /* viva zapata fonty svetle */
    
    div.footer> a,
    div.footer> a:visited {
        color: #ffffff !important;
        font-weight: bold !important;
        text-decoration: none !important;
    }
    div.footer> a:hover {
        color: #ffff00 !important;
        font-weight: bold !important;
        text-decoration: underline !important;
        background: transparent !important;
    }
    
    
       
    /* fix odkazu na nastaveni klubu */
    div.yui-u.settings 
    {
        position: absolute !important;
        margin-left: 87% !important;
        margin-top: -34px !important;
        white-space: nowrap !important;
        border: 1px solid #666666 !important;
        background-color: #333333 !important;
        color:#ef0 !important;
        z-index: 3 !important;
        padding: 1px !important;
        width: auto !important;
      }
    
     div.yui-u.settings>a,div.yui-u.settings>a:visited
    {
        color: #f0f0f0 !important;
        background-color: transparent !important;
        border: none !important;
        font-size: 8pt !important;
    }
    
    div.yui-u.settings>a:hover
    {
        text-decoration: underline !important;
        color: #FFaa00 !important;
    }
    
    /* fix navrat z nastaveni klubu */
        div.yui-u.yui-g.first>div.yui-u.settings 
    {
        position: absolute !important;
        margin-left: -24px !important;
        margin-top: -18px !important;
        white-space: nowrap !important;
        border: 1px solid #666666 !important;
        background-color: #333333 !important;
        color:#f0f000 !important;
        z-index: 3 !important;
        padding: 1px !important;
        width: auto !important;
      }
    
    
    
    
    /* fix "pritomni podle" menu v "pritomnych" */
    
    div#hasad-sb>div.main>div>a, div#hasad-sb>div.main>div>a:visited
       {
        color: #f0f000 !important;
        background-color: transparent !important;
        font-size: 10pt !important;
        font-weight: bold !important;
        text-decoration: none !important;
   }
    
        div#hasad-sb>div.main>div>a:hover
       {
        color: #f0b000 !important;
        background-color: #333333 !important;
        text-decoration: underline !important;
   }
    
    
    div#hasad-sb>div.main>div.yui-g
           {
               margin-top: 10px !important;
     
   }
   


 /* fix H1 - H5 v popisu klubu  */
    div.welcome.expcol.exp>div.content>h1,div.welcome.expcol.exp>div.content>h2,div.welcome.expcol.exp>div.content>h3,div.welcome.expcol.exp>div.content>h4,div.welcome.expcol.exp>div.content>h5
        {
        color: #ddddcc !important;
        background: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 2px !important;

   }
    
  div.welcome.expcol.exp>div.content>h1   
    {
        font-size: 18pt  !important;
        font-family: verdana !important;
   }
    
   div.welcome.expcol.exp>div.content>h2   
    {
        font-size: 16pt  !important;
        font-family: verdana !important;
   }
    
     div.welcome.expcol.exp>div.content>h3   
    {
        font-size: 14pt  !important;
        font-family: verdana !important;
   }
    
     div.welcome.expcol.exp>div.content>h4   
    {
        font-size: 12pt  !important;
        font-family: verdana !important;
   }
    
     div.welcome.expcol.exp>div.content>h5   
    {
        font-size: 10pt  !important;
        font-family: verdana !important;
   }
    

 /* fix H1 - H5 v prispevcich */
div.content.yui-base>h1,div.content.yui-base>h2,div.content.yui-base>h3,div.content.yui-base>h4,div.content.yui-base>h5
        {
        color: #000000 !important;
        font-family: verdana !important;
        margin: 0 !important;
        padding: 2px !important;
        background: none !important;
        border: none !important;
   }
   
   div.content.yui-base>h1   
    {
        font-size: 18pt  !important;
        font-family: verdana !important;
   }
    
    div.content.yui-base>h2 
     {
        font-size: 16pt  !important;
        font-family: verdana !important;
   }
    
    div.content.yui-base>h3 
      {
        font-size: 14pt  !important;
        font-family: verdana !important;
   }
    
    div.content.yui-base>h4 
      {
        font-size: 12pt  !important;
        font-family: verdana !important;
   }
    
    div.content.yui-base>h5 
      {
        font-size: 10pt  !important;
        font-family: verdana !important;
   }


 /* OCL button */
button#reload-button
      {
        font-size: 8pt  !important;
        font-family: verdana !important;
        font-weight: bold !important;
        background-image: url(https://opu.peklo.biz/okoun/bg23.png) !important;
        background-size: 100% 100% !important;
        color: #e0e0e0 !important;
        border: 1px solid #e0e0e0 !important;
		float: right !important;
    	margin-right: 2px !important;
        margin-top: 2px !important;                         
   }
    
     /* reklamy pryc - na uvaze kazdeho jestli ano nebo ne  */
    div.ad,div#adwrapper-bs.ad.box
     {
        position: absolute !important;
        z-index: -11 !important;
        visibility: hidden !important;
      }  

    div#adwrapper-bs.ad.box
      {
         margin-left: -250px !important;
      } 
    
    div.main>div.yui-g
          {
         margin-right: 0px !important;
      } 

    
 /* table color fix */    
    div.welcome.expcol.exp > div.content table font
      {
        color: #512727  !important;
    }
 /* font - vyska radku fix */ 
font     {
 line-height: normal !important;
}



    /*link / kec za ID*/
    
    a.hpdescr {
     line-height: 18px;
     font-weight: bold;
     color: #888888 !important;
     text-decoration: underline !important;
     margin: 0px !important;
     margin-right: 30px !important;
    }
    span.descr {
     line-height: 18px !important;
     color: #999999 !important;
     font-weight: bold;
     margin: 0px !important;

    }

div.meta
 {
        
  line-height: 18px !important;

    }

div.permalink {
  font-weight: bold !important;
  padding-top: 0px  !important;
height: 16px  !important;
 width: auto  !important;
float: right  !important;
 margin-top: 0px !important;
 
 }

}