/* deviantart-retro.css */

:root {
	--color-bg-main: #9da89d;
	--color-fg-main: #000000;
	--color-fg-link: #374646;
	--color-fg-link-hover: #ebeee6;
	--color-bg-boardlist: #7f887f;
	--color-fg-boardlist: #ffffff;
	--color-bg-theading: #7f887f;
	--color-bg-theading2: #98a398;
	--color-bg-theading3: #b0bcb0;
	--color-bg-postblock: #7f887f;
	--color-fg-title: #000000;
	--color-fg-name: #000000;
	--color-fg-warning: #cc0000;
	--color-fg-warning-ip: #cc0000;
	--color-fg-quote: #7a7a7a;
	--color-fg-quote2: #aaaaaa;
	--color-bg-reply: #b9c4b9;
	--color-bg-reply-hl: #e0e8e0;
	--color-hi-contrast-border: #3a3a3a;
	--color-lo-contrast-border: #666666;
	--color-fg-logo: #000000;
	--color-fg-global-message: #000080;
	--color-bg-window-item-highlight: #dfe7df;
	--color-bg-postlists-header: #7f887f;
	--color-fg-postlists-header: #ffffff;
	--color-fg-postlists-header-link: #ffffcc;
	--color-bg-postlists-odd: #c0ccc0;
	--color-bg-postlists-even: #d8e2d8;
	--color-fg-quotelink: var(--color-fg-link);
	--color-fg-quotelink-hover: var(--color-fg-link-hover);
	--color-border-button: #000000;
	--color-bg-code: #c0ccc0;
	--color-fg-code: #000000;
	--color-bg-flashboard-even: #c0ccc0;
	--font-family-main: sans-serif;
	--font-size-main: 0.875em;
}

:root {
	--color-bg-postblock: #7f887f;
	--color-bg-theading: #6d766d;
	--color-bg-theading2: #808a80;
	--color-bg-theading3: #aab3aa;
	--color-hi-contrast-border: #3a3a3a;
	--color-lo-contrast-border: #666666;
}

/* Metallic beveled panels */
.theading, .theading2, .theading3,
.neomenuTopLevel, .detailsbox, .postblock, .reply, .window {
	border: 1px solid #3a3a3a;
	background: linear-gradient(to bottom, #b5beb5 0%, #949f94 100%);
	box-shadow: inset 0 1px 0 #d0d9d0, inset 0 -1px 2px #5f675f;
}

/* Panel sections (content boxes) */
.detailsboxContent, .centerBlock, .catComment {
	background: #d7dfd7;
	border: 1px solid #6f776f;
	box-shadow: inset 0 1px 1px #fff, inset 0 -1px 2px #aaa;
}

/* Button styling */
button {
	background: linear-gradient(to bottom, #e2eae2 0%, #c0c8c0 100%);
	border: 2px outset #888;
	color: #000;
	font-size: 0.875em;
	padding: 2px 6px;
	font-family: Tahoma, sans-serif;
	box-shadow: inset 2px 1px 0 #fff, inset -1px -1px 1px #666;
}

button:hover {
	background: linear-gradient(to bottom, #f0faf0 0%, #d6ded6 100%);
	border: 1px inset #666;
	cursor: pointer;
}

/* Inputs */
input[type="text"], input[type="password"], textarea, select {
	background: #e0e8e0;
	border: 1px solid #5f675f;
	padding: 2px;
	font-family: Tahoma, sans-serif;
	font-size: 0.875em;
	box-shadow: inset -1px -1px 2px #fff, inset 1px 1px 2px #aaa;
}

/* Scrollbar styling (WebKit only fallback for legacy vibes) */
body::-webkit-scrollbar {
	width: 14px;
}
body::-webkit-scrollbar-track {
	background: #c4ccc4;
	border-left: 1px solid #6f776f;
}
body::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, #9ba39b, #7f877f);
	border: 1px solid #4a524a;
	box-shadow: inset 1px 1px 1px #fff;
}

/* Links */
a {
	text-decoration: underline;
	color: #0022aa;
}
a:hover {
	color: #ff6600;
}

/* Logo style */
.logo {
	/*font-family: 'Impact', 'Arial Black', sans-serif;*/
	font-size: 1.5em;
	text-shadow: 0px 0px 3px #fff
	color: #5c5f5d;
}

/* Deviation grid thumbnail placeholders */
#catalogTable .thread {
	background: #e0e8e0;
	border: 2px inset #7f887f;
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 1px #777;
}

/* Text shadow for headings */
/*h1, h2, h3, h4 {
	text-shadow: 1px 1px 0 #fff;
	font-family: Verdana, sans-serif;
}*/

/* Devpacks, software, forum tabs mimic */
.neomenuTopLevel h2 {
	background: linear-gradient(to bottom, #b5beb5, #8f988f);
	border-bottom: 1px solid #4a524a;
	padding: 4px;
	color: #000;
}

/* Soft grid container shadow */
#catalogTable, .postlists {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}