/* +------------------------------------------------------------------------+
   | [1102] catharsis.ru                                          Parchment |
   +------------------------------------------------------------------------+
   | Copyright © 2011 Catharsis.  All rights reserved.                      |
   +------------------------------------------------------------------------+ */

@font-face
{
    font-family                         : 'PT Sans';

    src                                 : url('../../ttf/pts55f_w.eot');
    src                                 : local('PT Sans'), url('../../ttf/PTS55F_W.woff') format('woff'), url('../../ttf/PTS55F_W.ttf') format('truetype'), url('../../ttf/PTS55F_W.svg#PTSans-Regular') format('svg');
}

a.inverse
{
    padding                             : 2px 5px;

    color                               : #FFF;
    background-color                    : #C22;

    font-weight                         : bold;

    text-decoration                     : none;
}

a.inverse:hover
{
    color                               : #FFF;
    background-color                    : #C66;
}

a.inverse-current
{
    padding                             : 2px 5px;

    color                               : #FFF;
    background-color                    : #AAA;

    font-weight                         : bold;

    text-decoration                     : none;
}

a.inverse-current:hover
{
    color                               : #FFF;
    background-color                    : #CCC;
}

a.youtube
{
    display                             : block;
}

a.youtube img
{
    border                              : 1px solid #333;
}

body
{
    margin                              : 0 auto;

    width                               : 1000px;
    height                              : 100%;

    color                               : #FFF;
    background-color                    : #000;

    font-family                         : Tahoma, Verdana, Arial, sans-serif;
    font-size                           : 11px;

    line-height                         : 17px;
}

em
{
    font-style                          : italic;
}

form.inline
{
    margin                              : 15px auto;

    width                               : 90%;
}

form.inline table
{
    color                               : #000;
    background-color                    : #BBB;

    width                               : 100%;
}

form.inline table tbody input
{
    width                               : 98%;

    border                              : 1px solid #666;
}

form.inline table td
{
    padding                             : 5px;
}

form.inline table td.form-buttonset
{
    text-align                          : center;
}

form.inline table td.form-label
{
    font-weight                         : bold;
}

form.modal
{
    width                               : 800px;

    color                               : #AAA;
    background-color                    : inherit;
}

form.modal fieldset
{
    max-height                          : 400px;

    overflow                            : auto;
}

form.modal div.modal-buttonset
{
    margin                              : 10px 0;
}

form.modal div.modal-buttonset button
{
    height                              : 25px;
}

form.modal div.modal-buttonset input
{
    height                              : 25px;
}

form.modal div.modal-message
{
    display                             : none;

    padding                             : 5px 20px;
}

form.modal label
{
    display                             : block;

    text-align                          : left;
}

form.modal label.checkbox
{
    vertical-align                      : top;
}

form.modal legend
{
    display                             : block;

    padding                             : 15px 0 5px 0;

    font-family                         : 'PT Sans', Tahoma, Verdana, Arial, sans-serif;
    font-size                           : 28px;

    line-height                         : 40px;

    color                               : #FFF;
    background-color                    : inherit;

    text-align                          : left;

    width                               : 100%;
}

form.modal input.line
{
    color                               : #000;
    background-color                    : #FFF;

    font-family                         : Tahoma, Verdana, Arial, sans-serif;
    font-size                           : 11px;

    line-height                         : 17px;

    border                              : 1px solid #666;

    padding                             : 1px 5px;

    width                               : 796px;
}

form.modal textarea
{
    width                               : 100%;
}

h2, h3
{
    clear                               : both;

    margin                              : 10px 0;

    border-bottom                       : 1px solid #AAA;
    
    font-family                         : 'PT Sans', Tahoma, Verdana, Arial, sans-serif;

    text-shadow                         : #AAA 1px 1px 0;
}

h2
{
    font-size                           : 28px;
    line-height                         : 36px;
}

h3
{
    font-size                           : 18px;
    line-height                         : 21px;
}

