/* ==========================================================================
   Avatar & Date
   ========================================================================== */

@media only screen and (max-width: 1199px) { #avatar { top: 12px; } #news { margin-top: 55px; } }
@media only screen and (min-width: 1200px) { #avatar { top: 86px; } #news { margin-top: 82px; } }

#avatar {
	display: inline-block;
	background: #fff;
	padding: 4px;
	border: 1px solid rgba(0,0,0,.1);
	position: absolute;
	left: 50%;
	margin-left: -55px;
}

#author {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	margin-top: 0.3em;
	color: #676767;
}

	#author a {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		letter-spacing: 1px;
		color: #deab68;
	}

	#author a:hover { color: #e8d3b2; }

	#author em {
		color: #009eb7;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 10px;
	}

#news .comments { text-align: right; font-size: 1.09em; }


/* ==========================================================================
   News
   ========================================================================== */

#news {
	border: 1px solid rgba(0,0,0,.1);
	padding: 7px;
	font-size: 0.9em;
	margin-bottom: 3em;
}

	#news h1 {
		padding-top: 60px;
		text-align: center;
		background: repeating-linear-gradient(
			-45deg,
			rgba(249,250,247,.90),
			rgba(249,250,247,.90) 10px,
			rgba(240,241,243,.65) 10px,
			rgba(240,241,243,.65) 20px
		);
	}

	#news h1:after { margin-bottom: 0.2em; }

	#news-content {
		background-color: rgba(240,241,243,.35);
		text-align: justify;
		font-size: 1.09em;
		padding: 7px;
		margin-top: 6px;
	}

	#news-content p { margin: 1em 0; }

	.left-img-float, .right-img-float {
		width: 150px;
		height: 150px;
		background: #fff;
		padding: 5px;
		border: 1px solid #dedede;
		border-radius: 3px;
	}

	.left-img-float { margin-right: 7px; }
	.right-img-float { margin-left: 7px; }


/* ==========================================================================
   Comments Form
   ========================================================================== */

#addcomment {
	border: 1px solid rgba(0,0,0,.1);
	padding: 7px;
	margin-top: 4em;
}

	#addcomment h1 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.65em;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #c1a2c9;
		text-align: center;
		padding-top: 7px;
		background: repeating-linear-gradient(
			-45deg,
			rgba(249,250,247,.90),
			rgba(249,250,247,.90) 10px,
			rgba(240,241,243,.65) 10px,
			rgba(240,241,243,.65) 20px
		);
	}

	#addcomment-form { background-color: rgba(240,241,243,.35); padding: 7px; }
	#addcomment .form-group { margin: 0.8em; }
	#addcomment .form-control { font-size: 0.95em; }
	#addcomment img { padding: 0.75em 2em; }
	#addcomment .g-recaptcha { margin: 0.8em auto; }


/* ==========================================================================
   Display Comments
   ========================================================================== */

#displaycomments {
	font-size: 1.05em;
	font-style: italic;
	position: relative;
	padding: 2px 34px;
	text-align: justify;
	margin-bottom: 2.25em;
	border: 0;
}

#displaycomments:before {
	display: block;
	font-family: Georgia, serif;
	content: '\201C';
	font-size: 80px;
	position: absolute;
	top: -25px;
	left: -9px;
	color: #7a7a7a;
}

#displaycomments cite {
	color: #999;
	display: block;
	margin-top: 4px;
}
 
#displaycomments cite:before { content: '\2014 \2009'; }