@font-face {
	font-family: "TitilliumText";
	src: url("../font/TitilliumTextRegular.ttf") format("truetype"), url("../font/TitilliumTextRegular.svg#webfontpEjTcqmL") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "TitilliumText";
	src: url("../font/TitilliumTextBold.ttf") format("truetype"), url("../font/TitilliumTextBold.svg#webfontNGnBwuGb") format("svg");
	font-weight: bold;
	font-style: normal;
}

body {
	min-width: 82em;
	background: #eee url(../img/bg_pattern.png) repeat center top; /* url(../img/rocky_bg.png) no-repeat center top */
	padding: 0;
	margin: 0;
	font-family: "HelveticaNeueNormal-BookAntiqua", "Helvetica Neue Normal Book Antiqua", "Helvetica Neue Normal", Helvetica, Arial, sans-serif;		/* http://blog.gesteves.com/post/36097597/helvetica-neue-light */
	font-weight: 300;
	font-size: .625em;
	text-shadow: 0 -.1em 0 #fff;
	text-rendering: optimizeLegibility;
	/* -webkit-text-size-adjust: none; */
	/* -webkit-font-smoothing: antialiased; */
}

a:active {
	position: relative;
	top: .1em;
}

header {
	display: block;
	background: #aaa;
	height: 15em;
	text-align: center;
	margin-bottom: 6em;
}

	header a img {
		margin-top: 2.5em;
	}

	header hgroup {
		display: none;
	}

article {
	display: block;
	clear: both;
	width: 78em;
	margin: 0 auto;
}

	article h1 {
		font: bold 2.4em/1.25em "TitilliumText", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
		padding: 0 0 .416em 6.666em;
		text-transform: uppercase;
		clear: both;
	}

		article h1 a {
			color: #000;
			text-decoration: none;
			-webkit-transition: color .3s linear;
		}

		article h1 a:hover {
			color: #005cba;
		}

	article aside {
		float: left;
		width: 14em;
		margin-bottom: 3em;
		font-family: "HelveticaNeueNormal-LightAntiqua", "Helvetica Neue Normal Light Antiqua", "Helvetica Neue Normal", Helvetica, Arial, sans-serif;
		font-weight: 200;
	}

		article aside time {
			display: block;
			font-size: 1.4em;
			line-height: 1.428em;
			padding-bottom: 1.428em;
		}

		article aside div.post_tags p {
			display: block;
			font-size: 1.2em;
			line-height: 1.666em;
			margin-bottom: .833em;
			text-transform: lowercase;
		}

		article aside a {
			text-decoration: none;
			color: #999;
			-webkit-transition: color .3s linear;
		}

		article aside a:hover {
			text-decoration: underline;
			color: #666;
		}

	article section {
		float: right;
		width: 47.692em;
		margin-bottom: 3em;
		font-size: 1.3em;
		line-height: 1.538em;
	}

		article section p {
			padding-bottom: .769em;
			margin: 0;
			color: #333;
		}

		article section blockquote {
			display: block;
			padding: 0 3.75em;
			font: italic 200 1.23em/1.4em Palatino, Georgia, "HelveticaNeueNormal-LightAntiqua", "Helvetica Neue Normal Light Antiqua", "Helvetica Neue Normal", Helvetica, Arial, sans-serif;
		}

		article section strong {
			font-family: "HelveticaNeueNormal-BoldAntiqua", "Helvetica Neue Normal Bold Antiqua", "Helvetica Neue Normal", Helvetica, Arial, sans-serif;
			font-weight: 600;
			color: #000;
		}

		article section blockquote strong {
			font-family: Palatino, Georgia, "HelveticaNeueNormal-BoldAntiqua", "Helvetica Neue Normal Bold Antiqua", "Helvetica Neue Normal", Helvetica, Arial, sans-serif;
			font-weight: 600;
			color: #000;
		}

		article section p.right {
			text-align: right;
		}

		article section p em {
			font-family: "HelveticaNeueNormal-BookOblique", "Helvetica Neue Normal Book Oblique", "Helvetica Neue Normal", Helvetica, Arial, sans-serif;
			font-style: italic;
			color: #000;
		}

		article section del {
			text-decoration: line-through;
			color: #bbb;
			text-shadow: none;
		}

		article section p small, article section p.source {
			font-size: .846em;
			color: #666;
		}

		article section img.left {
			float: left;
			margin: 0 1em 1em 0;
		}

		article section img.right {
			float: right;
			margin: 0 0 1em 1em;
		}

		article section .imagegallery {
			display: block;
			clear: both;
			width: 100%;
			margin: 0 -.22em;
		}

			article section .imagegallery img {
				display: block;
				float: left;
				margin: .22em;
			}

		article section h2 {
			font: bold 1.385em/1.667em "TitilliumText", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
			padding: .556em 0;
		}

		article section ul,
		article section ol {
			padding-left: 2em;
		}

		article section>ul,
		article section>ol {
			margin-bottom: .769em;
		}

		article section ul {
			list-style: disc outside;
		}

		article section ol {
			list-style: decimal outside;
		}

		article section code {
			font-family: "Courier New", monospace;
			font-size: 1.077em;
			color: #000;
		}

		article section p a,
		article section blockquote a {
			color: #005cba;
			text-decoration: underline;
			-webkit-transition: color .3s linear;
		}

/*		article section p a:visited,
		article section blockquote a:visited {
			color: #036;
		} */

		article section p a:hover,
		article section blockquote a:hover {
			color: #000;
		}

footer {
	display: block;
	clear: both;
	background: #aaa;
	min-height: 12em;
	width: 100%;
	text-shadow: none;
}

	footer #wrapper {
		display: block;
		width: 78em;
		margin: 0 auto;
		padding-top: 2em;
	}

		footer #wrapper #foot_hi {
			display: block;
			float: left;
			width: 10em;
			padding-right: 1.428em;
			font: bold 1.4em/1.428em "TitilliumText", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
		}

		footer #wrapper #foot_about {
			display: block;
			float: left;
			width: 35.385em;
			padding-right: 1.538em;
			font: normal 1.3em/1.538em "TitilliumText", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
			padding-bottom: 1.538em;
		}

			footer #wrapper #foot_about strong {
				font-weight: bold;
			}

			footer #wrapper #foot_about a {
				color: #000;
				text-decoration: underline;
				-webkit-transition: color .3s linear;
			}

			footer #wrapper #foot_about a:hover {
				color: #333;
			}

		footer #wrapper #foot_copy {
			display: block;
			float: right;
			width: 14em;
			font-size: 1em;
			font-weight: normal;
			line-height: 2em;
			color: #666;
			padding-bottom: 2em;
		}

			footer #wrapper #foot_copy a {
				color: #666;
				text-decoration: underline;
				-webkit-transition: color .3s linear;
			}

			footer #wrapper #foot_copy a:hover {
				color: #333;
			}