/* Reset styles е*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
}

a img, :link img, :visited img {
    border:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
table td {
    padding: 0px;
}

p {margin: 0; padding: 0;}
ol, ul {
    list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
    content:"";
}

/* Site styles */

html {
    background:#F4F5EB url("../images/bg.gif") repeat-x top;
}

body {
    font:0.7em Verdana;
    color:#6E6D6D;
    background:url("../images/header-bg.jpg") repeat-x top left;
}

a {
    color:#EC038D;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/* Titles */

h1 {
    color:#EC008C;
    font-size:1.7em;
    font-weight:normal;
    margin-bottom:5px;
    line-height:20px;
}

h2 {
    line-height:18px;
    background:url("../images/h2-bg.gif") repeat-y right;
    padding:10px 40px 10px 10px;
    font-size:1.3em;
    font-weight:bold;
    color:#F06EAA;
    margin:0 -10px 10px;
}

/* Form elements */

.vote-button {
    border:1px solid #ccc;
    background:#fff;
    font:0.9em Verdana;
    padding:2px 0;
}

.textbox {
    border:1px solid #999;
    background:#fff;
    font:1em Verdana;
    padding:2px;
}

.button {
    border:1px solid #999;
    background:#fff;
    font:1em Verdana;
    height:18px;
    padding:1px 0;
    color:#333;
}

textarea {
    background:#eee;
}

/* Structure */

#wrapper {
    background:url("../images/header.jpg") no-repeat left top;
    min-width:1000px;
    padding-bottom:25px;
}

    #container {
        width:100%;
        float:left;
        margin-right:-230px;
    }

        #content {
            margin-right:230px;
        }

/* Header */

#header {
    height:244px;
    background:url("../images/girl.png") no-repeat right top;
    position:relative;
}

    .logo {
        position:absolute;
        top:0;
        left:0;
    }

    #header ul {
        font:1.4em Arial;
        position:relative;
        top:170px;
        padding-left:10px;
        overflow:hidden;
        float:left;
    }
    
        #header li {
            float:left;
            padding:0 10px 0 11px;
            border-right:1px solid #59AC52;
            margin-right:-1px;
        }
        
            #header li a {
                color:#59AC52;
                text-decoration:underline;
            }
            
            #header li a:hover {
                text-decoration:none;
            }
    
/* Central column */
    
#main {
    margin-left:230px;
    padding:15px 0 0;
}

    .post-block {
        padding:0 4px 0;
        position:relative;
        margin:0 0 10px;
    }

    .post-left {
        background:url("../images/post-left.png") no-repeat;
        width:4px;
        height:173px;
        position:absolute;
        left:0;
        bottom:0;
        display:block;
    }
    
    .post-right {
        background:url("../images/post-right.png") no-repeat;
        width:4px;
        height:173px;
        position:absolute;
        right:0;
        bottom:0;
        display:block;
    }
    
    .post-center {
        height:7px;
        background:url("../images/post-center.png") repeat-x bottom;
        font-size:0;
        overflow:hidden;
        position:relative;
        display:block;
    }

    .post {
        background:#fff;
        position:relative;
    }

        .title {
            background:#F5D0E2;
            padding:5px 0 5px 5px;
        }
        
            .title p {
                font-size:0.9em;
                line-height:10px;
            }
            
                .title p a {
                    color:#88A508;
                    font-weight:bold;
                }
                
            .date {
                float:right;
                color:#88B536;
                padding:0 10px;
                font-size:1.3em;
                font-weight:bold;
                background:#F8DFEC;
                margin:-5px 0;
                line-height:45px;
                position:relative;
            }
        
        .post-story {
            padding:10px 5px;
            overflow:hidden;
        }
        
            .post-story img {
                margin:0 5px;
            }
        
        .post-footer {
            border-top:1px solid #FAB9DF;
            margin:0 10px;
            color:#00AEEF;
            font-size:1.2em;
            font-weight:bold;
            padding:10px;
        }
        
            .post-footer p a {
                color:#00AEEF;
                margin:0 10px;
            }

            .rating-box {
                float:right;
                position:relative;
                font-weight:normal;
                line-height:14px;
            }

        .related-news {
            font-weight:bold;
            padding:5px 20px;
        }
    

/* Block */

.block {
    width:220px;
    position:relative;
    padding:0 5px 8px 0;
    overflow:hidden;
    margin-bottom:10px;
}

    .block-content {
        background:#F1F6E6 url("../images/block-bg.gif") repeat-x top;
        position:relative;
        padding:0 10px 10px;
    }
    
    .block-shadow {
        background:url("../images/block-shadow.png") no-repeat;
        width:225px;
        height:255px;
        position:absolute;
        display:block;
        bottom:0;
        right:0;
    }

/* Left column */