html
{
    color                               : #FFF;
    background-color                    : #000;

    background-attachment               : fixed;
    background-image                    : url('../../!/backdrop/');
    background-position                 : center center;
    background-repeat                   : no-repeat;    
}

html.widescreen
{
    background-size                     : cover;
}

hr
{
    display                             : none;
}

strike
{
    text-decoration                     : line-through;
}

strong
{
    font-weight                         : bold;
}

ul.post-poll-list
{
    margin                              : 0 -15px;
}

ul.post-poll-list li
{
    display                             : block;
    width                               : 32%;

    cursor                              : pointer;

    margin                              : 2px 2px;
    padding                             : 2px 2px;

    float                               : left;
}

.poll-button
{
    text-align                          : center;
    margin                              : 5px;
}

.poll-button .count-text
{
    padding                             : 5px;
}

ul.post-poll-list li.active
{
    background-color                    : #F99;
}

ul.post-poll-list li span
{
    float                               : right;
    font-weight                         : bold;
}

ul.post-image-list li, ul.post-video-list li
{
    display                             : block;
    position                            : relative;

    margin                              : 5px;
    
    float                               : left;
}

ul.post-image-list li a img, ul.post-video-list li a img
{
    border                              : 1px solid #AAA;
}

#auth
{
    position                            : relative;

    left                                : 10px;
    top                                 : 0;

    width                               : 980px;
    height                              : 25px;

    color                               : #AAA;
    background-color                    : #1F1F1F;
}

#auth-links
{
    position                            : absolute;

    left                                : 0;
    top                                 : 0;

    width                               : 490px;
    height                              : 20px;

    text-align                          : left;
}

#auth-links a
{
    padding                             : 0 0 0 10px;

    color                               : #AAA;
    background-color                    : inherit;

    text-shadow                         : #000 1px 1px 0;
}

#auth-links a:hover
{
    color                               : #FFF;
    background-color                    : inherit;
}

#auth-operations
{
    position                            : absolute;

    left                                : 490px;
    top                                 : 0;

    width                               : 490px;
    height                              : 20px;

    text-align                          : right;
}

#auth-operations a
{
    padding                             : 0 10px 0 0;

    color                               : #AAA;
    background-color                    : inherit;

    text-shadow                         : #000 1px 1px 0;
}

#auth-operations a:hover
{
    color                               : #FFF;
    background-color                    : inherit;
}

#auth-operations span
{
    padding                             : 0 10px 0 0;
    
    font-weight                         : bold;

    text-shadow                         : #000 1px 1px 0;
}

#endorsement
{
    display                             : block;
    position                            : relative;

    margin                              : 0 10px;
    padding                             : 10px 0;

    width                               : 980px;
    height                              : auto;

    color                               : #AAA;
    background-color                    : #000;

    border-top                          : 1px solid #222;

    text-align                          : center;
}

#endorsement a
{
    padding                             : 5px;
}

#footer
{
    display                             : block;
    position                            : relative;

    width                               : 1000px;
    height                              : 40px;

    color                               : #AAA;
    background-color                    : #000;

    background-image                    : url('parchment-9.png');
}

#footer a
{
    color                               : #AAA;
}

#footer a:hover
{
    color                               : #FFF;
}

#footer-l
{
    display                             : block;
    position                            : absolute;

    left                                : 0;
    top                                 : 0;

    width                               : 500px;
    height                              : 40px;

    text-align                          : left;
}

#footer-l p
{
    padding                             : 16px 0 0 30px;
}

#footer-r
{
    display                             : block;
    position                            : absolute;

    right                               : 0;
    top                                 : 0;

    width                               : 500px;
    height                              : 40px;

    text-align                          : right;
}

#footer-r p
{
    padding                             : 16px 30px 0 0;
}

#header
{
    display                             : block;
    position                            : relative;

    width                               : 1000px;
    height                              : 218px;

    background-image                    : url('../../!/header/');
}

