@font-face {
    font-family: 'BTitr';
    src: url('fonts/BTitrBold.eot?#') format('eot'), /* IE6–8 */ url('fonts/BTitrBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTitrBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BKoodak';
    src: url('fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */ url('fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BTraffic';
    src: url('fonts/BTraffic.eot?#') format('eot'), /* IE6–8 */ url('fonts/BTraffic.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BTraffic.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BYekan';
    src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */ url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BHoma';
    src: url('fonts/BHoma.eot?#') format('eot'), /* IE6–8 */ url('fonts/BHoma.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BHoma.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

.mGrid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .mGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mGrid .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

input[type="submit"], input[type="button"] {
    /* padding: 3px 5px; */
    font-family: Tahoma;
    cursor: pointer;
    /* margin: 5px 2px; */
    border: 0pc;
}


.content-l {
    width: 270px;
    height: 170px;
    margin-top: 3px;
    border: 2px solid #E7E7E7;
    display: block;
    background-color: White;
    margin-right: 2px;
}

.content-r {
    width: 270px;
    height: 170px;
    margin-right: 12px;
    margin-top: 3px;
    border: 2px solid #E7E7E7;
    display: block;
    background-color: White;
}

    .content-r img {
        float: right;
        height: 80px;
        margin: 5px 5px 5px 0;
        width: 80px;
    }

.content-l img {
    float: right;
    height: 80px;
    margin: 5px 5px 5px 0;
    width: 80px;
}

.content-r span {
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.content-l span {
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.content-r .text {
    float: right;
    margin-right: 5px;
    width: 155px;
    display: block;
    white-space: normal;
    clear: left;
}

.content-l .text {
    float: right;
    margin-right: 5px;
    width: 155px;
    display: block;
    white-space: normal;
    clear: left;
}

.content-r .readmore:hover {
    background-image: url("images/readmoreblue.png");
    background-repeat: no-repeat;
    color: white;
}

.content-r .readmore {
    background-image: url("images/readmore.png");
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 80px;
    margin-left: 10px;
}

.content-l .readmore:hover {
    background-image: url("images/readmoreblue.png");
    background-repeat: no-repeat;
    color: white;
}

.content-l .readmore {
    background-image: url("images/readmore.png");
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 80px;
    margin-left: 10px;
}

.news {
    padding: 8px 0px;
    float: right;
    width: 100%;
    border-bottom: 1px dashed #E5E5E5;
    font-size: 12px !important;
    color: black;
    line-height: 20px;
}

    .news img {
        border: 1px solid #ddd;
        background: #eee;
        float: right;
        margin-left: 8px;
        padding: 3px;
        width: 100px;
        height: 100px;
    }

        .news img:hover {
            border-color: #bbb;
            background: #bbb;
        }

    .news p {
        margin-top: 0;
    }

    .news a {
        font-family: Tahoma,Geneva,sans-serif;
        font-size: 0.9em;
        font-weight: bold;
        margin-bottom: 0.5em;
        text-decoration: none;
    }

        .news a h4 {
            padding: 5px 0;
        }

    .news .readmore {
        background-image: url("images/readmore.png");
        background-repeat: no-repeat;
        float: left;
        height: 19px;
        line-height: 19px;
        text-align: center;
        width: 80px;
        margin-left: 50px;
        font-size: 10px;
    }

.news-title {
    color: #3333;
}

.sep-title {
    border-bottom: 1px dotted gray;
    margin-top: 5px;
    width: 200px;
}

.tabs .archive-link {
    float: left;
    margin-left: 10px;
    color: Blue;
    font-size: 14px;
}

.news .news-title:hover {
    color: #663300;
}

.clear-news {
    border-bottom: 2px solid;
    width: 500px;
}

.title {
    font-size: 16px;
    font-family: 'B Titr' Tahoma;
    color: Gray;
}

h4.title {
    border-right: 10px solid #EB921E;
    padding: 4px 5px 4px 0;
}

/* albums
*******************************/
.albums {
    margin-right: 0px;
}

.album {
    background: url('images/gallery.png') top center no-repeat;
    display: block;
    float: right;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 12px;
    height: 270px;
}

    .album img {
        width: 180px;
        height: 180px;
        margin: 20px;
    }

    .album h4 {
        text-align: center;
    }

    .album p {
        text-align: center;
    }

.pics {
}

.pic {
    border: 1px dotted #ddd;
    padding: 4px;
    margin: 3px;
    float: right;
    display: block;
    text-align: center;
}

    .pic img {
        width: 220px;
        height: 220px;
    }

    .pic h4 {
        padding: 2px;
    }

.frame {
    margin: 30px;
    position: relative;
    width: 180px;
    height: 130px;
    float: right;
}

    .frame span {
        width: 186px;
        height: 137px;
        display: block;
        position: absolute;
        top: 2px;
        left: 2px;
        background: url(images/watercolor-top.png) no-repeat;
    }

    .frame img {
        border: none;
        padding: 9px 12px 12px 11px;
        background: url(images/watercolor-bg.png) no-repeat;
    }

    .frame h4 {
        color: #666;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

.comments {
    border: 1px solid #CFCFCF;
    padding-top: 5px;
    width: 545px;
    border-image: initial;
    background-color: White;
}

.comment {
    width: 100%;
    margin-bottom: 25px;
    border-bottom: 1px solid #DFDFDF;
}

.comm_info {
    width: 540px;
    height: 35px;
    background: #EDEDED;
    padding-right: 5px;
    overflow: hidden;
}

.rating_up {
    width: 43px;
    height: 14px;
    overflow: hidden;
    float: right;
    text-align: center;
    font: 11px tahoma;
    color: #116DD6;
    background: url('images/l_po.gif') no-repeat;
}

.rating_down {
    width: 43px;
    height: 14px;
    overflow: hidden;
    float: right;
    text-align: center;
    font: 11px tahoma;
    color: #E30303;
    background: url('images/r_mi.gif') no-repeat;
}

.comm_rating {
    width: 139px;
    height: 20px;
    float: left;
    padding-top: 6px;
    margin-left: 30px;
}

.rate_down_link {
    width: 24px;
    height: 14px;
    display: block;
    text-decoration: none;
    float: right;
    background: url('images/l_mi.gif') no-repeat;
    margin-left: 5px;
    cursor: pointer;
}

.rate_up_link {
    width: 24px;
    height: 14px;
    display: block;
    text-decoration: none;
    float: right;
    background: url('images/r_po.gif') no-repeat;
    cursor: pointer;
}

.comm_title {
    float: right;
    margin-right: 20px;
    background-color: White;
    border-radius: 0.5em;
    margin-top: 5px;
    height: 22px;
    width: 200px;
    text-align: center;
}

.comments_topic {
    width: 108px;
    height: 24px;
    font: 11px tahoma;
    line-height: 20px;
    color: black;
    text-align: center;
    float: right;
    margin-left: 10px;
    background: url('images/tab.gif') no-repeat -86px 0px;
    text-decoration: none;
    display: block;
    line-height: 22px;
}

.comm_text {
    background-color: White;
}

    .comm_text p {
        margin-right: 30px;
    }

.comm_answer {
    width: 487px;
    padding: 0px 40px 0px 0px;
}

.comm_answer_title {
    width: 487px;
    height: 20px;
    border-bottom: 1px solid #DFDFDF;
    background: url('images/sar_pasokh.gif') no-repeat right;
    font: 11px tahoma;
    text-indent: 25px;
    color: black;
    line-height: 21px;
    overflow: hidden;
    margin-right: 40px;
}

.comm_answer_content {
    width: 483px;
    padding-top: 20px;
    border-bottom: 1px solid #DFDFDF;
}

.comm_answer_topic {
    float: right;
    margin-right: 20px;
    background-color: #EDEDED;
    border-radius: 0.5em;
    margin-top: 5px;
    height: 22px;
    width: 200px;
    text-align: center;
}

.comm_answer_text {
    background-color: White;
}

    .comm_answer_text p {
        margin-right: 30px;
    }

.addComment {
    width: 108px;
    height: 24px;
    font: 11px tahoma;
    line-height: 20px;
    color: black;
    text-align: center;
    float: right;
    margin-left: 10px;
    background: url('images/tab.gif') no-repeat -87px 0px;
    text-decoration: none;
    display: block;
    line-height: 22px;
}

.comm_line {
    margin-top: 8px;
    border-bottom: 5px solid #DFDFDF;
}

.clear {
    clear: both;
}