/* UNIVERSAL */
body {
	background-color: #211F1D;
	margin: 0em;
	padding: 0em;
	font-family: "Roboto", "Open Sans", "Sans Serif", "Arial";
	color: #dededb;
}
body.body-default {
	
}
body.body-post {
	background-color: #11100F;
}



/* UNIVERSAL LAYOUT */
table.layout-table {
	width: 100%;
	margin-top: 0em;
}

tr.layout-header-row {
	background-color: #fff8ea;
	position: fixed;
	top: 0em;
	left: 0em;
	width: 100%;
	z-index: 100000;
}

td.layout-header-column-left {
	font-size: 190%;
	font-weight: bold;
	color: #755353;
	padding-left: 0.4em;
	width: 100%;
}

a.header-title-link {
	color: #755353;
	text-decoration: none;
}

a.header-social-link {
	color: #dabca3;
	text-decoration: none;
	font-size: 90%;
	font-weight: normal;
}
a.header-social-link:hover {
	color: #c57532;
	text-decoration: none;
}

td.layout-header-column-right {
	padding-right: 0.4em;
	padding-left: 0.4em;
	font-size: 170%;
	text-align: center;
	white-space: nowrap;
}

td.layout-header-column-right-selected {
	background-color: #ffebc2;
}

a.header-menu-link {
	color: #915e41;
	text-decoration: none;
	font-size: 90%;
}
a.header-menu-link:hover {
	color: #c26c29;
	text-decoration: none;
}
a.header-menu-link-selected {
	color: #c26c29;
}
td.layout-content-column {
	margin: auto;
	padding-top: 2.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}
div.copyright {
	width: 100%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0.3em;
}
a.anchor {
    position: relative;
	top: -1.4em;
    visibility: hidden;
}


/* FRONTPAGE */
div.layout-frontpage-category-menu {
	width: 100%;
	text-align: right;
	font-size: 130%;
	margin-bottom: 1.4em;
	margin-top: 0.45em;
}
a.category-menu-link {
	margin-right: 1.4em;
	text-decoration: none;
}
a.category-menu-link-selected {
	font-weight: bold;
	text-decoration: underline;
}
a.category-menu-link:hover {
	text-decoration: underline;
}
td.layout-frontpage-column {
	width: 50%;
	vertical-align: top;
}
h1.frontpage-header {
	color: #F5EDE1;
	margin-left: 0.8em;
	font-size: 250%;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 4;
	margin-bottom: 0em;
}
h2.frontpage-header::before {
    content: "\f0a9\0020";
    font-size: 90%;
    position: relative;
    left: -0.2em;
    font-family: 'FontAwesome';
}
hr.layout-frontpage-divider {
	margin-bottom: 1em;
	border-style: dashed;
	border-color: #3F3A33;
	margin-left: 1%;
	margin-right: 1%;
}

/* HIGHLIGHTS */
div.highlight-title-container {
	font-family: 'Oswald', sans-serif;
	font-size: 150%;
	margin-left: 2.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
}
div.highlight-title-container::before {
    content: "\f0a9\0020";
    font-size: 90%;
    position: relative;
    left: -0.2em;
    font-family: 'FontAwesome';
}
div.highlight-desc-container {
	font-family: 'Oswald', sans-serif;
	font-size: 120%;
	padding-left: 0.85em;
	padding-right: 0.5em;
	padding-top: 0em;
	position: relative;
	top: -0.3em;
	margin-left: 4em;
}
span.highlight-date {
	color: #8c8c83;
	font-size: 70%;
}

/* TILES */
div.tile-outer {
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 2em;
	border-style: solid;
	border-radius: 17px;
	border-width: 3px;
}
div.tile-title-container {
	font-family: 'Oswald', sans-serif;
	font-size: 200%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
}
div.tile-desc-container {
	font-family: 'Oswald', sans-serif;
	font-size: 120%;
	padding-left: 0.85em;
	padding-right: 0.5em;
	padding-top: 0em;
	position: relative;
	top: -0.3em;
}
div.tile-category-container {
	padding-left: 0.8em;
	padding-right: 0.5em;
	font-size: 125%;
	padding-top: 0.6em;
	padding-bottom: 0.0em;
	color: #8c8c83;
}

a.tile-link {
	color: #FFFFFF;
	text-decoration: none;
}
a.tile-link:hover {
	text-decoration: underline;
}
div.tile-tags-container {
    padding-left: 1em;
    padding-right: 1.1em;
    position: relative;
    top: -0.2em;
}
span.tile-tags-span {
    padding-left: 1em;
    padding-right: 1.1em;
    position: relative;
    top: -0.2em;
	font-size: 70%;
}
div.tile-preview-container {
	padding-left: 0.8em;
	padding-right: 1.1em;
	padding-top: 0.2em;
	padding-bottom: 0.7em;
}
div.tile-preview-container:after {
	content: "\f0a9\0020";
	position: relative;
	top: 0.18em;
	left: 0.3em;
	font-family: 'FontAwesome';
}
a.tile-preview-link {
	color: #dededb;
	text-decoration: none;
	font-family: "Roboto", "Open Sans", "Sans Serif", "Arial";
	position: relative;
	top: 0.1em;
	left: 0.3em;
}
a.tile-preview-link:hover {
	text-decoration: none;
}


