/* ------------------------------------------- Страница Фотоблогов -------------------------------------------------------- */

table.blogs {
}

table.blogs .top_blog {
    background: url( /design/eva/images/blogs_shadow.gif ) bottom left no-repeat;
    width: 344px;
    float: left;
    padding-bottom: 14px;
    margin-right: 10px;
}

* html table.blogs .top_blog {
    margin-right: 5px;
}

table.blogs .top_blog_bg {
    background: #eeeeee;
    width: 314px;
    float: left;
    border-top: 8px #f47a20 solid;
    height: 126px;
    padding: 7px 15px;
}

table.blogs .top_blog_bg h2 {
    margin-bottom: 10px;
}

table.blogs .top_blog_bg p {
    font-size: 1.1em;
    line-height: 1.2em;
}

div.blogs {
    margin-top: 20px;
}

div.blogs .second {
    margin-left: 10px;
}

table.blogs .photoblog, div.blogs .photoblog {
    float: left;
    height: 243px;
    width: 345px;
}

table.kids .photoblog {
    width: 329px;
    height: 225px;
}

table.blogs .photoblog img, div.blogs .photoblog img {
    float: left;
}

table.blogs .photoblog .photoblog_name, div.blogs .photoblog .photoblog_name {
    position: relative;
    top: -50px;
    left: 0;
}

table.blogs .photoblog .photoblog_name .name_bg, div.blogs .photoblog .photoblog_name .name_bg {
    padding: 2px 10px 2px 0;
    background: #dedede;
    float: left;
}

table.blogs .photoblog .photoblog_name .name_bg h2, div.blogs .photoblog .photoblog_name .name_bg h2 {
    float: left;
    margin-left: 10px;
}

table.blogs .photoblog .photoblog_name .name_bg h2 a, div.blogs .photoblog .photoblog_name .name_bg h2 a {
    color: #000;
    text-decoration: none;
}

/* -----------------------------  Страница Фотоблоги для детей ----------------------------------------------- */

.respect {
    background: #d9ea89 url( /design/eva/images/green_bg.gif ) bottom left repeat-x;
    float: left;
    margin-top: 15px;
}

.ph_topic_green {
    height: 32px;
    background: url( /design/eva/images/green_topic_bg.gif ) top left repeat-x;
}

.topic_green_bg {
    background: url( /design/eva/images/green_topic_img.gif ) bottom center no-repeat;
    height: 32px;
}

.ph_topic_green h2 {
    float: left;
    color: #fff;
    margin: 3px 0 0 25px;
}

.ph_topic_green a {
    color: #fff;
    padding: 10px 15px 0 0;
    font-size: 1.1em;
}

.resp_photos {
    border: 1px #bcbcbb solid;
    border-top: 0;
    float: left;
    padding: 20px 24px 12px 0;
}

.resp_photo {
    float: left;
    width: 202px;
    margin-left: 22px;
    text-align: center;
#margin-left : 23 px;
}

* html .resp_photo {
    margin-left: 17px;
}

.resp_photo span {
    clear: left;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 10px;
    float: left;
    width: 202px;
    text-align: center;
}

.resp_picture {
    float: left;
    width: 200px;
    height: 200px;
    border: 1px #bcbcbb solid;
    background: url( /design/eva/images/photos_bg.gif ) top center no-repeat;
    overflow: hidden;
    display: table;
    vertical-align: middle;
}

.resp_picture .otherwrap {
    display: table-cell;
    vertical-align: middle;
}

.resp_picture .wrap {
    position: relative;
    left: 50%;
    float: left;
#top : 50 %;
}

.resp_picture img {
    position: relative;
#margin : 3 px 0 0;
    left: -50%;
#top : - 50 %;
}

.kids .left_photo {
    padding: 20px;
    background: #ededed;
    /*border: 1px #bcbcbb solid;
   border-top: 0;*/
}

.kids .right_photo {
    padding: 20px 24px 25px 3px;
    border: 1px #bcbcbb solid;
    border-top: 0;
    background: #ededed;
}

.all_photoblogs {
    float: left;
    width: 700px;
    margin-top: 15px;
}

.all_photoblogs h1 {
    float: left;
}

.new_phb_btn {
    float: right;
    width: 174px;
    font-size: 1.6em;
    font-family: Times New Roman;
}

.blogs_list {
    background: #eeeeee;
    border-top: 6px #cfcfcf solid;
    border-bottom: 1px #b4b4b4 solid;
}

.blogs_list td {
    padding: 10px 0 20px;
}

.blogs_list td.left_padding, .blogs_list th.left_padding {
    padding-left: 20px;
}

.blogs_list th.left_padding {
    padding-top: 10px;
}

.blogs_list ul li {
    line-height: 1.3em;
    padding: 2px 0;
}

