/*
    Style dla felietonow
    Created on : 2012-04-02, 23:22:00
    Author     : piotr.fugiel <piotr.fugiel@firma.interia.pl
*/

body.columnist-list .content1,
body.columnist-list .content2 {
    width: 100%;
}



/* box entry modifier begin */
.box .feuilleton-entry {
    padding: 10px 0;
}

.box .feuilleton-entry .head-links {
    display: block;
    height: 20px;
}

.box .feuilleton-entry .head-links a {
    display: block;
    float: left;
    font-size: 12px;
}

.box .feuilleton-entry .head-links a {
    color: #909090;
}

.box .feuilleton-entry .head-links .cat {
    white-space: nowrap;
    padding-right: 6px;
    text-transform: uppercase;
}

.box .feuilleton-entry .head-links .author {
    padding-left: 6px;
    border-left: 1px solid #909090;
}
/* box entry modifier end */



/* box feuilleton begin */
.box.columnist-box {
    border: none;
    border-top: 6px solid #E3E3E3;
}


.box.columnist-box .wrap li.author {
    border: none;
}

.box.columnist-box .wrap li.author img {
    width: 100%;
}
.columnist-box li a.title,
.columnist-box li a.more {
    border-width: 0;
}
.columnist-box .entries li {
    padding-bottom: 10px;
    border-top: 1px solid #EAEAEA;
}
.columnist-box .entries li:first-child {
    border-width: 0;
}
.columnist-box .entries a.more {
    display: inline;
    padding-right: 15px;
    font-size: 14px;
    color: #4B9BCE;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJlJREFUKFN10T0KwkAUReGI+FNauhFLV2AnFhZ2rseI2AgWVpaCheAu0mcV9iLqOTATJiMW38vMfZcQSDE7VhqF5w/HGDU2MUw5ujjjg9IwFQ+WTrC0RQetggwPsLQL91YhlnyDpb33vKAe/Og3pvmyjwteWJvlyytcrkLWFAa4weUyZE1hiDueWBimHBM8MI9hKh7+/Iuq+AI/Wcc9gBw7jQAAAABJRU5ErkJggg==");
    background-position: right center;
    background-repeat: no-repeat;
}
/* box feuilleton end */



.columnist-info {
    padding-top: 10px;
    color: #464646;
}

.columnist-object .pages {
    margin-bottom: 20px;
    padding: 10px 0;
    overflow: hidden;
}

.columnist-object .pages .prev {
    float: left;
}

.columnist-object .pages .next {
    float: right;
}

.columnist-object .pages .prev:before {
    content: "<";
    color: #4B9BCE;
    font-weight: bold;
    margin-right: 5px;
    font-size: 0.8em;
}

.columnist-object .pages .next:after {
    content: ">";
    color: #4B9BCE;
    font-weight: bold;
    margin-left: 5px;
    font-size: 0.8em;
}

.columnist-object .content1 {
    width: 100%;
}

.columnist-object .box.columnist-box {
    border-width: 0;
}

.columnist-object .box.columnist-box li a.title {
    font-size: 1.5em;
    color: #4B9BCE;
}

.columnist-object .columnist-info img {
    width: 100%;
}

@media only screen and (max-width: 640px) {

    .content1 .box.columnist-box:first-child {
        border: none;
    }

}

@media only screen and (min-width: 641px) {

body.columnist-list .content1,
body.columnist-list .content2 {
    width: 50%;
}
    .box.columnist-box:first-child {
        border: none;
    }

}

/*columnisci*/
.columnistBox .box-header {
    border-top-color: #fff;
}
.columnistBox .box-header .service-link span {
    font-weight: normal;
}
.columnistList {
    padding: 10px 15px 0;
}
.columnistList ul {
    overflow: hidden;
}
.columnistList li {
    float: left;
    margin: 0 7px 15px 0;
    padding: 5px;
    border: 1px solid #e8e8e8;
}
.columnistList li:last-child {
    margin-right: 0;
}
.columnistList li.selected {
    border-color: #4b9bce;
    background: #4b9bce;
}
.columnistList li.selected:after {
    content: "";
    position: absolute;
    margin-top: 5px;
    margin-left: 28px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #4b9bce;
}
.columnistList li img {
    display: block;
    width: 70px;
    height: 70px;
    cursor: pointer;
}
.columnistList h4 {
    margin-bottom: 7px;
    font-size: 17px;
}
.columnistList h4 a {
    color: #4b9bce;
}
.columnistList p {
    padding-bottom: 15px;
    font-size: 17px;
}
.columnistList p:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    margin-left: 5px;
    background: url("img/a/box-blue-right-arrow-small.png") no-repeat center center;
    color: #4b9bce;
}
@media only screen and (max-width: 470px), only screen and (min-width: 640px ) and (max-width: 950px) {
    .columnistList li {
        padding: 3px;
        margin-right: 5px;
    }
    .columnistList li.selected:after {
        margin-top: 5px;
        margin-left: 16px;
        border-width: 5px;
    }
    .columnistList li img {
        width: 46px;
        height: 46px;
    }
}