#header a
{
    display                             : block;
    position                            : absolute;

    left                                : 0;
    top                                 : 0;

    width                               : 100%;
    height                              : 100%;
}

#header a span
{
    display                             : none;
}

#main
{
    position                            : relative;

    left                                : 10px;
    top                                 : 0;

    width                               : 980px;
    height                              : auto;

    min-height                          : 800px;

    background-image                    : url('parchment-5.png');
    background-position                 : left bottom;
    background-repeat                   : repeat-y;
}

#main-sidebar
{
    position                            : absolute;

    left                                : 0;
    top                                 : 0;

    width                               : 327px;
    height                              : auto;
}

#main-sidebar-live
{
    width                               : 327px;
    height                              : 163px;

    background-image                    : url('parchment-3-2.png');
    background-position                 : left top;
    background-repeat                   : no-repeat;
}

#main-sidebar-live div
{
    padding                             : 60px 20px 0 20px;
}

#main-sidebar-live table
{
    width                               : 100%;
}

#main-sidebar-live tr.live-row
{
    border-bottom                       : 1px solid #555;
}

#main-sidebar-live tr.live-canceled .live-date
{
    color                               : #C00;
    background-color                    : inherit;

    text-decoration                     : line-through;
}

#main-sidebar-live td
{
    margin                              : 4px;
    padding                             : 2px;

    text-shadow                         : #000 1px 1px 0;
}

#main-sidebar-live td.live-all
{
    padding-top                         : 15px;
}

#main-sidebar-live td.live-all a
{
    color                               : #C22;
    background-color                    : inherit;

    font-weight                         : bold;
}

#main-sidebar-live td.live-date
{
    color                               : #AAA;
    background-color                    : inherit;

    width                               : auto;

    white-space                         : nowrap;
}

#main-sidebar-live td.live-location
{
    padding-left                        : 15px;

    color                               : #FFF;
    background-color                    : inherit;

    width                               : 100%;
}

#main-sidebar-live td.live-location a
{
    color                               : #FFF;

    text-decoration                     : none;

    border-bottom                       : 1px solid #AAA;
}

#main-sidebar-live td.live-location a:hover
{
    border-bottom                       : 1px solid #FFF;
}

#main-sidebar-release
{
    position                            : relative;
    
    width                               : 327px;
    height                              : 291px;

    background-image                    : url('parchment-3-0.png');
}

#main-sidebar-release-cover
{
    display                             : block;
    position                            : absolute;
    
    left                                : 66px;
    top                                 : 55px;
    
    width                               : 192px;
    height                              : 192px;
    
    border                              : 1px solid #666;
}

#main-sidebar-release-title
{
    display                             : block;
    position                            : absolute;
    
    left                                : 0;
    top                                 : 256px;
    
    width                               : 327px;
    height                              : auto;
    
    color                               : #000;
    background-color                    : inherit;
    
    text-align                          : center;
}

#main-sidebar-release-title a
{
    color                               : #C22;
    background-color                    : inherit;
}

#main-sidebar-release-title em
{
    font-style                          : normal;
}

#main-sidebar-video
{
    width                               : 327px;
    height                              : 250px;

    background-image                    : url('parchment-3-1.png');
}

#main-sidebar-video p
{
    padding-top                         : 55px;

    text-align                          : center;
}

#main-sidebar-video p a img
{
    border                              : 1px solid #666;
}

#main-sidebar-vk div
{
    margin                              : 0 auto;
}

#main-main
{
    position                            : relative;

    left                                : 327px;
    top                                 : 0;

    width                               : 653px;
    height                              : auto;

    min-height                          : 1200px;

    color                               : #000;
    background-color                    : #FFF;

    background-image                    : url('parchment-4.png');
    background-position                 : left top;
    background-repeat                   : repeat-y;
}

#main-main-content
{
    padding                             : 5px 20px;
}

