/*
 * http://blog.z7z.eu
 */


body { color: #444;
       font-family: 'Comic sans MS';
       font-size: 14px;
       background-image: url(../pic/gl.png), url(../pic/dl.png), url(../pic/gd.png);
       background-position: top left, bottom left, top right;
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-color: #cecece; }

a { text-decoration: none;
    color: #444;
    font-weight: bold; }

input, textarea{ background-color: #cecece;
                 border: solid 1px #444; }

header { position: relative;
         width: 1024px;
         margin: 0 auto;
         text-align: center;
         border: #444 solid 1px;
         height: 70px; }

header a { color: #444;
           font-weight: bold;
           cursor: pointer;
           font-size: 22px; }

#small_menu { position: relative;
              width: 1024px;
              margin: 0 auto;
              height: 30px;
              font-size: 18px;
              font-weight: bold;
              border-right: solid 1px #444;
              border-bottom: solid 1px #444;
              border-left: solid 1px #444; }

#small_menu a { font-size: 18px;
                font-weight: bold; }

#small_menu a:hover { text-decoration: underline; }

.glas { color: #7c0000; }

#content { position: relative;
           width: 1024px;
           margin: 0 auto; }

#content:after { content: '';
                 display: block;
                 clear: both; }

/* Лява част */
#left { position: relative;
        float: left;
        width: 192px; }

#tyrsene { position: relative;
           background-image: url(../pic/glb.png);
           background-position: top left;
           background-attachment: fixed;
           background-repeat: no-repeat;
           background-color: #b6b6b6;
           border: solid 1px #444;
           width: 170px;
           padding: 0 10px 10px 10px;
           margin-top: 10px; }

#tyrsene input { width: 168px; }

#nav { position: relative;
       background-image: url(../pic/glb.png);
       background-position: top left;
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-color: #b6b6b6;
       border: solid 1px #444;
       width: 190px;
       margin-top: 10px;
       padding-bottom: 10px; }

#nav b { display: block;
         background-image: url(../pic/sc.png);
         background-position: top right;
         background-repeat: no-repeat;
         padding-right: 20px;
         text-align: right;
         cursor: pointer; }

.menu { position: relative;
        background-image: url(../pic/glb.png);
        background-position: top left;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: #b6b6b6;
        width: 188px; }

.menu a { display: block;
          color: #7c0000;
          background-image: url(../pic/sc.png);
          background-position: top left;
          background-repeat: no-repeat;
          padding-left: 20px;
          cursor: pointer; }

#nav b:hover, .menu a:hover { background-image: url(../pic/scw.png);
                              background-color: #444;
                              color: #fff; }
/****************************************/

/* Дясна част */
#right { position: relative;
         width: 823px;
         margin-left: 192px;
         padding: 10px 0 0 10px; }

#plakat { position: relative;
          background-image: url(../pic/glb.png), url(../pic/dlb.png), url(../pic/gdb.png);
          background-position: top left, bottom left, top right;
          background-attachment: fixed;
          background-repeat: no-repeat;
          background-color: #b6b6b6;
          border: solid 1px #444;;
          padding: 10px;
          width: 802px; }

#plakat:after { content: '';
                display: block;
                clear: both; }

.tema { font-size: 18px;
        font-weight: bold;
        color: #7c0000; }

.zagl { font-size: 16px;
        font-weight: bold;
        color: #7c0000;  }

.vreme, .komentara { color: #777; }
/****************************************/

#dolu { position: relative;
        /*width: 1024px;*/
        text-align: center;
        margin: 20px auto; }

#back_to_top { display: none;
               position: fixed;
               bottom: 2px;
               right: 2px;
               background-color: #cecece;
               border: #444 solid 2px;
               font-size: 24px;
               font-weight: bold;
               color: #444;
               cursor: pointer;
               z-index: 10000; }

.edit { background-image: url(../pic/edit.png); }

.cut_post { cursor: pointer;
            border: #777 solid 1px;
            padding: 10px;
            margin: 5px;
            min-height: 100px; }

.cut_post:hover { border: #444 solid 1px;
                  background-color: #cecece; }

.cut_post img { float: right;
                height: 100px;
                border: #777 solid 1px; }

.komentar { padding: 10px;
            border: #444 solid 1px;
            background-color: #cecece; }

.help { position: absolute;
                display: block;
                width: 100px;
                height: 25px;
                background-color: #cecece;
                border: #444 solid 1px;
                z-index: 100000; }

#komentar input, #komentar textarea { width: 400px; }

#komentar textarea { height: 80px; }

#komentar table tr td:first-child { text-align: right;
                                    vertical-align: top; }

#komentar table tr td:last-child { color: red;
                                   text-align: left;
                                   vertical-align: top; }

#open_comment { font-weight: bold;
                cursor: pointer; }

#open_comment:hover { color: #704848; }

#comment_form { display: none; }

#comment_form button { cursor: not-allowed; }

#refresh { height: 38px;
           cursor: pointer;
           transform: rotate(0deg);
           transition: .3s; }

#refresh:hover { transform: rotate(180deg);
                 transition: .3s; }

#refresh:active {transform: rotate(90deg);
                 transition: .15s;}




#validator { position: fixed;
             bottom: -5px;
             left: 0;
             z-index: 100000; }

.djam { width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        top: 0;
        cursor: pointer;
        background-color: #000;
        z-index: 1000; }

.djam, .djam1 { position: fixed; }

.djam1 { z-index: 10000; }

.djam1 { padding: 10px;
         width: auto;
         height: auto;
         border-style: solid;
         border-width: 3px;
         box-shadow: 10px 10px 10px #000;
         border-radius: 5px;
         background: #fff;
         overflow-x: no-display;
         overflow-y: auto; }

.hiks, .djam, .djam1 { cursor: pointer; }

.hiks { text-decoration: underline; }

.sthoverbuttons-label { display: none; }

.edit { position: relative;
        width: 30px;
        height: 30px;
        background-size: cover;
        cursor: pointer;
        float: left; }

.key { float: right;
       cursor: pointer;
       height: 30px; }