.blogs_list ul ul {
    margin-left: 20px;
}

.blogs_list a {
    color: #000;
    font-size: 1.2em;
}

/* -----------------------------  Страница Фотоблоги для взрослих ----------------------------------------------- */

.adults {
    padding: 20px 16px 12px 13px;
    -padding: 20px 16px 12px 14px;
}

.adults .resp_photo {
    width: 220px;
    margin-left: 3px;
}

* html .adults .resp_photo {
    margin-left: 2px;
}

.adults .resp_photo span {
    width: 220px;
}

.adults .resp_picture {
    width: 220px;
    height: 220px;
    background: url( /design/eva/images/image_shadow_blogs.png ) top center no-repeat;
    -background: url( /design/eva/images/image_shadow_blogs_green.gif ) top center no-repeat;
    border: 0;
}

.adults .resp_picture img {
    padding-left: 2px;
    padding-bottom: 2px;
    -padding: 0 3px 0 0;

}

.adult {
    margin-top: 20px;
    float: left;
    width: 700px;
}

.adult h2 {
    width: 560px;
    -width: 540px;
    float: left;
}

.liders {
    border: 1px #bcbcbb solid;
    border-top: 0;
    background: #ededed;
    clear: left;
    float: left;
    width: 698px;
}

.all_liders_photo {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: 1px #bcbcbb solid;
    line-height: 32px;
}

.liders_photo {
    clear: left;
    float: left;
    padding: 20px 16px 12px 13px;
}

.liders_photo .photo {
    float: left;
    width: 220px;
    height: 320px;
    margin: 0 0 10px 3px;
}

* html  .liders_photo .photo {
    margin: 0 0 10px 2px;
}

.liders_photo .photo .picture {
    background: url( /design/eva/images/image_shadow_blogs.png ) top left no-repeat;
    -background: url( /design/eva/images/image_shadow_blogs_gray.gif ) top center no-repeat;
    width: 220px;
    height: 220px;
    display: table;
    vertical-align: middle;
}

.liders_photo .photo .picture .otherwrap {
}

.liders_photo .photo .picture .wrap {
    line-height: 214px;
    margin-left: 2px;
}

.liders_photo .photo .picture img {
    vertical-align: middle;
}

}

.liders_photo .photo p {
    font-size: 1em;

}

.liders_photo .photo p.nick {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}

.liders_photo .photo p a {
    font-weight: bold;
}

.liders .pager {
    clear: left;
    float: left;
    width: 698px;
    border-top: 1px #bcbcbb solid;
    border-bottom: 0;
    line-height: 32px;
    height: 32px;
}

.liders .pager .bgpager {
    background: none;
    border: 0;
    padding: 0 20px;
}

.new_photos {
    border: 1px #bcbcbb solid;
    border-top: 0;
    background: #ededed;
    clear: left;
    float: left;
    padding: 20px 16px 0 12px;
    width: 670px;
}

.new_photos .photo {
    float: left;
    width: 130px;
    height: 150px;
    margin: 0 0 10px 4px;
}

* html  .new_photos .photo {
    margin: 0 0 10px 3px;
}

.new_photos .photo .picture {
    background: url( /design/eva/images/image_shadow_blog_small.gif ) top left no-repeat;
    width: 130px;
    height: 130px;
    display: table;
    vertical-align: middle;
}

.new_photos .photo .picture .otherwrap {
}

.new_photos .photo .picture .wrap {
    line-height: 130px;
}

.new_photos .photo .picture img {
    vertical-align: middle;

}

.new_photos .photo p {
    font-size: 1em;
}

.new_photos .photo p a {
    font-weight: normal;
}

.blogs_list .blogmap {
    float: right;
    margin-right: 20px;
    font-size: 1em;
    color: #d20000;
    font-weight: bold;
}

/*---------------------------------------------ХБЗ-----------------------*/

.blog_photo h1 {
 font:1.7em Arial;
}
.blog_photo_list {
    margin-top: 10px;
    float: left;
    border: 1px #e8c065 solid;
    background: #fff7d1 url( ../images/photo_bg.gif ) left bottom repeat-x;
    text-align: center;
    width: 100%;
    text-align:center;
}
.blog_photo_list a {
    padding: 10px;
    display:inline-block;
}

.blog_photo {
    margin-top: 10px;
    float: left;
    border: 1px #e8c065 solid;
    background: #fff7d1 url( ../images/photo_bg.gif ) left bottom repeat-x;
    text-align: center;
    width: 100%;
}

.blog_photo .author {
    margin: 10px;
    font-size: 110%;
}

.blog_photo img {
    margin: 25px 0 0 0;
    max-width: 650px;
}

.album-photo  img {
    max-width: 650px;
}

.blog_photo .photo_text {
    border: 1px #e8c065 solid;
    background: #fff;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 10px;
    margin: 15px;
}

