/* ------- WEBSITE ------ */

.copyright {
	color: rgba(255,255,255,0.05);
}

body {
	/* background-color: none; */
}

body.invert .copyright {
	color: rgba(255,255,255,0.1);
}

body.invert html, body.invert body, body.invert p, body.invert h1, body.invert h2, body.invert h3, body.invert h4, body.invert h5, body.invert h6 {
	color: white;
}

/* ------ MASTHEAD ------ */

body h1.masthead, body.invert h1.masthead {
	color: rgba(255,255,255,0.15);
}

/* ------ TEXT STUFF ------ */

pre {
	border-left: 1px lightgray solid;
}

span.default {
	color: black;
}

select {
	background-color: rgba(64, 64, 64, 1.0);
	color: lightgray;
	border-color: gray;
}

/* main.content p code, main.content li code {
	border-bottom-color: lightgray !important;
} */

code.gba {
	color: lightgray;
}

div.info h2.date {
	color: rgb(128,128,128);
}

html.invert div.info h2.date {
	color: rgb(192,192,192);
}

/* --------- UI -------- */

img.thumbnail-empty {
	background-color: rgba(127,127,127,1.0);
}

div.post-comments h1 {
	color: rgba(127,127,127,0.5);
}

h1.biography-title {
	color: gray;
}

h1.biography-title::after {
	color: darkgray;
}

header.entry-info h1.title {
	color: red;
}

iframe.diagram {
	background-color: none;
}

header.entry-info h3.timehue, header.post-info h3.timehue, header.lesson-info h3.timehue, ul.news-list h3.timehue, ul.latest-list h3.timehue {
	border-left-color: lightgray;
}

header.entry-info h2.date, header.post-info h2.date, header.lesson-info h2.date, ul.news-list h2.date, ul.latest-list h2.date {
	border-left-color: lightgray;
}

/* ------ EXTERNAL LINK ------ */

article a, article a:visited, article a.external-link, article a.external-link:visited, a.external-link, a.external-link:visited {
	color: gray;
}

article a:hover, article a:focus, article a:active, article a.external-link:hover, article a.external-link:focus, article a.external-link:active, a.external-link:hover, a.external-link:focus, a.external-link:active {
	color: white;
	background-color: gray;
}

body.invert article a, body.invert article a:visited, body.invert article a.external-link, body.invert article a.external-link:visited, body.invert a.external-link, body.invert a.external-link:visited {
	color: lightgray;
}

body.invert article a:hover, body.invert article a:focus, body.invert article a:active, body.invert article a.external-link:hover, body.invert article a.external-link:focus, body.invert article a.external-link:active, body.invert a.external-link:hover, body.invert a.external-link:focus, body.invert a.external-link:active {
	color: rgb(131, 125, 125);
	background-color: lightgray;
}

/* ------- LINK COLORS -------- */

html body main.content article a.abstractmachine-link, html body main.content article a.abstractmachine-link:visited, a.abstractmachine-link, a.abstractmachine-link:visited {
	color: rgb(150,160,175) !important;
}

html.invert body.invert main.content article a.abstractmachine-link, html.invert body.invert main.content article a.abstractmachine-link:visited, html.invert body.invert a.abstractmachine-link, html.invert body.invert a.abstractmachine-link:visited {
	color: rgb(150,160,175) !important;
}

html body main.content article a.abstractmachine-link:hover, html body main.content article a.abstractmachine-link:focus, html body main.content article a.abstractmachine-link:active, a.abstractmachine-link:hover, a.abstractmachine-link:focus, a.abstractmachine-link:active {
	color: white !important;
	background-color: rgb(150,160,175) !important;
}

article h2.author a, article h2.author a:visited, h2.author a, h2.author a:visited {
	color: darkorchid !important;
}

html.invert body.invert article h2.author a, html.invert body.invert article h2.author a:visited, html.invert body.invert h2.author a, h2.author a:visited {
	color: mediumorchid !important;
}

html body main.content article h2.author a:hover, html body main.content article h2.author a:active, html body main.content article h2.author a:focus, h2.author a:hover, h2.author a:active, h2.author a:focus {
	color: white !important;
	background-color: darkorchid !important;
}

html body main.content article h2.author a:active, h2.author a:active {
	color: white;
	background-color: darkorchid !important;
}

html.invert body.invert main.content article h2.author a:active, html.invert body.invert h2.author a:active {
	color: white;
	background-color: mediumorchid !important;
}

h2.author a.biography-link, h2.author a.biography-link:visited, html body main.content article a.biography-link, html body main.content article a.biography-link:visited, a.biography-link, a.biography-link:visited {
	color: darkorchid !important;
}

