/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

Use the following classes to style your popular posts list as you like.
*/

.wpp-list { /* UL element */
	
}

	ul.wpp-list { 
	margin-right: 20px;
	}

	.wpp-list li { /* LI - post container */
		overflow:auto;
		display:block;
		float:none;
		clear:both;
  margin:10px 0;
		font-size: 12px;
		border-bottom: solid 1px #ccc;
		padding-bottom: 10px;
	}

		/* title styles */
		.wpp-post-title {
			padding: 10px 10px 10px 130px;
			display: block;
			font-size: 11px;
			text-align: left;
		}
		
		/* thumbnail styles */
		.wpp-thumbnail {
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border:none;
		}
		
		/* excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.post-stats {
			font-size:9px;
			font-weight:bold;
		}
			
			.wpp-comments {
			}
			
			.wpp-views {
			}
			
			.wpp-author {
				font-style:italic;
			}
			
			.wpp-date {
				display:block;
				clear:right;
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}
		
		h2.rounded {
			margin: 20px 30px 15px 10px;
			text-align: center;
			font-size: 16px;
}

@media screen and (max-width: 1024px) {
	
		.wpp-post-title {
			font-size: 14px;
		}
		

}

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

		h2.rounded {
			margin: 20px 30px 15px 10px;
}

	ul.wpp-list { 
	 margin-right: 0px; 
	}
	
	.wpp-list li { /* LI - post container */
		width: 300px;
	}



}