$col-padding: 0 6px;

.PostListItem {
	display: flex;
	margin: 8px 0;

	.content {
		float: left;
		line-height: 15px;
		padding: 0 4px;

		.bottom {
			color: #ababab;
			font-size: 10px;

			a {
				color: #ababab;
				font-weight: bold;

				&:hover {
					cursor: pointer;
					text-decoration: underline;
				}

			}

		}

		a.title {
			color: #3498db;
			font-size: 14px;

			&:hover {
				text-decoration: none;
			}

		}

		.details {
			color: #ababab;
			font-size: 10px;

			a.user {
				color: #ababab;

				&:hover {
					cursor: pointer;
					text-decoration: underline;
				}

			}

		}

	}

	.rank-container {
		align-items: center;
		display: flex;
		float: left;
		padding: $col-padding;

		.rank {
			color: #95a5a6;
			font-size: 13px;
		}

	}

	.thumbnail-container {
		float: left;
		padding: $col-padding;
		width: 80px;

		img.thumbnail {
			width: 100%;
		}

	}

	.votes {
		color: #95A5A6;
		float: left;
		line-height: 16px;
		padding: 0 8px;
		text-align: center;

		a.down-arrow, a.up-arrow {
			color: #bdc3c7;
			display: block;

			&:hover {
				cursor: pointer;
			}

		}

		.down-voted {
			color: #e67e22;
		}

		.score {
			font-size: 13px;
			font-weight: 700;
		}

		.up-voted {
			color: #27ae60;
		}

	}

}