html.invert body.invert h2.author a.biography-link, html.invert body.invert h2.author a.biography-link:visited, html.invert body.invert main.content article a.biography-link, html.invert body.invert main.content article a.biography-link:visited, html.invert body.invert a.biography-link, html.invert body.invert a.biography-link:visited {
	color: mediumorchid !important;
}

h2.author a.biography-link:hover, h2.author a.biography-link:active, html body main.content article a.biography-link:hover, html body main.content article a.biography-link:active, a.biography-link:hover, a.biography-link:active {
	color: white !important;
	background-color: darkorchid !important;
}

html.invert body.invert h2.author a.biography-link:hover, html.invert body.invert h2.author a.biography-link:active, html.invert body.invert main.content article a.biography-link:hover, html.invert body.invert main.content article a.biography-link:active, html.invert body.invert a.biography-link:hover, html.invert body.invert a.biography-link:active {
	color: white !important;
	background-color: mediumorchid !important;
}

html body main.content article a.google-link, html body main.content article a.google-link:visited, a.google-link, a.google-link:visited {
	color: gray !important;
}

html.invert body.invert main.content article a.google-link, html.invert body.invert main.content article a.google-link:visited, html.invert body.invert a.google-link, html.invert body.invert a.google-link:visited {
	color: gray !important;
}

html body main.content article a.google-link:hover, html body main.content article a.google-link:active, a.google-link:hover, a.google-link:active {
	color: white !important;
	background-color: gray !important;
}

html.invert body.invert main.content article a.google-link:hover, html.invert body.invert main.content article a.google-link:active, html.invert body.invert a.google-link:hover, html.invert body.invert a.google-link:active {
	color: white !important;
	background-color: gray !important;
}

html body main.content article a.imdb-link, html body main.content article a.imdb-link:visited, a.imdb-link, a.imdb-link:visited {
	color: gray !important;
}

html.invert body.invert main.content article a.imdb-link, html.invert body.invert main.content article a.imdb-link:visited, html.invert body.invert a.imdb-link, html.invert body.invert a.imdb-link:visited {
	color: gray !important;
}

html body main.content article a.imdb-link:hover, html body main.content article a.imdb-link:active, a.imdb-link:hover, a.imdb-link:active {
	color: white;
	background-color: gray;
}

html body main.content article a.lexicon-link, html body main.content article a.entry-link, html body main.content article a.lexicon-link:visited, html body main.content article a.entry-link:visited {
	color: red !important;
}

html.invert body.invert main.content article a.lexicon-link, html.invert body.invert main.content article a.entry-link, html.invert body.invert main.content article a.lexicon-link:visited, html.invert body.invert main.content article a.entry-link:visited, html.invert body.invert a.lexicon-link {
	color: red !important;
}

html body main.content article a.lexicon-link:hover, html body main.content article a.lexicon-link:active, html body main.content article a.entry-link:hover, html body main.content article a.entry-link:active {
	color: white !important;
	background-color: red !important;
}

html.invert body.invert main.content article a.lexicon-link:hover, html.invert body.invert main.content article a.lexicon-link:active, html.invert body.invert main.content article a.entry-link:hover, html.invert body.invert main.content article a.entry-link:active {
	color: white !important;
	background-color: red !important;
}

html body main.content article a.post-link, html body main.content article a.post-link:visited, a.post-link, a.post-link:visited {
	color: blue !important;
}

html.invert body.invert main.content article a.post-link, html.invert body.invert main.content article a.post-link:visited, html.invert body.invert a.post-link, html.invert body.invert a.post-link:visited {
	color: #8080ff !important;
}

html body main.content article a.post-link:hover, html body main.content article a.post-link:focus, a.post-link:hover, a.post-link:focus {
	color: white !important;
	background-color: blue !important;
}

html.invert body.invert main.content article a.post-link:hover, html.invert body.invert main.content article a.post-link:focus, html.invert body.invert a.post-link:hover, html.invert body.invert a.post-link:focus {
	color: white !important;
	background-color: blue !important;
}

html body main.content article a.post-link:active, a.post-link:active {
	color: blue;
	background-color: cyan;
}

html.invert body.invert article a.file-link, html.invert body.invert article a.file-link:visited, html.invert body.invert a.file-link, html.invert body.invert a.file-link:visited {
	color: grey !important;
}

article a.file-link, article a.file-link:visited, a.file-link, a.file-link:visited {
	color: grey !important;
}

article a.file-link:hover, article a.file-link:focus, a.file-link:hover, a.file-link:focus {
	color: white !important;
	background-color: grey !important;
}

article a.file-link:active, a.file-link:active {
	color: white;
	background-color: blue;
}

