/*
 | --------------------------------------------------------
 | File        : css-front.css
 | Project     : Special Recent Posts PRO Edition plugin for Wordpress
 | Version     : 2.5.2
 | 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{
	display: none !important;
	margin-bottom: 0px;
}

#sb_primary h3.srp-widget-title{
	display: block !important;
	margin-bottom: 0px;
	background: #FFFFFF !important;
	padding: 10px 0px 10px 10px !important;
	margin: 10px 0px 0px 0px !important;
}
 
/* The Recent Posts Container. */
div.srp-widget-container {
	display: table;
	clear: both;
}

/* Fixing the outline on every link within the SRP container. */
div.srp-widget-container a {
	outline: none;
}

/* The widget title link */
div.srp-widget-container a.srp-widget-title-link {
	outline: none;
}

/* Single post entry box. */
div.srp-widget-container div.srp-widget-singlepost {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #f3f3f3;
}

#sb_primary div.srp-widget-container div.srp-widget-singlepost {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px  !important;
	border-bottom: 1px solid #f0f0f0;
	background: #ffffff;
}

#sb_primary div.srp-widget-container div.srp-widget-singlepost:first-of-type {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	background: #ffffff;
}

/* The single row container and */
div.srp-widget-container 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-container div.srp-widget-row {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* The multi-column class on each post entry */
div.srp-widget-container div.srp-multi-column:first-of-type {
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid #f3f3f3;
}

div.srp-widget-container div.srp-multi-column {
	display: table-cell;
	vertical-align: top;
}

#sb_primary div.srp-widget-container div.srp-single-column {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

/*
 | ----------------------------------------
 | Thumbnail Section
 | ----------------------------------------
 */

/* The thumbnail box. */
div.srp-widget-container div.srp-thumbnail-box {
	display: block;
	vertical-align: top;
	padding: 25px 25px 0px 25px;
}

#sb_primary div.srp-widget-container div.srp-thumbnail-box {
	display: block;
	width: 78px !important;
	float:right;
	vertical-align: top;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
}

/* The thumbnail link. */
div.srp-widget-container a.srp-widget-thmblink {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}

/* The thumbnail image. */
div.srp-widget-container img.srp-widget-thmb {
	max-width: none;
}

div.srp-widget-container div.srp-thumbnail-box img.avatar {
	max-width: none;
}

/*
 | ----------------------------------------
 | Content Section
 | ----------------------------------------
 */

/* The content box. */
div.srp-widget-container div.srp-content-box {
	display: table-cell;
	vertical-align: top;
	padding: 0px 25px 10px 25px;
	position:relative !important;
	width: 325px;
}

#sb_primary div.srp-widget-container div.srp-content-box {
	display: block;
	float:left;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
	width: 140px;
}

/* The single post title. */
div.srp-widget-container h4.srp-post-title {
	display: block; margin-top: 20px !important;
	line-height: 25px; 
	font-size: 20px !important;
	letter-spacing: 0.015em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	margin-bottom: 5px !important;
}

#sb_primary div.srp-widget-container h4.srp-post-title {
	display: block;
	line-height: 18px; 
	font-size: 14px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger', Arial,Helvetica !important;
	 font-weight: normal !important; 
	margin-bottom: 5px !important;
}

.page-id-32 div.srp-widget-container h4.srp-post-title, .page-id-39 div.srp-widget-container h4.srp-post-title, .page-id-50 div.srp-widget-container h4.srp-post-title, .page-id-285 div.srp-widget-container h4.srp-post-title {
display: none !important;	
}


/* The single post title link. */
div.srp-widget-container a.srp-post-title-link, div.srp-widget-container a.srp-post-title-link:hover {
	text-decoration: none !important; color: #1A1A1A !important; font-weight: normal !important; font-family: 'Frutiger Bold', Arial,Helvetica !important;
}

#sb_primary div.srp-widget-container a.srp-post-title-link, #sb_primary div.srp-widget-container a.srp-post-title-link:hover {
	text-decoration: none !important; color: #1A1A1A !important; font-weight: normal !important; font-family: 'Frutiger', Arial,Helvetica !important;
}

.page-id-32 div.srp-widget-container p.srp-widget-excerpt, .page-id-39 div.srp-widget-container p.srp-widget-excerpt, .page-id-50 div.srp-widget-container p.srp-widget-excerpt, .page-id-285 div.srp-widget-container p.srp-widget-excerpt {
	width: 285px;
	margin: -21px 0px 0px 3px !important;
	background: #F0F0F0;
	padding: 10px 20px 10px 20px;
	color: #1a1a1a !important;
	line-height: 16px; 
	font-size: 13px !important;
	letter-spacing: 0.015 !important;
	font-family: 'Frutiger', Arial,Helvetica !important;
}

/* The post excerpt. */
div.srp-widget-container p.srp-widget-excerpt {
	margin: 0px;
}

/* The linked Excerpt */
div.srp-widget-container a.srp-linked-excerpt {
}

/* The stringbreak. */
div.srp-widget-container span.srp-widget-stringbreak {
}

/* The stringbreak link. */
div.srp-widget-container a.srp-widget-stringbreak-link {
	margin: 0 0 0 5px;
}

/* The stringbreak link image. */
div.srp-widget-container a.srp-widget-stringbreak-link-image {
}

/* The post date box. */
div.srp-widget-container p.srp-widget-date {
	margin: 0px;
}

/* The post author box. */

