@charset "UTF-8";


/* HOPETRAIN */

.header-hopetrain {
    padding-bottom: 4px;
}

.hope-delimeter {
    height: 5px;
    margin-bottom: 19px;
    background-color: #fef28a;
}

.hopetrain-body {
    position: relative;
    padding-left: 90px;
}

.hopetrain-body h2,
.friends h2 {
    margin-bottom: 16px;
    font-family: RussiaLight, Arial;
    font-weight: 400;
    font-size: 30px;
    color: #7d4004;
}

.hopetrain-body {
    padding-bottom: 10px;
    font: normal 14px Arial !important;
    color: #666 !important;
    line-height: 20px;
}

.hopetrain-body p {
    margin-bottom: 20px;
    font: normal 14px Arial !important;
    color: #666 !important;
    line-height: 20px;
}

.hopetrain-body .hopetrain-img {
    position: absolute;
    top: -10px;
    left: -24px;
    
    width: 114px;
    height: 114px;
}

.hopetrain-body .anons {
    
}

.hopetrain-body .full-text {
    display: block;
    clear: both;
    
    height: 19px;
    padding-top: 20px;
    
    background: url("/i/bg-full-text.png") no-repeat scroll center bottom transparent;
    
    font-family: Tahoma;
    font-size: 11px;
    color: #666666;
    text-align: center;
    line-height: 1px;
}


/* FRIENDS */

.friends h2 {
    display: block;
    float: left;
/*    width: 180px;*/
}

.friends a:hover { text-decoration: underline; }

.friends .delimeter {
    float: right;
    
    width: 550px;
    height: 1px;
    margin-top: 28px;
    
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAIAAACUgoPjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGNzBDOTBDMTM5MTFFMkE2ODFGNzQ5Rjg5RDYxRDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGNzBDOTFDMTM5MTFFMkE2ODFGNzQ5Rjg5RDYxRDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjVFRTBFMUMxMTMxMUUyQTY4MUY3NDlGODlENjFEMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjVFRTBFMkMxMTMxMUUyQTY4MUY3NDlGODlENjFEMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnhsb9cAAAAUSURBVHjaYvr////MmTOBJECAAQAm9wfI/E2OkAAAAABJRU5ErkJggg==');
    background-repeat: repeat-x;
}


/* FRIENDS CARUSEL */

.friends-carusel {
    width: 645px;
    margin: auto;
    /*padding-bottom: 102px;*/
}


/* CNTRLS */

.friends-carusel .cntrls {
    float: left;
    position: relative;
    
    width: 19px;
    height: 240px;
    margin-top: 26px;
    
    overflow: hidden;
}

.friends-carusel .cntrls.left  { background: url("/i/bg-vertical-shadows.png") no-repeat scroll 0 0 transparent; }
.friends-carusel .cntrls.right { background: url("/i/bg-vertical-shadows.png") no-repeat scroll -19px 0 transparent; }

.friends-carusel .cntrls a {
    display: block;
    position: absolute;
    top: 69px;
    
    width: 82px;
    height: 82px;
    
    background-color: #7d4004;
    border-radius: 41px;
}

