#relatedPostsContainer {}
#relatedPostsContainer li.item { background:#FFF; padding:5px; margin:5px 0px; height:40px; cursor: pointer}
#relatedPostsContainer li.item.delete { background: #FCC !important; }
#relatedPostsContainer li.item.new { background:#FFC !important;}
#relatedPostsContainer li.item-placeholder { height:40xp;}

#relatedPostsContainer li.item h4 { margin:0px !important}
#relatedPostsContainer li.item p { margin:5px 0px 0px !important}

#relatedPostsContainer li.item.thumb img {
    float:right;
    height:38px;
    width: auto !important;
}

#relatedPostsContainer li.item.thumb p,
#relatedPostsContainer li.item.thumb h4 {
    margin-right:45px !important;
}

#relatedPostsContainer li.item {
    -webkit-box-shadow:1px 1px 10px #ccc;
    -moz-box-shadow:1px 1px 10px #ccc;
    box-shadow:1px 1px 10px #ccc;
}

#relatedPostsContainer li.item.delete {
    box-shadow: none;
}




.pbs-footer {
    width:300px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
    border: 1px solid #999;
    background:#efefef;
    position: absolute;
    z-index:9999;
    top:20%;
    left:-320px;
}

.pbs-footer.dark {
    background:#333;
    color:#eee;
}

.pbs-footer.right {
    left:auto;
    right:-320px;
}