.page-id-32 div.srp-widget-container p.srp-widget-author-purple, .page-id-39 div.srp-widget-container p.srp-widget-author-orange, .page-id-50 div.srp-widget-container p.srp-widget-author-light-orange, .page-id-285 div.srp-widget-container p.srp-widget-author-grey {
display: none !important;	
}

div.srp-widget-container p.srp-widget-author-purple, div.srp-widget-container p.srp-widget-author-orange, div.srp-widget-container p.srp-widget-author-light-orange, div.srp-widget-container p.srp-widget-author-black, div.srp-widget-container p.srp-widget-author-grey {
	margin: 0px 0px 0px 0px !important;
	padding-bottom: 5px !important;
}

div.srp-widget-container p.srp-widget-author-purple a, div.srp-widget-container p.srp-widget-author-purple a:hover {
	color: #AC007C !important;
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-author-orange a, div.srp-widget-container p.srp-widget-author-orange a:hover {
	color: #FA4C00 !important;
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-author-light-orange a, div.srp-widget-container p.srp-widget-author-light-orange a:hover {
	color: #FF9F00 !important;
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-author-black a, div.srp-widget-container p.srp-widget-author-black a:hover {
	color: #131313 !important;
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-author-grey a, div.srp-widget-container p.srp-widget-author-grey a:hover {
	color: #8B8B8B !important;
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

#sb_primary div.srp-widget-container p.srp-widget-author-purple a, #sb_primary div.srp-widget-container p.srp-widget-author-purple a:hover {
	color: #AC007C !important;
	font-size: 12px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

#sb_primary div.srp-widget-container p.srp-widget-author-orange a, #sb_primary div.srp-widget-container p.srp-widget-author-orange a:hover {
	color: #FA4C00 !important;
	font-size: 12px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

#sb_primary div.srp-widget-container p.srp-widget-author-light-orange a, #sb_primary div.srp-widget-container p.srp-widget-author-light-orange a:hover {
	color: #FF9F00 !important;
	font-size: 12px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

#sb_primary div.srp-widget-container p.srp-widget-author-black a, #sb_primary div.srp-widget-container p.srp-widget-author-black a:hover {
	color: #131313 !important;
	font-size: 12px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

#sb_primary div.srp-widget-container p.srp-widget-author-grey a, #sb_primary div.srp-widget-container p.srp-widget-author-grey a:hover {
	color: #8B8B8B !important;
	font-size: 12px !important;
	letter-spacing: 0.025em !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

/* The post category box. */

div.srp-widget-container p.srp-widget-category-purple {
	margin: 0px;
	top: -2px !important;
	background: #F0F0F0;
	width: 310px;
	border-left: 5px solid #AC007C;
	color: #AC007C !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	padding-left: 10px; margin: 0px 0px 20px 3px !important;
}

div.srp-widget-container p.srp-widget-category-purple a, div.srp-widget-container p.srp-widget-category-purple a:hover {
	color: #AC007C !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-category-purple a:after { color: #AC007C !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-purple a:last-of-type:after { color: transparent !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-orange {
	margin: 0px;
	top: -2px !important;
	background: #F0F0F0;
	width: 310px;
	border-left: 5px solid #FA4C00;
	color: #FA4C00 !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	padding-left: 10px; margin: 0px 0px 20px 3px !important;
}

div.srp-widget-container p.srp-widget-category-orange a, div.srp-widget-container p.srp-widget-category-orange a:hover {
	color: #FA4C00 !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-category-orange a:after { color: #FA4C00 !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-orange a:last-of-type:after { color: transparent !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-light-orange {
	margin: 0px;
	top: -2px !important;
	background: #F0F0F0;
	width: 310px;
	border-left: 5px solid #FF9F00;
	color: #FF9F00 !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	padding-left: 10px; margin: 0px 0px 20px 3px !important;
}

div.srp-widget-container p.srp-widget-category-light-orange a, div.srp-widget-container p.srp-widget-category-light-orange a:hover {
	color: #FF9F00 !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-category-light-orange a:after { color: #FF9F00 !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-light-orange a:last-of-type:after { color: transparent !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-black {
	margin: 0px;
	top: -2px !important;
	background: #F0F0F0;
	width: 310px;
	border-left: 5px solid #131313;
	color: #131313 !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	padding-left: 10px; margin: 0px 0px 20px 3px !important;
}

div.srp-widget-container p.srp-widget-category-black a, div.srp-widget-container p.srp-widget-category-black a:hover {
	color: #131313 !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-category-black a:after { color: #131313 !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-black a:last-of-type:after { color: transparent !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-grey {
	margin: 0px;
	top: -2px !important;
	background: #F0F0F0;
	width: 310px;
	border-left: 5px solid #8B8B8B;
	color: #8B8B8B !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	padding-left: 10px; margin: 0px 0px 20px 3px !important;
}

div.srp-widget-container p.srp-widget-category-grey a, div.srp-widget-container p.srp-widget-category-grey a:hover {
	color: #8B8B8B !important;
	line-height: 25px; 
	font-size: 13px !important;
	letter-spacing: 0.025em !important;
	text-transform: uppercase !important;
	font-family: 'Frutiger Bold', Arial,Helvetica !important;
	text-decoration: none !important;
}

div.srp-widget-container p.srp-widget-category-grey a:after { color: #8B8B8B !important; content: ' | ' !important; }

div.srp-widget-container p.srp-widget-category-grey a:last-of-type:after { color: transparent !important; content: ' | ' !important; }

/* The tags box */
div.srp-widget-container p.srp-widget-tags {
	margin: 0px;
}