#menu
{
    display                             : block;
    position                            : relative;

    width                               : 1000px;
    height                              : 46px;

    background-image                    : url('../../!/menu-0/');
}

#menu li
{
    display                             : block;
    position                            : absolute;

    top                                 : 1px;
    height                              : 34px;
}

#menu li a
{
    display                             : block;
    position                            : absolute;

    left                                : 0;
    top                                 : 0;

    width                               : 100%;
    height                              : 100%;

    background-image                    : url('../../!/menu-1/');
}

#menu li a span
{
    display                             : none;
}

#menu-0
{
    left                                : 10px;
    width                               : 106px;
}

#menu-0 a
{
    background-position                 : -10px 0;
}

#menu-1
{
    left                                : 117px;
    width                               : 120px;
}

#menu-1 a
{
    background-position                 : -117px 0;
}

#menu-2
{
    left                                : 238px;
    width                               : 106px;
}

#menu-2 a
{
    background-position                 : -238px 0;
}

#menu-3
{
    left                                : 345px;
    width                               : 93px;
}

#menu-3 a
{
    background-position                 : -345px 0;
}

#menu-4
{
    left                                : 439px;
    width                               : 97px;
}

#menu-4 a
{
    background-position                 : -439px 0;
}

#menu-5
{
    left                                : 537px;
    width                               : 84px;
}

#menu-5 a
{
    background-position                 : -537px 0;
}

#menu-6
{
    left                                : 622px;
    width                               : 80px;
}

#menu-6 a
{
    background-position                 : -622px 0;
}

#menu-7
{
    left                                : 703px;
    width                               : 104px;
}

#menu-7 a
{
    background-position                 : -703px 0;
}

#menu-8
{
    left                                : 808px;
    width                               : 63px;
}

#menu-8 a
{
    background-position                 : -808px 0;
}

#menu-9
{
    left                                : 872px;
    width                               : 118px;
}

#menu-9 a
{
    background-position                 : -872px 0;
}

#mp3-cover
{
    float                               : left;

    padding                             : 5px;
}

#mp3-cover a img
{
    border                              : 1px solid #666;
}

#mp3-player
{
    margin                              : 5px;

    width                               : 398px;
    height                              : 194px;
}

#overlay
{
    display                             : none;
    position                            : fixed;

    left                                : 0;
    top                                 : 0;

    width                               : 100%;
    height                              : 100%;

    background-image                    : url('parchment-o.png');
}

#overlay-s
{
    display                             : block;
    position                            : absolute;

    right                               : 0;
    bottom                              : 0;

    width                               : 500px;
    height                              : 100px;

    background-image                    : url('parchment-s.png');
}

#overlay-0
{
    display                             : table;
    position                            : static;

    margin                              : auto;
    
    width                               : auto;
    height                              : 100%;
}

#overlay-1
{
    display                             : table-cell;
    position                            : static;

    padding                             : 10px;

    text-align                          : center;
    vertical-align                      : middle;
}

#overlay-2
{
    position                            : relative;

    padding                             : 30px 20px 20px 20px;

    color                               : #FFF;
    background-color                    : #000;
}

#overlay-c
{
    display                             : block;
    position                            : absolute;

    right                               : 4px;
    top                                 : 4px;

    width                               : 80px;
    height                              : 16px;

    cursor                              : pointer;

    background-image                    : url('parchment-x.png');

    text-align                          : right;
}

.comment-container
{
    border                              : 1px solid #DDD;
    
    color                               : #333;
    background-color                    : #EEE;
    
    padding                             : 10px;
}

.comment-container div
{
    padding                             : 5px;
    
    text-align                          : center;
}

.comment-container div button
{
    padding                             : 5px;
}

.comment-container ul li
{
    display                             : block;
}

.comment-container ul li a
{
    font-weight                         : bold;
    
    color                               : #C22;
    background-color                    : inherit;
    
    text-decoration                     : none;
}