.pbs-footer .close_bar { position: relative; padding:5px; text-align: right}
.pbs-footer .close_bar a.close-text {color:#aaa; margin:0px 20px; }
.pbs-footer.dark .close_bar a.close-text {color:#666;}

.pbs-footer .close_bar a.close-icon {
    display:block;
    width:29px; height:29px;
    background:url('assets/img/close.png') no-repeat;
    position: absolute;
    top: -8px;
    right: -8px;
}

.pbs-footer.right .close_bar { text-align: left }
.pbs-footer.right .close_bar a.close-icon {
    display:block;
    width:29px; height:29px;
    background:url('assets/img/close.png') no-repeat;
    position: absolute;
    top: -8px;
    left: -8px;
    right: auto;
}



.pin-sidebar .pinsidebar-related .related-item h2.title,
.pin-sidebar .pinsidebar-related .related-item h2.title a.title-link,
.pin-sidebar .pinsidebar-related .related-item p,
.pin-sidebar .pinsidebar-related .related-item div{
    background: none;
    border:none;
    float: none;
}

.pin-sidebar a.readmore {
    display:block;
    text-align: right !important;
    font-size:12px;
}


.pin-sidebar .pinsidebar-related .related-item h2.title a.title-link {
    display: inline !important;
}

/* base style */

.pin-sidebar {
    padding:10px;
}

.pin-sidebar  a {
    float: none !important;
    width: auto !important;
    display: initial !important;
    font-size: 12px !important;
}

.pin-sidebar .pinsidebar-related {
    border:none !important;
    margin: 0px !important;
    padding:5px !important;
    list-style: none !important;
}

.pin-sidebar .pinsidebar-related li {
    list-style: none !important;
    background:none !important;
}

.pin-sidebar .pinsidebar-related li:before {
    content:none;
}

.pin-sidebar ul.pinsidebar-related li.related-item {
    width:100%;
    background-image: none;
    margin:10px 0px !important;
}


.pin-sidebar .pinsidebar-related .related-item .featured-image {
    width: 45% !important;
    display:inline-block;
    vertical-align: top;
    position:relative;
    float:left;
}
.pin-sidebar .pinsidebar-related .related-item .info {
    width: 50%;
    padding-left:2%;
    display:inline-block;
    margin:5px 0px;
    font-size: 11px;
    line-height: 14px;
}

.pin-sidebar .pinsidebar-related .related-item .featured-image .pbs-post-image img {
    float:none !important;
    width:100% !important;
    height:auto !important;
}

.pin-sidebar .pbs-post-image {
    display: block; height:auto; overflow: visible;
}

/* pin button position */
.pin-sidebar .pbs-wrapper {
    position: absolute;
    top:5px;
    left:5px;
    display:block;
    z-index:1000;
    height:auto !important;
}

.pin-sidebar .first-image {
    width:100%;
    height: auto;
}

.pin-sidebar .pin-button-container {
    display:block;
}

.pin-sidebar .pbs-wrapper.pin-wrapper-under-image {
    position:relative;
    padding:0px !important;
    top:0px;
    left:0px;
    display: block;

}

.pin-sidebar .pbs-wrapper.pin-wrapper-under-image .pin-button-container
{
    padding:5px;
    background:#efefef;
    text-align:center;
}

.pin-sidebar .pbs-wrapper.pin-wrapper-under-image .pin-button-container.pin-button-container-vertical {
    padding:15px 5px 5px;
}


.pin-sidebar .pbs-wrapper.pin-wrapper-bottom-right {
    top: auto !important;
    left: auto !important;
    bottom: 5px !important;
    right: 5px !important;
}

.pin-sidebar .pbs-wrapper.pin-wrapper-bottom-left {
    top: auto !important;
    left: 5px !important;
    bottom: 5px !important;
    right: auto !important;
}

.pin-sidebar .pbs-wrapper.pin-wrapper-top-left {
    top: 5px !important;
    left: 5px !important;
    bottom: auto !important;
    right: auto !important;
}

.pin-sidebar .pbs-wrapper.pin-wrapper-top-right {
    top: 5px !important;
    left: auto !important;
    bottom: auto !important;
    right: 5px !important;
}

.pin-sidebar a.pbs-post-link {
    display:inline !important;
    float: none !important;
}

/* classic style */
.pin-sidebar.classic .pbs-wrapper.pin-wrapper-under-image .pin-button-container
{
    margin:5px 0px;
}

.pin-sidebar.classic .info {
    float:left !important;
}


/* columns style */
.pin-sidebar.columns .related-item {
    width:46% !important;
    float:left;
    padding:2% !important;
    margin:0px !important;
    height:auto !important;

}

.pin-sidebar.columns .pinsidebar-related .related-item .featured-image {
    width:100% !important;
    height:auto !important;
    display:block;
    float:none !important;
}

.pin-sidebar.columns .pinsidebar-related .related-item .info {
    width:100%;
    padding:0px;
    display:block;
    float:none !important;
}
.pin-sidebar.columns .pinsidebar-related .related-item .info h2 {

    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    margin:0px;
}

.pin-sidebar.columns .pinsidebar-related .related-item .info .excerpt,
.pin-sidebar.columns .pinsidebar-related .related-item .readmore {
    display:none !important;
}

/* single column style */


.pin-sidebar.hcolumn .pinsidebar-related .related-item .featured-image {
    width:100% !important;
    height:auto !important;
    display:block;
    float:none !important;
}

.pin-sidebar.hcolumn .pinsidebar-related .related-item .info {
    width:100%;
    padding:0px;
    display:block;
    height: auto !important;
    float:none !important;
}
.pin-sidebar.hcolumn .pinsidebar-related .related-item .info h2 {
    font-size: 14px !important;
    line-height: 18px;
    overflow: hidden;
    margin:0px;
}

.pin-sidebar.hcolumn .pinsidebar-related .related-item .info .excerpt,
.pin-sidebar.hcolumn .pinsidebar-related .related-item .readmore {
    display:none !important;
}

.sidebar-test {
    width:300px;
    box-shadow:0px 0px 10px #ccc;
}


/* color theme: dark */

.pin-sidebar.dark {  background: #333; font-family: Helvetica, Arial, sans-serif !important; color:#ccc !important;}
.pin-sidebar.dark a { color:#FFF !important; text-decoration: underline !important;}
.pin-sidebar.dark a:hover { color:#F0F0F0 !important; text-decoration: underline !important}
.pin-sidebar.dark.classic .info {  width:50% !important; }
.pin-sidebar.dark h2.title { color:#FFF !important; margin:0px !important; padding:0px !important; }
.pin-sidebar.dark a.title-link { color:#fff !important; text-decoration: none !important; font-size: 14px !important; font-weight: bold !important; }
.pin-sidebar.dark a.title-link:hover { color:#F0F0F0 !important; text-decoration: underline !important}
.pin-sidebar.dark .pin-wrapper-under-image .pin-button-container { background: #2c2c2c !important; }
.pin-sidebar.dark .featured-image .pbs-post-image  { padding:5px; background: #FFF; border:1px solid #000; }
.pin-sidebar.dark .related-item { border-bottom: 1px solid #555;}


/* color theme: light */

.pin-sidebar.light {  background: #e5e5e5; font-family: Helvetica, Arial, sans-serif !important; color:#444 !important;}
.pin-sidebar.light a { color:#000 !important; text-decoration: underline !important;}
.pin-sidebar.light a:hover { color:#000 !important; text-decoration: underline !important}
.pin-sidebar.light.classic .info {  width: 50% !important; }
.pin-sidebar.light h2.title { color:#000 !important; margin:0px !important; padding:0px !important; }
.pin-sidebar.light a.title-link { color:#000 !important; text-decoration: none !important; font-size: 14px !important; font-weight: bold !important; }
.pin-sidebar.light a.title-link:hover { color:#333 !important; text-decoration: underline !important}
.pin-sidebar.light .pin-wrapper-under-image .pin-button-container { background: #e0e0e0 !important; }
.pin-sidebar.light .featured-image .pbs-post-image  { padding:5px; background: #FFF; border:1px solid #ccc; }
.pin-sidebar.light .related-item { border-bottom: 1px solid #ccc;}

.pin-sidebar.light .pbs-wrapper.pin-wrapper-bottom-right,
.pin-sidebar.dark .pbs-wrapper.pin-wrapper-bottom-right {
    bottom: 5px !important;
    right: 5px !important;
}


.pin-sidebar.light .pbs-wrapper.pin-wrapper-bottom-left,
.pin-sidebar.dark .pbs-wrapper.pin-wrapper-bottom-left {
    left: 10px !important;
    bottom: 10px !important;
}

.pin-sidebar.light .pbs-wrapper.pin-wrapper-top-left,
.pin-sidebar.dark .pbs-wrapper.pin-wrapper-top-left {
    top: 10px !important;
    left: 10px !important;
}

.pin-sidebar.light .pbs-wrapper.pin-wrapper-top-right,
.pin-sidebar.dark .pbs-wrapper.pin-wrapper-top-right {
    top: 10px !important;
    right: 10px !important;
}

div.pin-sidebar span.horizontal {
    width:75px;
}

.pin-sidebar.ie7 { padding: 0px !important}


.clear {clear:both;}