article div.sourcecode a, div.sourcecode a {
	color: red !important;
}

article div.sourcecode a:hover, article div.sourcecode a:active, div.sourcecode a:hover, div.sourcecode a:active {
	color: white !important;
	background-color: red !important;
}

html body main.content article a.tutorial-link, html body main.content article a.tutorial-link:visited, a.tutorial-link, a.tutorial-link:visited {
	color: fuchsia !important;
}

html.invert body.invert main.content article a.tutorial-link, html.invert body.invert main.content article a.tutorial-link:visited, html.invert body.invert a.tutorial-link, html.invert body.invert a.tutorial-link:visited {
	color: fuchsia !important;
}

html body main.content article a.tutorial-link:hover, html body main.content article a.tutorial-link:active, a.tutorial-link:hover, a.tutorial-link:active {
	color: white !important;
	background-color: fuchsia !important;
}

html.invert body.invert main.content article a.tutorial-link:hover, html.invert body.invert main.content article a.tutorial-link:active, html.invert body.invert a.tutorial-link:hover, html.invert body.invert a.tutorial-link:active {
	color: white !important;
	background-color: fuchsia !important;
}

article a.wikipedia-link, article a.wikipedia-link:visited, a.wikipedia-link, a.wikipedia-link:visited {
	color: gray !important;
}

article a.wikipedia-link:hover, article a.wikipedia-link:active, a.wikipedia-link:hover, a.wikipedia-link:active {
	color: white !important;
	background-color: gray !important;
}

/* ------- LANGUAGE ------- */

ul#language li a {
	color: rgba(0,0,0,0.5);
}

ul#language li.is-active a {
	color: black;
}

ul#language li a:hover {
	color: white;
	background-color: black;
	border-right-color: black;
}

body.invert ul#language li a {
	color: rgb(255,255,255, 0.5);
}

body.invert ul#language li.is-active a {
	color: white;
	border-right-color: white;
}

body.invert ul#language li a:hover {
	color: black;
	background-color: white;
}

/* -------- MENU IS-SELECTED --------*/

ul#menu li.is-selected {
	border-left-color: black;
}

body.invert ul#menu li.is-selected {
	border-left-color: white
}

/* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */
@media (max-width: 480px) and (orientation: portrait) {

	ul#menu li.is-selected {
		border-top-color: black;
	}

	body.invert ul#menu li.is-selected {
		border-top-color: white;
	}
}

/* ------- MENU ------- */

ul#menu li.tutorials a:hover, ul#menu li.tutorials a:active {
	color: white;
	background-color: fuchsia;
}

body ul#menu li.tools a:hover, ul#menu li.tools  a:active {
	color: white;
	background-color: rgb(255, 128, 0);
}

body.invert ul#menu li.tools  a:hover, ul#menu li.tools  a:active {
	color: white;
	background-color: rgb(255, 128, 0);
}

ul#menu li.valley  a.valley:hover, ul#menu li.valley  a.valley:active {
	color: black;
	background-color: yellow;
}

ul#menu li.posts a:hover, ul#menu li.posts a:active {
	color: white;
	background-color: blue;
}

body.invert ul#menu li.cards a:hover, body.invert ul#menu li.cards a:active {
	color: #009999;
	background-color: cyan;
}

body.invert ul#menu li.crypt a:hover, body.invert ul#menu li.crypt a:active {
	color: white;
}

ul#menu li.biography a:hover, ul#menu li.biography  a:active {
	color: white !important;
	background-color: darkorchid !important;
}

body.invert ul#menu li.biography a:hover, body.invert ul#menu li.biography  a:active {
	color: darkorchid !important;
	background-color: white !important;
}

ul#menu li.museum a:hover, ul#menu li.museum a:active {
	color: black;
	background-color: lime;
}

ul#menu li.cards a:hover, ul#menu li.cards a:active {
	color: black;
	background-color: cyan;
}

ul#menu li.crypt a:hover, ul#menu li.crypt a:active {
	color: white;
	background-color: gold;
}

ul#menu li.lexicon a:hover, ul#menu li.lexicon a:active {
	color: white;
	background-color: red;
}

ul#menu li.play a:hover, ul#menu li.play a:active {
	color: white;
	background-color: #ff6633;
}

ul#menu li.theory a:hover, ul#menu li.theory a:active {
	color: white;
	background-color: rgb(0,192,0);
}

ul#menu li.home a:hover, ul#menu li.home a:active {
	color: white;
	background-color: gray;
}

div#abstract_tweet div.media::before {
	color: white;
}

div#abstract_tweet p.tweet::before {
	color: white;
}

div#abstract_tweet p.timePosted::before {
	color: white;
}