.comment-container ul li a.b-delete
{
    font-weight                         : normal;
    
    padding-left                        : 5px;
}

.comment-container ul li span
{
    float                               : right;
    
    color                               : #AAA;
    background-color                    : inherit;
}

.comment-container ul li p
{
    clear                               : both;
    
    border-top                          : 1px solid #DDD;
    
    padding-top                         : 5px;
    padding-bottom                      : 10px;
}

.comment-container form textarea
{
    width                               : 100%;
    height                              : 50px;
}

.comment-container form
{
    text-align                          : center;
}

.deleted
{
    color                               : #F00;
    text-decoration                     : line-through;
}

.jump-list
{
    margin                              : 10px 0;

    border-top                          : 1px solid #CCC;
}

.jump-list li
{
    float                               : left;

    padding                             : 5px;
}

.live-list
{
    width                               : 100%;
}

.live-list a
{
    color                               : #C22;
    background-color                    : inherit;
}

.live-list tr:hover
{
    color                               : inherit;
    background-color                    : #CCC;
}

.live-list tr.live-canceled
{
    color                               : inherit;
    background-color                    : #F99;
}

.live-list tr.live-canceled:hover
{
    color                               : inherit;
    background-color                    : #C99;
}

.live-list tr.live-canceled .live-date
{
    color                               : #F00;
    background-color                    : inherit;

    text-decoration                     : line-through;
}

.live-list td
{
    padding                             : 5px;
}

.live-list .live-date
{
    white-space                         : nowrap;

    font-weight                         : bold;
}

.live-list .live-details
{
    width                               : 100%;
}

.live-list .live-buttons
{
    white-space                         : nowrap;
}

.live-list .live-more button, .live-list .live-buttons button
{
    float                               : right;

    height                              : 17px;

    padding                             : 0;
    margin                              : 0 0 0 5px;
}

.live-list .live-title
{
    color                               : #666;
}

.live-operations
{
    margin                              : 10px 0;
}

.music-album-list
{
}

.band-member-list
{
    margin                              : 0 auto;
}

.music-album-list li
{
    display                             : block;
    position                            : relative;

    margin                              : 5px;

    float                               : left;
}

.band-member-list li
{
    display                             : block;
    position                            : relative;

    margin                              : 5px;

    float                               : left;
}

.music-album-list li a, .band-member-list li a
{
    display                             : block;
    position                            : relative;

    width                               : 192px;
    height                              : 192px;
    
    border                              : 1px solid #333;

    color                               : #AAA;
    background-color                    : transparent;
}

.music-album-list li a:hover, .band-member-list li a:hover
{
    color                               : #FFF;
}

.music-album-list li img, .band-member-list li img
{
    margin                              : 0;
}

.music-album-list li span, .band-member-list li span
{
    display                             : block;
    position                            : absolute;

    bottom                              : 0;
    left                                : 0;

    width                               : 184px;
    height                              : auto;

    padding                             : 4px;
    
    font-weight                         : bold;

    background-image                    : url('parchment-o.png');

    text-decoration                     : none;
    text-shadow                         : #000 1px 1px 0;
}

.music-album-list li span em, .band-member-list li span em
{
    float                               : right;

    font-style                          : normal;
    font-weight                         : normal;
}

.music-album-list-plain, .band-member-list-plain
{
    margin                              : 0 20px;
    padding                             : 20px 0 10px 0;
    
    clear                               : both;
    
    list-style                          : square outside;
}

.music-album-list-plain a, .band-member-list-plain a
{
    color                               : #C22;
    
    font-weight                         : bold;
}

.music-album-list-plain a em, .band-member-list-plain a em
{
    color                               : #666;
    
    font-style                          : normal;
    font-weight                         : normal;
}

.news
{
    padding-bottom                      : 20px;
}

.news-archive a
{
    color                               : #C22;
}

