$menu-breakpoint: $breakpoint-small;

$title-color: #FF5800;
$content-color: #000;
$link-color: #868686;
$list-item-background: #f7f7f7;
$list-item-color: #666;
$list-style-position: outside;
$list-item-padding: 1em 2.5em;
$list-item-margin: 10px 0 20px;

.entry-header {
	word-wrap: break-word;

	@media (max-width: $menu-breakpoint) {
		margin-top: 25px;
		padding-left: 70px;
		position: relative;
	}

	a {
		color: $link-color;
	}

	.author-avatar {
		position: absolute;
		margin-left: -65px;

		@media (max-width: $menu-breakpoint) {
			top: 5px;
		}

		img {
			border-radius: 100%;
		}
	}

	.entry-title {
		padding-bottom: 20px;

		a {
			color: $title-color;
		}
	}

	&:first-child {
		margin-top: 0;
	}
}

.entry-content {
	.more-link {
		color: $link-color;
	}

	ol {
		list-style-type: decimal;
		list-style-position: $list-style-position;

		margin: $list-item-margin;
		padding: $list-item-padding;

		color: $list-item-color;
		background: $list-item-background;


		li {
			margin-bottom: 0.2em;
			padding-left: 3px;
		}
	}

	ul {
		list-style-type: square;
		list-style-position: $list-style-position;

		margin: $list-item-margin;
		padding: $list-item-padding;

		color: $list-item-color;
		background: $list-item-background;


		li {
			margin-bottom: 0.2em;
		}

	}

	li > ul,
	li > ol {
		padding: 0 15px 5px;
		margin-bottom: 0;
	}

	@media (max-width: $menu-breakpoint) {
		padding: 0 5px; // Slightly wrap content within picture limit, just better looks overall
	}
}

.entry-footer {
	//display: none;
	padding-top: 20px;

	.edit-link {
		display: block;
	}
}