/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

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

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {	
		border: 1px solid #f4ecda;
		margin: 0;
    padding: 0;
}

	/* LI - Post container styles */
	.wpp-list li {
		overflow: hidden;
		float: none;
		clear: both;
		background: #faf8ee none repeat scroll 0 0;
		border-bottom: 1px solid #f4ecda;
		overflow: hidden;
		padding: 15px 5px 5px;
	}
	
	/* Styles for the popular post in view */
	.wpp-list li.current {
	}
	
		/* Thumbnail styles */
		.wpp-thumbnail {
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border:none;
		}

		/* Title styles */
		.wpp-post-title {
			font-size: small;
		}
		
		/* Excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.wpp-meta, .post-stats {
			display:block;
			font-size:9px;
			font-weight:bold;
		}
			
			/* Comments count styles */
			.wpp-comments {
			}
			
			/* Views count styles */
			.wpp-views {
			}
			
			/* Author styles */
			.wpp-author {
			}
			
			/* Post date styles */
			.wpp-date {
			}
			
			/* Post category styles */
			.wpp-category {
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}
		
		/* カウンターの初期化 */
.wpp-list {
    counter-reset: wpp-ranking;
}
/* カウンターの値を表示 */
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}

.wpp-list li {
    position: relative;
    list-style-type: none;
    padding-top: 5px;
    padding-left: 5px;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: rgba(94, 185, 77, 0.9);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.wpp-list li:nth-child(1):before {
    background: rgba(255, 88, 196, 0.9);
}
.wpp-list li:nth-child(2):before {
    background: rgba(245, 171, 31, 0.9);
}
.wpp-list li:nth-child(3):before {
    background: rgba(255, 121, 37, 0.9);
}