:root {
	--font:'Open Sans','Helvetica Neue',sans-serif;
	--font-safe:'Helvetica Neue',sans-serif;
	--font-mono:'Roboto Mono', monospace;
	--font-headers: 'Roboto Slab', 'Open Sans', sans-serif;
	--gap:16px;
	--font-size:16px;
	--fw:400;

	--bg:white;
	--fg:black;

	--border-color:black;
	--list-indent:32px;
	--brand-blue:#3E9ADE;
	--brand-orange:#FF6600;

	--link-fg:#255b80;
	--link-bg:transparent;
	--link-decoration:underline;

	--link-fg-hover:#FF6600;
	--link-bg-hover:transparent;
	--link-decoration-hover:underline;

	--link-fg-active:#cc4e00;
	--link-bg-active:tranparent;

	/* optional link options */
	--link-decoration-color: #80ccff;
	--link-decoration-color-hover: #ffc099;

}


.header {
	--bg:#222;
	--fg:#FFF;
}

.aside {
	--bg:#F6F7F8;
	--fg:#333;
	--border-color:#DDDDDD;
	--link-decoration: none;
}

.footer {
	--bg:#666;
	--fg:#FFF;
	--link-fg: #EEE;
	--link-decoration: underline;
	--link-decoration-color: #CCC;
}



hr {
	--bg:var(--brand-orange);
}

blockquote {
	--border-color: #3E9ADE;
	--bg: #f2faff;
	--font-size:18px;
	--fw:300;
}

pre, code, kbd, tt {
	--bg:#F0F0F0;
	--fg:#255b80;
}

kbd {
	--fg:#333;
	--bg:#F8F8F8;
	--border-color:#CCC;
}

.menu-header {
	--fg:#666;
}

table {
	--border-color:#CCC;
}

.search-input {
	--fg: white;
	--bg: #555555;
	background-image: url(../i/magnifier.svg);
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}

.suggestions {
	--bg:#F6F7F8;
	--fg:#333;
}

.sg-selrow {
	--bg:#255b80;
	--fg:white;
}