/*****************************************************************************
 * This file is the colorscheam and layout for my site, feel free to steal   *
 * this file for your own site. (CC0)                                        *
 *****************************************************************************/

body {
	--bodywidth: 40em;
	--sidebarwidth: 40em;
	--widewidth: (--bodywidth + --sidebarwidth * 2);
	font-family: sans-serif;
}

input.wide {
	width: 70em;
}

fieldset,form {
	border-style: solid;
	border-width: 1px;
	border-color: #0f0;
	padding: 1em;
}

legend {
	border-style: solid;
	border-width: 1px;
	border-color: #0f0;
	padding: 0.3em;
	/*margin: -0.5em;*/
}

/* ## DARK THEME COLORING ## */
@media screen {
	#content {
		margin: auto;
		max-width: 40em;
	}
	
	.wide  {
		margin: auto;
		max-width: 80em;
	}

	footer {
		margin: auto;
		max-width: 40em;
	}

	#sidebar {
	}

	#tile {
		color: #eee;
		margin:auto;
	}

	/* dark background */
	body,input {
		background: #111;
		color: #eee;
	}

	/* Link styling */
	a:visited {
		color: #3cc
	}
	a {
		color: #5ff
	}
}

/* Hide naviagtion on printouts */

@media print {
	#sidebar {
		display: none
	}
	a:after {
		color: #000;
		text-decoration: none;
		content: ']' '(' attr(href) ')';
		visibility: visible;
	}
	a:before {
		color: #000;
		content: "[";
	}
}

/*keep images centered in column */
img:not(.icon) {
	margin: auto;
	max-width: 40em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Narrow screen layout */
@media (max-width: 65em) {
	#sidebar {
		max-width: --sidebar-width;
	}
}

/* Wide screen layout with sidebar on side and content centered */
@media (min-width: 65em) {
	#sidebar {
		position: fixed;
		max-width: --sidebar-width;
	}
}

.highlight pre {
	/* Avoid pushing up the copy buttons */
	margin-top: 0;
	border-radius: 3px;
	padding: 10px;
	overflow: auto;
	font-size: 0.9em;
}

.highlight pre code {
	/* Otherwise, overflow text hits the edge of the block */
	margin-right: 8px;
	display: inline-block;
}
/* Stop footnotes from messing up line spacing */
sup { vertical-align: top; font-size: .7em; }
sup a::before { content: "[" }
sup a::after { content: "]" }