.news-archive th
{
    padding                             : 5px;

    text-align                          : left;
}

.news-archive td
{
    padding                             : 2px 10px;
}

.news-archive-date
{
    color                               : #666;
    background-color                    : inherit;

    font-weight                         : bold;
}

.news-footer, .post-social-container
{
    margin-top                          : 10px;

    padding                             : 5px;

    color                               : #666;
    background-color                    : #DDD;
}

.news-footer button
{
    float                               : right;
    
    margin-left                         : 5px;

    height                              : 17px;
    width                               : 28px;
}

.news-footer-permalink
{
    float                               : right;

    color                               : #666;
    background-color                    : inherit;
    
    padding-left                        : 0.8em;

    text-decoration                     : none;
}

.news-footer-permalink:hover
{
    text-decoration                     : underline;
}

.photo-list li
{
    display                             : block;
    position                            : relative;

    margin                              : 5px;

    float                               : left;

    width                               : 192px;
    height                              : 145px;

    border                              : 1px solid #333;

    color                               : #333;
    background-color                    : #FFF;
}

.photo-list li a
{
    display                             : block;
    position                            : relative;

    width                               : 192px;
    height                              : 145px;

    color                               : #AAA;
    background-color                    : transparent;
}

.photo-list li a:hover
{
    color                               : #FFF;
}

.photo-list li img
{
    margin                              : 0;
}

.photo-list li span
{
    display                             : block;
    position                            : absolute;

    bottom                              : 0;
    left                                : 0;

    width                               : 184px;
    height                              : auto;

    padding                             : 4px;
    
    font-weight                         : bold;

    background-image                    : url('parchment-o.png');

    text-decoration                     : none;
    text-shadow                         : #000 1px 1px 0;
}

.photo-list li span em
{
    float                               : right;

    font-style                          : normal;
    font-weight                         : normal;
}

.post-child-list
{
    list-style                          : square;
    margin-left                         : 20px;
}

.post-child-list a
{
    color                               : #C22;

    text-decoration                     : underline;
}

.post-content a
{
    color                               : #C22;

    text-decoration                     : underline;
}

.post-content img
{
    margin                              : 0 10px;
}

.post-content ol
{
    list-style                          : decimal outside;

    margin                              : 5px 0 5px 35px;
}

.post-content p
{
    margin                              : 5px;
    padding                             : 0;
}

.post-content ul
{
    list-style                          : square outside;

    margin                              : 5px 0 5px 35px;
}

.post-operations
{
    margin                              : 10px 0;
}

.post-social-comments
{
    float                               : right;
    
    color                               : #666;
    background-color                    : inherit;
    
    text-decoration                     : none;
}

.post-social-comments:hover
{
    text-decoration                     : underline;
}

.small-image-list li
{
    margin                              : 2px;

    float                               : left;

    cursor                              : n-resize;
}

.small-image-list li img
{
    border                              : 1px solid #333;
}

.sortable
{
    display                             : block;
    position                            : relative;

    float                               : left;

    margin                              : 4px;

    width                               : 240px;
    height                              : 140px;

    overflow                            : hidden;
}

.sortable-vertical
{
    display                             : block;

    margin                              : 4px;

    overflow                            : hidden;
    
    text-align                          : left;
}

.sortable img
{
    display                             : block;
    position                            : absolute;

    left                                : 0;
    bottom                              : 0;

    width                               : 100%;
    height                              : auto;
}

.sortable span
{
    display                             : block;
    position                            : absolute;

    left                                : 0;
    bottom                              : 0;

    width                               : 100%;
    height                              : 16px;

    color                               : #000;
    background-color                    : inherit;

    overflow                            : hidden;

    text-align                          : center;
}

.sortable-vertical span
{
    padding                             : 2px;

    color                               : #000;
    background-color                    : inherit;
}

.sortable-list
{
    padding                             : 4px;
}

.sortable-vertical-list
{
    padding                             : 4px;
}