/* Index:
 * DEBUG
 * LAYOUT
 * COLORS FONTS
 * HEADER
 * MAIN
 * FOOTER
 * TABLES
 * */

/* DEBUG */

/*
body, .bord {border: 1px solid #eeeeee;}
*/
.clear {clear: both;}
.center, .tcenter { text-align: center; }
.mcenter { margin-left: auto; margin-right: auto; }
.tleft { text-align: left; }
.tright { text-align: right; }
.hidden { display: none; }


/* LAYOUT */

html, body {
    margin: 0;
    max-width: 100%;
    height:100%;
}
body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}
#container {

    margin: 0 auto;
    width: 960px;
}

#logo {
    padding: 2%;
    float: left;
    max-width: 35%;
}
#ban {
    padding: 2%;
    float: right;
    max-width: 60%;
}
#main-menu {
    clear: both;
    float: right;
    text-align: right;
    width: 68%;
}
#main {
    padding: 0 2%;
    padding-bottom: 100px;
}
#glomess {
    float: left;
    width: 26%;
}
#footer {
    height: 100px;
    width: 960px;
    position: absolute;
    bottom: 0;
}

/* FONTS COLORS */


h1 {
    font: 15pt normal Verdana, Tahoma, sans-serif;
    padding: 10px 0;
    margin: 0;
}
    .pedia h1 {
        font-size: 7pt;
        color: #41413f;
    }
img {
    border: none;
}
#main-menu {
    font: bold 9pt Tahoma, sans-serif;
}
#glomess .message {
    font: 8pt Verdana;
    color: #434343;
}
#main {
    font: 10pt Tahoma, sans-serif;
    color: #41413f;
}
.right-content a {
    color: #41413f;
}
#footer {
    font: 10pt Tahoma, sans-serif;
    color: #9B999A;
}

html, body {
    background-color: white;
    background-color: #F5F5F5;
    color: black;
}
#main-menu li a {
    color:#E76600;
    text-transform: uppercase;
}
#main-menu li a:hover {
    color: white;
}


/* HEADER */

#header iframe {
    padding: 1em;
    padding-top: 3em;
    float: right;
}

/*
 * плашки меню сделаны по этой статье:
 * http://torqueo.net/developing-pretty-buttons-with-best-practices/
*/
#main-menu {
    padding:3px;
    padding-right: 8px;
    margin-left:0;
}
    #main-menu li {
        list-style: none;
        margin:0;
        display:inline;
    }
    #main-menu li a {
        margin-right:6px;
        text-align: center;
        white-space: nowrap;

        /* Поддержка inline-block для различных браузеров */
        display: -moz-inline-box; /* FF2 */
        display: inline-block; /* Все современные браузеры */
        _display: inline; /* IE6 и IE7 */
        zoom: 1;
        position: relative;
        outline: none;
        height: 29px;
        padding: 0 15px 0 10px;

        /*
         * Выравниваем текст по вертикали. Подбираем значение "на глаз",
         * это зависит от используемого шрифта в кнопке и его размера
         */
        line-height: 28px;
    }
        #main-menu li a span {
            display: block;
            position: absolute;
            width: 6px;
            height: 29px;
            left: -6px;
            top: 0;
        }
    #main-menu li a:hover {
        background: url(/static/i/menu-button.png) no-repeat top right;
        text-decoration:none;
    }
        #main-menu li a:hover span {
            background: url(/static/i/menu-button.png) no-repeat top left;
        }

#glomess {
}
    #glomess .message {
        list-style: none;
        margin: 0 16px;
    }
    #glomessprev, #glomessnext {
        background-image: url(/static/i/glomess_arrows.png);
        background-repeat:no-repeat;

        width: 13px;
        height: 13px;
    }
    #glomessprev {
        background-position:0 -19px;
        float: left;
    }
    #glomessnext {
        background-position:-19px -19px;
        float: right;
    }
    #glomessprev.enabled {
        background-position:0 0;
    }
    #glomessnext.enabled {
        background-position:-19px 0;
    }

/* MAIN */

#main {
    clear: both;
/*
    margin: 0 1em;
*/
}

#aside {
    float: left;
    width: 216px;
}
    #aside-adsense {
        float: left;
        margin: 1em 28px;
    }

.right-content {
    float: right;
    width: 656px;
    margin: 0.5em;
}

/* FOOTER */

#footer {
}
    .footer-glass {
        position: absolute;
        bottom: 0;
    }
        /* source */
        #footer-glass-1 {left: 39px;}
        #footer-glass-2 {left: 217px;}
        #footer-glass-3 {left: 397px;}
        #footer-glass-4 {left: 577px;}
        #footer-glass-5 {left: 717px;}
        #footer-glass-6 {left: 777px;}

        #footer-glass-1 {left: 46px;}
        #footer-glass-2 {left: 226px;}
        #footer-glass-3 {left: 406px;}
        #footer-glass-4 {left: 586px;}
        #footer-glass-5 {left: 726px;}
        #footer-glass-6 {left: 746px;}
        #footer-ball {left: 327px;}
    .footer-copy {
        float: left;
        padding-top: 30px;
        padding-left: 45px;
    }
        .footer-copy img {
            float: left;
            margin-right: 3px;
        }
    .footer-icons {
        float: right;
        padding-top: 30px;
        padding-right: 45px;
    }
        .footer-icons img {
            margin-left: 10px;
        }


/* COMMENTS */

#comments-listing {
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments-listing li {
    padding: 1em;
    margin-bottom: 2em;
    background: #E6E6E6;
}
#comments-listing img {float: left; margin-right: 0.5em;}
#comments-listing .date {float: right;}
#comments-listing .comment-body {margin-left:3em;}
.b-comments textarea {width:99%;}


/* TABLES */

.real_table, .real-table {
    border-collapse: collapse;
    padding: 0;
    margin: 10px 0;
    width: 100%;
}

.real_table, .real_table td, .real_table th,
.real_table, .real-table td, .real-table th {
    border: 1px solid #BBB;
}

/* FORM ERRORS */

ul.errorlist {
    margin: 0;
    padding: 0;
}

.errorlist li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: block;
    padding: 4px 5px;
    font-weight: bold;
    background-color: #FFEFE8;
    border: 1px solid #E89B88;
    margin-right: 3px;
}