/*****************************************************************/
/* Webfonts */
/*****************************************************************/
@import url(http://fonts.googleapis.com/css?family=Signika+Negative:300,400|Alegreya:400italic,400,700);

/*****************************************************************/
/* Global */
/*****************************************************************/
body {
	@include adjust-font-size-to(16px);
	font-family: Alegreya, Georgia, serif;
}

/*****************************************************************/
/* Headings */
/*****************************************************************/
h1, h2, h3 {
	font-family: 'Signika Negative', 'Helvetica Neue', 'Helvetica', Arial, serif;
	word-wrap: break-word;
}
#header h1 {
	@include adjust-font-size-to(68px);
}
div.content h1 + h2 {
	@include adjust-font-size-to(24px);
	position: relative;
	top: -.5em;
}
h1 {
	@include adjust-font-size-to(26px);
}
h2 {
	font-size: 1.5em;
	line-height: 1em;
	color: transparentize($white, 0.3);
	font-weight: 300;
}
.post-page{
	h1 {
		@include adjust-font-size-to(42px);
	}
	h5 {
		color: lighten($orange, 30%);
	}
} 
#comments > h2 {
	color: $purple;
	font-weight: 400;
}

/*****************************************************************/
/* Links */
/*****************************************************************/
nav {
	font-family: 'Signika Negative', 'Helvetica Neue', 'Helvetica', Arial, serif;
}

/*****************************************************************/
/* Header */
/*****************************************************************/
#header {
	h1 a {
		color: lighten($purple, 5%);
	}
	h2 {
		font-family: Alegreya, Georgia, serif;
		color: lighten($forecolor, 20%);
		font-style: italic;
	}
}

/*****************************************************************/
/* Article */
/*****************************************************************/
time {
	display: block;
	margin-bottom: 1.5em;
	font-variant: small-caps;
}
.post-list h1 a, .post-list:nth-child(even) h1 a {
	color: $white;
}
.cat {
	font-variant: small-caps;
}
.tag {
	font-weight: bold;
	a {
		text-decoration: none;
	}
}
#author-bio h2 {
	@include adjust-font-size-to(16px);
	a {
		color: $white;
		font-weight: bold;
		text-decoration: none;
	}
}

/*****************************************************************/
/* Article Images */
/*****************************************************************/
.post-list img {
	max-width: 100%;
	height: auto;
}
.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.wp-caption {
	background-color: transparentize($white, 0.9);
	padding: 1.5em;
	max-width: 42.1875em;
	img {
		margin: 0 auto;
	}
}
.wp-caption + p {
	margin-top: 1.5em;
}
.aligncenter, .aligncenter img {
	margin: 0 auto;
}
.wp-caption-text {
	@include adjust-font-size-to(14px);
}

/*****************************************************************/
/* Comments */
/*****************************************************************/
#comments {
	h2 {
		@include adjust-font-size-to(26px);
	}
	h3 {
		@include adjust-font-size-to(16px);
		margin: 0em;
		font-weight: bold;
		a {
			text-decoration: none;
			color: $white;
			&:visited, &:hover, &:active {
				color: $white;
			}
		}
	}
}
.moderation {
	font-style: italic;
	color: lighten($yellow, 30%);
}
#comments li:nth-child(odd) .moderation {
	color: lighten($orange, 20%);
}
time {
	color: lighten($yellow, 30%);
}
#comments li:nth-child(odd) time {
	color: lighten($orange, 20%);
}
#comments h3 a.comment-reply-link {
	color:transparentize($white, .2);
	font-weight: normal;
}
li.comment-author {
	background-color: $purple;
}

/*****************************************************************/
/* Footer */
/*****************************************************************/
a {
	color: $white;
	&:visited {
		color: $pink;
	}
	&:hover {
		color: lighten($yellow, 30%);
	}
}
/*****************************************************************/
/* Blockquotes */
/*****************************************************************/
blockquote {
	background-color: transparentize($white, .9);
	border: none;
	margin-bottom: 1.75em;
	&:before, > p:last-of-type:after {
		color: transparentize($white, 0.3);
	}
}
/*****************************************************************/
/* Misc */
/*****************************************************************/
sub, sup {
	font-size: .9em;
	position: relative;
}
sub {
	top: .25em;
} 
sup {
	top: -.6em;
}
var {
	color: $purple;
}
pre, code {
	@include adjust-font-size-to(14px);
}