/*
 | --------------------------------------------------------
 | File        : css-front.css
 | Project     : Special Recent Posts FREE Edition plugin for Wordpress
 | Version     : 1.9.8
 | Description : Main stylesheet.
 | Author      : Luca Grandicelli
 | Author URL  : http://www.lucagrandicelli.com
 | Plugin URL  : http://wordpress.org/extend/plugins/special-recent-posts/
 | 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: block;
	margin-bottom: 10px;
}
 
/* 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;
	font-size: .8em;
	text-decoration: none;
}

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

/* Single post entry box. */
div.srp-widget-singlepost {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}

/* 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;
	padding-right: 10px;
	display: inline-block;
	float: left;
	padding-bottom: 15px;
}

/* The thumbnail link. */
a.srp-widget-thmblink {
	display: block;
}

/* The thumbnail image. */
img.srp-widget-thmb {
	max-width: none;
	border: 4px solid #FFF;
	-moz-box-shadow: 3px 4px 9px #333;
	-webkit-box-shadow: 3px 4px 9px #333;
	box-shadow: 3px 4px 9px #333;
}

#middle-index img.srp-widget-thmb {
	max-width: none;
	border: 0px solid #FFF;
	-moz-box-shadow: 0px 0px 0px #333;
	-webkit-box-shadow: 0px 0px 0px #333;
	box-shadow: 0px 0px 0px #333;
}

div.srp-thumbnail-box img.avatar {
	max-width: none;
}

/*
 | ----------------------------------------
 | Content Section
 | ----------------------------------------
 */

/* The content box. */
div.srp-content-box {
	/*display: table-cell;*/
	vertical-align: top;
}

/* The single post title. */
p.srp-post-title {
	display: block;
	margin-top: 0em;
	margin-bottom: .2em; font-size:26px;
}

/* The single post title link. */
a.srp-post-title-link {
}

/* The post excerpt. */
p.srp-widget-excerpt {
	margin: 0px;
	font-size: 0.8em;
}

/* The linked Excerpt */
a.srp-linked-excerpt {
}

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

/* The stringbreak link. */
a.srp-widget-stringbreak-link {
	color: #fff;
	display: table;
	padding: 4px 10px;
	margin-top: 5px;
	background: url(../images/orange_btn.png) repeat-x center center;
	
}

/* The stringbreak link image. */
a.srp-widget-stringbreak-link-image {
}

/* The post date box. */
p.srp-widget-date {
	margin-bottom: 10px;
	font-size: .7em;
	padding-bottom: 6px;
	padding-top: 6px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* 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;
}

/*
--------------------------------------------------------------
Media Queries Aplenty
--------------------------------------------------------------
*/

@media only screen
and (min-width : 720px ) and (max-width : 979px) {
	
	
	.home-left-top div.srp-thumbnail-box {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.home-left-top div.srp-thumbnail-box img{
		width: 100%;
		height: auto;
	}

}

@media only screen
and (max-width : 719px ) {
	
	#middle-index img.srp-widget-thmb {
		max-width: 70%;
		height: auto;
	}
	
	img.srp-widget-thmb {
		max-width: 100%;
		height: auto;
	}

}