.friends-carusel .cntrls.left a  { left: 0;  background: url("/i/bg-vertical-shadows.png") no-repeat scroll -1px -90px #7D4004; }
.friends-carusel .cntrls.right a { right: 0; background: url("/i/bg-vertical-shadows.png") no-repeat scroll 46px -90px #7D4004 }

.friends-carusel .cntrls a i {
    display: block;
    position: absolute;
    top: 34px;
    
    width: 8px;
    height: 13px;
}

.friends-carusel .cntrls.left a i  { left: 6px; }
.friends-carusel .cntrls.right a i { right: 6px; }


/* PORT */

.friends-carusel .port {
    float: left;
    position: relative;
    
    width: 564px;
    height: 431px;
    overflow: hidden;
    
    margin-left: 22px;
    margin-right: 21px;
}

.friends-carusel .film {
    width: 2000px;         /* testing, should be about 10000px and be js overwritten */
}

.friends-carusel .film .item {
    float: left;
    width: 126px;
    
    /* 'cause 15px between them */
    padding-left: 7px;
    padding-right: 8px;
    position: relative;
}

.friends-carusel .film .item .small-img-shadow { width: 126px; height: 126px; margin-bottom: 26px; }
.friends-carusel .film .item  a.small-img-wrap { border: 1px solid #ececec; }

.friends-carusel .film .item h3 {
    display: block;
    margin-bottom: 13px;
    
    font-family: Tahoma;
    font-size: 18px;
    color: #7d4004;
    line-height: 22px;
    font-weight: 400;
}

.friends-carusel .item-delimeter {
    display: block;
    width: 54px;
    height: 1px;
    margin-bottom: 15px;
    background-color: #d7dde2;
}

.friends-text {
    position: absolute;
    
    width: 107px;
    height: 97px;
    padding: 9px;
    left: 0px;
    
    background-color: #fef28a;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/css/PIE.htc);
    
    font-family: Georgia;
    font-style: italic;
    font-size: 12px;
    color: #555555;
    
    overflow: hidden;
}
/*
.item:nth-child(4n) .friends-text {
    left: auto;
    right: 17px;
}
*/
.friends-text .triangle {
    display: block;
    
    position: absolute;
    top: -7px;
    left: 17px;
    
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #FEF28A;
}

.friends-text .full {
    display: none;
}
/*
.friends-text:hover .full { display: block; }
.friends-text:hover .short { display: none; }
.friends-text:hover {
    z-index: 10;
    height: auto;
    width: 248px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
*/

/* LIST */

ul.article-list li {
    display: block;
    margin-bottom: 11px;
    
    background: url("/i/bg-article-list-item.png") no-repeat scroll bottom left transparent;
}

ul.article-list a:hover { text-decoration: underline; }

ul.article-list li .small-img-shadow { float: left; width: 126px; height: 126px; margin-bottom: 26px; }
ul.article-list li  a.small-img-wrap { border: 1px solid #ececec; }

ul.article-list li .article-content {
    float: right;
    width: 525px;
}

ul.article-list li .article-content .date {
    padding-top: 17px;
    
    font-family: Tahoma;
    font-weight: 400;
    font-size: 11px;
    color: #303030;
}

ul.article-list li .article-content h3 {
    display: block;
    
    padding-top: 11px;
    padding-bottom: 26px;
    
    font-family: Tahoma;
    font-weight: 400;
    font-size: 18px;
    color: #7d4004;
}

ul.article-list li .article-content .anons {
    padding-bottom: 29px;
    
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}




/****************
 *
 * а вот здесь настоящий rcl/show
 *
 ****************/
.header-rcl {
    padding-bottom: 4px;
}

.rcl-delimeter {
    height: 5px;
    margin-bottom: 19px;
    background-color: #edf5fc;
}

ul.articles h3 {
    margin-bottom: 19px;
    padding-right: 100px;
    
    font: normal 18px Tahoma;
    color: #5578b0;
    
}

ul.articles p.text {
    margin-bottom: 18px;
    padding-bottom: 24px;
    
    border-bottom: 1px dashed #e0e0e0;
    
    font: normal 14px Arial;
    line-height: 20px;
    color: #62798c;
}

ul.articles.priority-articles li:last-child p.text, ul.articles li.last {
    /*border-bottom: 3px solid #edf5fc;*/
    border-bottom: 0;
    margin-bottom: 0;
}

ul.articles.priority-articles img.anons-img {
width: 114px;
height: 114px;
float: left;
padding: 0 10px 10px 0;
}

ul.articles.usual-articles li h3, ul.articles.usual-articles li p.text {
    margin-left: 105px;
}

ul.articles.usual-articles li:last-child p.text {
    /*
    margin-left: 0;
    padding-left: 90px;
    */
    border-bottom: 0;
    margin-bottom: 0;
}

ul.articles.usual-articles {
    border-top: 3px solid #edf5fc;
    padding-top: 10px;
}

ul.articles.usual-articles li:first-child h3 {
    padding-top: 8px;
}

ul.articles.usual-articles li.has-audio {
    background-image: url("/i/audio-in-article.png");
    background-repeat: no-repeat;
    background-position: right 6px;
}


div.article-date {
    float: left;
    width: 76px;
    margin-bottom: 10px;
}

div.article-date p {
    height: 18px;
    
    background-color: #5578af;
    
    font: normal 11px Tahoma;
    color: #edf5fc;
    line-height: 17px;
    text-align: center;
}

div.article-date p:first-child {
    height: 42px;
    margin-bottom: 1px;
    
    background-color: #edf5fc;
    
    font: normal 30px Tahoma;
    color: #5578af;
    text-shadow: 0 1px #ffffff;
    line-height: 42px;
    text-align: center;
}

a.archive-link {
    display: block;
    
    font: normal 14px Arial;
    text-align: center;
    color: #62798c;
    
    text-decoration: underline;
}



div.article-icons {
    position: absolute;
    right: -4px;
    top: -6px;
}

i.article-play, i.article-audio, i.article-photo {
    display: inline-block;
    margin-right: 6px;
    background: url(/i/article-icons-blue.png) no-repeat;
    width: 27px;
    height: 27px;
}

i.article-play {
    background-position: -1px 0;
}

i.article-audio {
    background-position: -30px 0;
}

i.article-photo {
    background-position: -59px 0;
}