/* ACTUAL CONTENT */
h1.content-top-level-header {
	font-family: 'Oswald', sans-serif;
	font-size: 300%;
	color: #FFF;
	margin-bottom: 0.5em;
	text-decoration: underline;
}
h2.content-top-level-subheader {
	font-size: 160%;
	margin-top: 1.1em;
	margin-bottom: 0.1em;
}
h2.content-top-level-subheader:before {
	content: "\f0a9\0020";
	font-size: 90%;
	position: relative;
	left: -0.2em;
	font-family: 'FontAwesome';
}
h2.content-tag-subheader {
	position: relative;
	top: -1em;
	margin-left: 1em;
	margin-right: 3em;
}
img.content-top-level-image {
	width: 90%;
	max-width: 300px;
	display: block;
	padding-left: 2.5%;
	padding-right: 2.5%;
	margin: 0 auto;
	border-right: 3px;
	border-left: 3px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #6f6f6d;
	border-style: groove;
	margin-top: 1.5em;
	position: relative;
	left: -0.8em;
	margin-bottom: 0em;
}
h3.content-header-tier-A {
	font-size: 240%;
	color: #FFF;
	margin-bottom: 0.2em;
	margin-top: 1em;
}
h3.content-header-tier-A::before {
    font-family: 'FontAwesome';
    content: '\f0da\0020';
}
h3.content-header-tier-B {
	font-size: 190%;
	margin-bottom: 0.2em;
	margin-top: 1em;
}
h3.content-header-tier-C {
	font-size: 120%;
	margin-bottom: 0.2em;
	margin-top: 1em;
	color: #c9c3bd;
}
a.tag {
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-width: 3px;
	border-radius: 10px;
	border-style: solid;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	line-height: 2;
}
a.tag:hover {
	text-decoration: none;
}
a.tag-selected {
	border-color: #FFF !important;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
a {
	color: #EBC17E;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.content-toc-link {
	font-size: 115%;
	margin-left: 1.6em;
	color: #B99966;
}
a.content-toc-link-top:before {
	content: "\f0d8\0020";
	font-family: 'FontAwesome';
}
a.content-toc-link-top:after {
	content: "\0020\f0d8";
	font-family: 'FontAwesome';
}
a.content-toc-link-comments:before {
	content: "\f086\0020";
	font-family: 'FontAwesome';
}
/*a.content-toc-link-tier-A:before {
	content: "\f105\0020";
	font-family: 'FontAwesome';
	color: #332F29;
}*/
a.content-toc-link-tier-B {
	margin-left: 2.4em;
	font-size: 105%;
	color: #A6906C;
}
/*a.content-toc-link-tier-B:before {
	content: "\f105\f105\0020";
	font-family: 'FontAwesome';
	color: #332F29;
}*/
a.content-toc-link-tier-C {
	margin-left: 3.2em;
	font-size: 100%;
	color: #7B6C53;
}
/*a.content-toc-link-tier-C:before {
	content: "\f105\f105\f105\0020";
	font-family: 'FontAwesome';
	color: #332F29;
}*/
img.content-image {
	max-width: 90%;
	display: block;
	padding-left: 1%;
	padding-right: 1%;
	border-right: 3px;
	border-left: 3px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #302b21;
	border-style: solid;
	margin-top: 0.6em;
	margin-bottom: 1.3em;
}
img.content-image-captioned {
	margin-bottom: 1.7em;
}
span.content-image-caption {
	position: relative; 
	top: -1.4em; 
	font-style: italic; 
	color: #b3a892; 
	padding-left: 0.5em;
}
a.content-meta-recommended-post {
	color: #E1D1B7;
}
a.content-meta-recommended-post:before {
	content: "\f28e\0020";
	font-family: 'FontAwesome';
}
span.content-meta-label {
	font-weight: bold;
}
pre.code {
	margin: auto;
	margin-top: 1.4em;
	margin-bottom: 0.2em;
	width: 90%;
	max-height: 35em;
	font-size: 85%;
}
pre.code-fullscreen {
	margin: 0em;
	width: 1000%;
	max-height: none;
}
span.content-code-caption {
	margin-bottom: 1.4em;
	display: block;
	position: relative;
	left: 5%;
}
a.content-code-link:before {
	content: "\f065\0020";
	font-family: 'FontAwesome';
}
h2.content-read-next-header {
	font-size: 200%;
	margin-top: 1.3em;
	margin-bottom: 0.45em;
}
h2.content-read-next-header:before {
	content: "\f04e\0020";
	font-family: 'FontAwesome';
}
hr.content-end {
	margin-top: 0em;
	margin-bottom: 3em;
	border-style: dashed;
	border-color: #95856E;
}
span.content-post-edit-label {
	font-weight: bold;
}
span.content-post-edit-label:before {
	content: "\f040\0020";
	font-family: 'FontAwesome';
}
span.content-inline-code {
	font-family: monospace;
	font-size: 110%;
	color: #cac7a6;
}
div.content-pseudolist-item {
	margin-left: 2em;
	display: list-item;
	list-style-type: circle;
}
div.content-meta-series-list {
	display: none;
}
a.content-meta-series-list-item {
	padding-left: 1.5em;
	color: #E1D1B7;
}
a.content-meta-series-list-item:before {
	content: "\f28e\0020";
	font-family: 'FontAwesome';
}
div.quote {
	font-style: italic;
	margin-left: 2em;
	margin-right: 3em;
	background-color: #232220;
	color: #d1d1d1;
	padding: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	border-style: dashed;
	border-width: 1px;
	border-radius: 10px;
	border-color: #b9b7b2;
}

/* SPLITSCREEN */
table.layout-splitscreen-table {
	width: 100%;
	table-layout: fixed;
}
td.layout-splitscreen-column-right {
	width: 73%;
	vertical-align: top;
	padding-bottom: 0em;
	padding-left: 5em;
	padding-right: 2em;
	padding-top: 0.5em;
}
td.layout-splitscreen-column-left {
	width: 27%; /* must match layout-splitscreen-meta.width */
	vertical-align: top;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #6f6f6d;
	border-style: groove;
	padding-left: 0.4em;
	padding-bottom: 0em;
	overflow: hidden;
}
div.layout-splitscreen-meta {
	position: fixed;
	top: 0em;
	padding-top: 2.5em;
	color: #AFAFAC;
	overflow-y: auto;
	height: 100%;
	padding-right: 0.4em;
	width: 27%; /* must match layout-header-column-left.width */
	-ms-overflow-style: none;
}
.layout-splitscreen-meta::-webkit-scrollbar { display: none; }
div.layout-splitscreen-meta-inner {
	position: relative;
	right: -0.4em;
	padding-bottom: 4em;
}
div.layout-blogpost-container {
	max-width: 1200px;
	font-size: 105%;
	line-height: 1.5;
}


/* CATEGORIES */
a.category-menu-link-all {
	color: #B8B8B8;
}
a.category-menu-link-all:before {
	content: "\f005\0020";
	font-family: 'FontAwesome';
}

/*			SOFTWARE ENGINEERING */
div.tile-outer-software_engineering {
	border-color: #926D51;
}
a.category-menu-link-software_engineering {
	color: #9F7E64;
}
a.category-menu-link-software_engineering:before {
	content: "\f0ad\0020";
	font-family: 'FontAwesome';
}
a.tile-category-link-software_engineering {
	color: #9F7E64;
}
a.tile-category-link-software_engineering:before {
	content: "\f0ad\0020";
	font-family: 'FontAwesome';
}
a.tag-software_engineering {
	background-color: #D7A984;
	border-color: #D7A984;
}
a.tag-software_engineering:hover {
	box-shadow: 0 0 10px #D7A984;
}
a.tile-desc-link-software_engineering {
	color: #f5dbc2;
	text-decoration: none;
}

/*			GAME DESIGN */
div.tile-outer-game_design {
	border-color: #767E5F;
}
a.category-menu-link-game_design:before {
	content: "\f11b\0020";
	font-family: 'FontAwesome';
}
a.tile-category-link-game_design:before {
	content: "\f11b\0020";
	font-family: 'FontAwesome';
}
a.category-menu-link-game_design {
	color: #9FC659;
}
a.tile-category-link-game_design {
	color: #9FC659;
}
a.tag-game_design {
	background-color: #AADA92;
	border-color: #AADA92;
}
a.tag-game_design:hover {
	box-shadow: 0 0 10px #AADA92;
}
a.tile-desc-link-game_design {
	color: #d9f5c2;
	text-decoration: none;
}

/*			PERSONAL */
div.tile-outer-personal {
	border-color: #5F6D7E;
}
a.category-menu-link-personal:before {
	content: "\f007\0020";
	font-family: 'FontAwesome';
}
a.tile-category-link-personal:before {
	content: "\f007\0020";
	font-family: 'FontAwesome';
}
a.category-menu-link-personal {
	color: #748CB0;
}
a.tile-category-link-personal {
	color: #748CB0;
}
a.tag-personal {
	background-color: #81AECB;
	border-color: #81AECB;
}
a.tag-personal:hover {
	box-shadow: 0 0 10px #81AECB;
}
a.tile-desc-link-personal {
	color: #c2e3f5;
	text-decoration: none;
}