/**
 * Archives
 *
 * Styles which integrate this theme with the Archives plugin.
 * This stylesheet is only enqueued if Archives is activated.
 * http://wordpress.org/plugins/archives-by-woothemes/
 */

@import '../../../../css/modules/all';

#timeline {
	padding: 10px 0 0;

	.archives_list {
		border-left: 1px solid $border_main;
		list-style: none;
		margin: 0 0 0 25px;
		padding: 0 0 20px;

		&:last-child:after  {
			content: "";
			position: relative;
			top: 20px;
			left: -7px;
			display: block;
			width: 5px;
			height: 5px;
			border: 4px solid $bg_light;
			background: #FF4800;
			border-radius: 100%;
		}

		li {
			clear: left;
			padding: 10px 0 10px 10px;
			font-size: .9em;
			font-style: normal;list-style: none;
		}

		.date {
			color: lighten( $color_body, 10% );
			position: relative;
			width: 40%;
			font-style: italic;
			display: block;
			vertical-align: top;

			&:before  {
				content: "";
				position: absolute;
				top: 9px;
				left: -10px;
				display: block;
				width: 5px;
				height: 1px;
				border-top: 2px solid $border_main;
			}
		}

		.linked {
			padding-top: 2px;
			padding-right: 80px;
			width: auto;
			display: inline-block;
			font-size: 1.2em;
			line-height: 1.2;
			vertical-align: top;

			a  {
				font-weight: bold;
			}
		}

		.comments {
			display: inline;
			margin-top: -15px;
			float: right;
			vertical-align: top;

			a  {
				display: block;
				position: relative;
				padding: 3px 0 0 0;
				text-align: center;
				font-weight: bold;
				font-size: 1.4em;
				border-radius: 100%;

				&:before {
					@include iconbefore( "\f075" );
					font-size: .7em;
					position: relative;
					top: -2px;
					margin-right: 5px;
				}
			}
		}
	}
}

h3.archive_year {
	font-weight: bold;
	font-size: 1em;
	padding: 2px 10px;
	border-bottom: 1px solid $border_main;
	display: inline;
	margin-top: 0;
}