#leftside {
    width:225px;
    float:left;
    padding:15px 5px 0 0;
}

    #leftside a {
        color:#4F9AAE;
    }

    .menu {
        font:1.1em Arial;
        font-weight:bold;
    }
    
        .menu li {
            
        }
        
            #leftside .menu li a {
                color:#8DC63F;
                padding:3px 10px;
                display:block;
            }
            
            #leftside .menu li a:hover {
                background:#fff;
                color:#D85565;
                text-decoration:underline;
            }
    
    #leftside p {
        margin-bottom:5px;
    }

/* Right column */
    
#rightside {
    width:225px;
    float:right;
    padding:15px 0 0 5px;
}
    
    #rightside a {
        color:#4F9AAE;
    }

    #rightside .block {
        padding:0 0 8px 5px;
    }

        #rightside .block-shadow {
            background:url("../images/block-shadow-right.png") no-repeat;
            left:0;
        }
    
    #rightside .textbox {
        width:130px;
    }
    
    #rightside p {
        margin-bottom:5px;
    }

/* Footer */

#footer {
    background:url("../images/footer-bg.gif");
    border-bottom:2px solid #A5C0B0;
    text-align:center;
    padding:10px;
    color:#00AEEF;
    font-weight:bold;
    font-size:1.1em;
}

.center {
    text-align:center;
}

.clearing {
    height:0;
    clear:both;
    font-size:0;
}

/* Navigation */

.navigation {
    color:#666; 
    border:0px;
}

    .navigation a {
        text-decoration:none;
        color:#636363;
        background:#F9F9F9;
        border:1px solid #999;
        padding:3px 6px;
        font-size:11px
    }

    .navigation a:hover {
        background:#55B4B9;
        color:#FFFFFF;
        border-color:#999;
    }

    .navigation span {
        text-decoration:none;
        background:#fff;
        padding:3px 6px;
        border:1px solid #999;
        color:#999;
        font-size:11px;
    }

/* Add comments */

.addcomment {
    width:462px;
    border-collapse:separate;
    margin:10px 0;
    vertical-align:top;
    text-align:left;
    background:#fff;
}

    .addcomment th {
        padding:4px;
        background:#F4ECE3;
        color:#333;
        text-align:center;
        font-weight:bold;
    }

        .addcomment textarea {
            width:100%;
            border:none;
            height:100px;
        }

    .commentform {
        line-height:25px;
        width:24%;
    }

    .center {
        text-align:center;
        width:100%;
    }

    .center .addcomment {
        margin:0 auto 5px;
        border:1px solid #ccc;
    }

/* Comments styles */

.answer {
    width:98%;
    margin:10px 0;
    border-collapse:separate;
}

    .answer td {
        padding:0;
    }

    .answer th {
        background:#F4ECE3;
        color:#333;
        font-weight:normal;
        padding:4px;
        text-align:left;
    }

        .answer th a {
            color:#333;
            text-decoration:underline;
            font-weight:bold;
        }

    .answer .comment_user_info {
        background:#eee;
        width:20%;
        padding:5px;
        font-size:0.9em;
        vertical-align:top;
    }

    .answer .user_comment {
        background:#f9f9f9;
        padding:5px 10px;
        vertical-align:top;
    }

    .comment_bottom td {
        background:#F4ECE3;
        padding:3px 5px;
        color:#333;
        font-size:0.9em;
    }

        .comment_bottom td a {
            color:#333;
            text-decoration:underline;
        }

        .comment_bottom td a:hover {
                    text-decoration:none;
        }

    .right_bottom {
        float:right;
    }

/* Add news */

.addnews {
}

    .addnews td {
        padding:3px;
    }

        .addnews textarea {
            width:100%;
            height:100px;
        }

        .addnews .textbox {
            width:200px;
        }

/* Feedback */

.feedback {
    width:98%;
}

    .feedback td {
        padding:3px;
    }

        .feedback textarea {
            width:100%;
            height:100px;
        }

/* Lost password */

.lostpassword td {
    padding:3px;
}

/* Personal message */

.pm {
    border-collapse:separate;
    width:462px;
}

    .pm td {
        padding:3px;
    }

        .pm textarea {
            width:100%;
            border:0;
            height:100px;
        }

/* Registration */

.registration td{
    padding:5px;
}

    .registration .button1 {
        margin-bottom:0;
    }

    .registration .textbox {
        width:150px;
    }

/* User info */

.userinfo {
    width:98%;
    margin-bottom:10px;
}

    .userinfo td {
        padding:3px;
        vertical-align:top;
    }

        .userinfo textarea {
            width:100%;
            height:80px;
        }

        .userinfo .textbox {
            width:200px;
        }

/* Stats в*/

.stats {
    border-collapse:separate;
    margin-bottom:10px;
    width:98%;
}

    .stats td {
        vertical-align:top;
        padding:3px;
    }                                                           
    div.bash {
    font-family: 'Monaco', 'Courier New', monospace;
    font-size: 10pt;
    margin: 12px 0;
    font-weight: normal;
    background: #f3f3f3;
    padding: 5px;
    text-align:justify;
    border: 1px dotted #999;
}
#banners a img {

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);

}
#banners a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);

}
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}