/*
 | --------------------------------------------------------
 | File        : css-front.css
 | Project     : Special Recent Posts FREE Edition plugin for Wordpress
 | Version     : 1.9.9
 | Description : Main stylesheet.
 | Author      : Luca Grandicelli
 | Author URL  : http://www.lucagrandicelli.com
 | Plugin URL  : http://www.specialrecentposts.com
 | Copyright (C) 2011-2012  Luca Grandicelli
 | --------------------------------------------------------
 */

/*
 | ----------------------------------------
 | General Section
 | ----------------------------------------

 | - ATTENTION IE users: The following rules are only compatible with IE8+
 | - Please consider to specify custom CSS rules to support previous IE versions.
 | - In order to mantain a minimum compatibnility with IE7, a special CSS file is stored at special-recent-posts/css/css-ie7-fix.css.
 | - Feel free to modify this file which is loaded by a conditional statement in the HTML header of the rendered webpage.
 */

 /* The Widget Title. */
 h3.srp-widget-title {
    margin-bottom: 15px;
    font-size: 21px;
    font-style: italic;
    line-height: 35px;
    display: inline-block;
    font-weight: 700;
    padding-right: 20px;
    position: relative;
    top: -19px;
    text-transform: none;
    color: #555555;
    background: #fff;
}

/* The Recent Posts Container. */
div.srp-widget-container {
    display: block;
    clear: both;
    margin-top: 40px;
}
body.body div.srp-widget-container{
   margin-top: 0;
}
/* Fixing the outline on every link within the SRP container. */
div.srp-widget-container a {
    outline: none;
}

/* The widget title link */
a.srp-widget-title-link {

}

/* Single post entry box. */
body.home div.srp-widget-singlepost {
    width: 200px;
    border: 1px solid #cfe2e7;
    background: #fff;
    border-bottom: 1px solid #aebec3;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
}
div.srp-widget-singlepost:nth-child(5),div.srp-widget-singlepost:nth-child(9),div.srp-widget-singlepost:nth-child(13),div.srp-widget-singlepost:nth-child(17){
    margin-left: 0 !important;
}
div.srp-widget-singlepost{
 width: 200px;
 float: left;
}
body.home div.srp-widget-container{
    margin-top: 0;
}
body.home div.srp-widget-singlepost + div.srp-widget-singlepost{
    margin-left: 17px !important; 
}
div.srp-widget-singlepost + div.srp-widget-singlepost {
    margin-left: 20px; 
}

/* The single row container and */
div.srp-single-row {
    display: table-cell;
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    border: none;
}

/* The single column container */
div.srp-widget-row {
    clear: both;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}

/* The multi-column class on each post entry */
div.srp-multi-column {
    display: table-cell;
    vertical-align: top;
}

/*
 | ----------------------------------------
 | Thumbnail Section
 | ----------------------------------------
 */

 /* The thumbnail box. */
 div.srp-thumbnail-box {
    vertical-align: top;
}
.srp-widget-stringbreak-link {
    display: inline-block;
    margin: 0 10px 10px 0;
    text-decoration: underline;
}
body.home .srp-widget-stringbreak-link{
   float: right;
}
body.home .srp-widget-stringbreak-link:after{
    content: ' »'; 
    text-decoration: none !important;
    display: inline-block;
    margin-left: 5px;
}
.srp-widget-stringbreak-link:hover {
    text-decoration: none;
}
/* The thumbnail link. */
a.srp-widget-thmblink {
    display: block;
}

/* The thumbnail image. */
img.srp-widget-thmb {
    max-width: none;
    height: 125px;
    width: 202px;
    position: relative;
}
body.home img.srp-widget-thmb{
    height: 100px;
}
div.srp-thumbnail-box img.avatar {
    max-width: none;
}
img.srp-widget-thmb:before{
    
}
/*
 | ----------------------------------------
 | Content Section
 | ----------------------------------------
 */

 /* The content box. */
 div.srp-content-box {
    vertical-align: top;
    position: relative;
    margin-bottom: 40px;
}
body.home div.srp-content-box{
  padding-bottom: 10px;
  margin-bottom: 0;
  
}
/* The single post title. */
h4.srp-post-title {
    font-size: 13px;
    font-style: italic;
    line-height: 19px;
    font-weight: 700;
    text-transform: none;
    color: #54686f;
    margin: 0 5px 5px;
}
body.home h4.srp-post-title{
    text-align: center;
}
body.home h4.srp-post-title{
  padding: 0 0 5px 52px;
  border-bottom: 1px solid #edf4f5;
  margin: 0 5px 10px;
}
h4.srp-post-title a {
    color: #54686f;
    padding-top: 3px;
    display: block;
    height: 38px;
    overflow: hidden;
}
/* The single post title link. */
a.srp-post-title-link {
}

/* The post excerpt. */
p.srp-widget-excerpt {
    margin: 0px;
    overflow: hidden;
    font-size: 13px;
    line-height: 15px;
    color: #94a8af;
    height: 45px;
}
body.home p.srp-widget-excerpt{
    height: 120px;
    padding: 0 7px;
}
p.srp-widget-excerpt+ .sep {
    display: block;
    border-bottom: 1px solid #edf4f5;
    margin: 10px 10px 5px;
}
/* The linked Excerpt */
a.srp-linked-excerpt {
}

/* The stringbreak. */
span.srp-widget-stringbreak {
}

/* The stringbreak link. */
body.home a.srp-widget-stringbreak-link {
    font-style: normal;
    font-size: 14px;
}

/* The stringbreak link image. */
a.srp-widget-stringbreak-link {
    font-size: 16px;
    font-style: italic;
}

/* The post date box. */
p.srp-widget-date {
    margin: 3px 0 5px;
    padding-bottom: 8px;
    font-size: 13px;
    line-height: 15px;
    color:#54686f;
    font-style: italic;
    border-bottom: 1px solid #94a8af;
}
body.home p.srp-widget-date{
   -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
   box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   top: -15px;
   left: 5px;
   position: absolute;
   text-align: center;
   width: 47px;
   height: 47px;
   background-color: #fff;
   margin: 0px;
   font-size: 14px;
   font-style: normal; 
   padding-bottom: 0;
   color: #94a8af;
   line-height: 22px;
}
body.home p.srp-widget-date span{
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    position: relative;
    top: 5px;
}
/* The post author box. */
p.srp-widget-author {
    margin: 0px;
}

/* The post category box. */
p.srp-widget-category {
    margin: 0px;
}

/* The tags box */
p.srp-widget-tags {
    margin: 0px;
}