.ratio {
    float: left;
    width: 190px;
    margin: 20px 0 15px 60px;
    -margin: 20px 0 15px 30px;
    text-align: left;
    overflow: hidden;
}

.ratio p {
    margin-bottom: 10px;
}

.ratio  span {
    font-size: 1.8em;
    color: #d20000;
    font-weight: bold;
}

.voices {
    float: left;
    width: 175px;
    text-align: left;
    margin: 25px 0 25px 25px;
}

.voices .voice_green {
    background: url( ../images/green_btn.gif ) left top no-repeat;
    width: 52px;
    height: 21px;
    float: left;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    margin: 5px 2px 0 5px;
}

.voices .voice_orange {
    background: url( ../images/orange_btn.gif ) left top no-repeat;
    width: 52px;
    height: 21px;
    float: left;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    margin: 5px 2px 0 0;
}

.voices .voice_red {
    background: url( ../images/red_btn.gif ) left top no-repeat;
    width: 52px;
    height: 21px;
    float: left;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    margin: 5px 0 0 0;
}

.favorites {
    float: left;
    width: 135px;
    text-align: left;
    margin: 25px 0 25px 60px;
}

.favorites p {
    margin-bottom: 10px;
}

.page_link {
    font-weight: bold;
    color: #d20000;
    text-align: center;
    margin: 15px 0;
}

.comments {
    border: 1px #b6b6b6 solid;
    background: #ededed;
    float: left;
    width: 698px;
    overflow: hidden;
}

.comments h2 {
    width: 400px;
    float: left;
    margin: 10px 0 0 15px;
}

.leave_com {
    float: right;
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px 15px 0 15px;
}

.comments .comment {
    clear: both;
    float: left;
    border: 1px #b6b6b6 solid;
    background: #fff;
    margin: 10px 15px 0 15px;
    font-size: 1.1em;
    overflow: hidden;
    -margin: 10px 15px 0 7px;
}

.comments .first {
    width: 666px;
    overflow: hidden;
}

.comments .second {
    width: 656px;
    margin-left: 25px;
    -margin-left: 12px;
    overflow: hidden;
}

.comment .comment_data {
    float: left;
    margin: 10px;
}

.comment .comment_data img {
    float: left;
    margin-right: 10px;
}

.comment .comment_data .com_data_text {
    float: left;
}

.comment .comment_data .com_data_text p {
    margin-bottom: 5px;
}

.comment_mess {
    border-top: 1px #b6b6b6 solid;
    float: left;
    padding: 10px;
    line-height: 1.3em;
    clear: left;
    overflow: hidden;
}

.comments .first  .comment_mess {
    width: 660px;
}

.comments .second .comment_mess {
    width: 650px;
}

.comments textarea {
    clear: both;
    float: left;
    width: 666px;
    border: 1px #b6b6b6 solid;
    margin: 5px 15px 0 15px;
    height: 118px;
}

.orange_btn {
    clear: left;
    float: left;
    margin: 10px 15px 0 15px;
    color: #fff;
    background: #f47a20;
    border-top: 1px #ffbd76 solid;
    border-right: 1px #ca5602 solid;
    border-bottom: 1px #ca5602 solid;
    border-left: 1px #ffbd76 solid;
    font-weight: bold;
    font-size: 1.05em;
    padding: 3px;
}

.comments .pager {
    clear: left;
    float: left;
    width: 698px;
    border-top: 1px #bcbcbb solid;
    border-bottom: 0;
    line-height: 32px;
    height: 32px;
}

.comments .pager .bgpager {
    background: none;
    border: 0;
    padding: 0 20px;
}

.blog_photo h5 {
    text-align: right;
    margin-right: 20px;
    margin-bottom: 20px;
}

.blog_photo h5 a {
    font-size: 15px;
    font-weight: bold;
}




.p-blog-block {
    border: 1px solid #eed5ad;
    background-color: #fffcf7;
    margin-bottom: 10px;
}

.p-blog-title {
    background-color: #ffeab3;
    background: url( /design/eva/images/p-bg.gif ) top right repeat-x;
    clear: both;
    overflow: hidden;
    line-height: 21px;
}

.p-blog-title span.date {
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}
.p-blog-title span.author {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}


.p-blog-block .cnt {
    text-align: center;
}

.p-blog-block .cnt p {
    text-align: left;
    padding: 5px;
    font-size: 13px;
    line-height: 17px;
}

.p-blog-block .cnt h5 {
    text-align: right;
    padding: 10px;
}

span.photo-rate-1, span.photo-rate-2, span.photo-rate-3, span.photo-rate-4, span.photo-rate-5 {
    font-size: 16px;
    font-weight: bold;
    padding: 3px 7px;
    margin: 2px;
    display: inline-block;
    background-color:#cc3300;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}