/*
Theme Name: Dark 3Chemical
Theme URI: http://www.dezzain.com
Author: Dezzain Studio (design) — modern WordPress port
Author URI: http://www.dezzain.com
Description: Faithful modern port of "Dark 3Chemical" (Dezzain theme ID CV23), as worn by str0.at in March 2010. Three-column dark theme with the original graphics, rebuilt for current WordPress: menus, widgetised sidebars, custom header, threaded comments, responsive layout.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dark-3chemical
Tags: dark, three-columns, fixed-width, custom-menu, custom-header, threaded-comments, translation-ready

Original design: rkcorp / Dezzain Studio (2007-2008)
Original header, footer & 404 graphics: EvoSwitch
Ported from the Internet Archive snapshot:
https://web.archive.org/web/20100327162039/http://str0.at/
*/

/* ------------------------------------------------------------------ */
/* Reset / base                                                        */
/* ------------------------------------------------------------------ */
html {
	box-sizing: border-box;
}
*, *::before, *::after {
	box-sizing: inherit;
}
body {
	margin: 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align: left;
	font-size: 80%;
	color: #eeeeee;
	background-color: #232222;
	background-image: url(images/stripe_3cc.png);
	background-repeat: repeat-x;
	background-position: top;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
}
a {
	color: #869AA0;
	text-decoration: none;
}
a:hover, a:active {
	color: #869AA0;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
pre, code {
	font-family: "Courier New", Courier, monospace;
}
.alignleft {
	margin: 5px 5px 0 0;
	float: left;
}
.alignright {
	margin: 5px 0 0 5px;
	float: right;
}
.aligncenter {
	display: block;
	margin: 0 auto;
	clear: both;
}
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal !important;
}

/* ------------------------------------------------------------------ */
/* Layout                                                            */
/* ------------------------------------------------------------------ */
#chemical_wp {
	width: 940px;
	margin: 0 auto;
}
#chemical_container {
	float: left;
	width: 940px;
}
#chemical_header {
	float: left;
	width: 940px;
}

.chemical_sitelogo {
	float: left;
	width: 940px;
	padding-top: 35px;
	padding-bottom: 25px;
	margin: 0;
}
.chemical_sitelogo h1 {
	font-size: 1.8em;
	float: left;
	width: 100%;
	padding-left: 5px;
	margin: 0;
}
.chemical_sitelogo p.site-name {
	font-size: 1.8em;
	margin: 0;
	padding-left: 5px;
	float: left;
	width: 100%;
	font-weight: normal;
}
.chemical_sitelogo p.site-name a:link, .chemical_sitelogo p.site-name a:visited {
	color: #869AA0;
	text-decoration: none;
}
.chemical_sitelogo p.site-name a:hover { color: #999900; }
.custom-logo { margin-left: 5px; }
.chemical_sitelogo h1 a:link, .chemical_sitelogo h1 a:visited {
	color: #869AA0;
	text-decoration: none;
}
.chemical_sitelogo h1 a:hover, .chemical_sitelogo h1 a:active {
	color: #999900;
	text-decoration: none;
}
.chemical_sitelogo p {
	margin: 0;
	padding-left: 5px;
	font-weight: bold;
	color: #CCCCCC;
	float: left;
	width: 100%;
}

/* Header image (WordPress custom header, 938x150) */
.image_header {
	float: left;
	width: 940px;
	margin-top: 10px;
}
.image_header img {
	display: block;
	width: 938px;
	max-width: 100%;
	border: 1px solid #191919;
	border-bottom-width: 2px;
}
/* Fallback when no custom header image is set */
.image_header--default {
	height: 150px;
	background-image: url(images/sample_image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #191919;
	border-bottom-width: 2px;
}

/* ------------------------------------------------------------------ */
/* Navigation                                                        */
/* ------------------------------------------------------------------ */
.chemical_navigator {
	float: left;
	width: 940px;
}
.chemical_navigator ul {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.chemical_navigator li {
	margin: 0;
	float: left;
	font-size: 13px;
	padding-bottom: 5px;
}
.chemical_navigator li a:link, .chemical_navigator li a:visited {
	display: block;
	padding: 0 8px 2px;
	font-weight: bold;
	color: #ECEEEE;
	text-decoration: none;
}
.chemical_navigator li a:hover, .chemical_navigator li a:active,
.chemical_navigator li.current-menu-item > a,
.chemical_navigator li.current_page_item > a {
	color: #A7A690;
	text-decoration: none;
	border-bottom: 3px solid #999900;
}
/* Sub-menus (modern addition) */
.chemical_navigator li ul {
	position: absolute;
	width: 200px;
	background: #2b2a2a;
	border: 1px solid #191919;
	z-index: 100;
	display: none;
	float: none;
}
.chemical_navigator li:hover > ul {
	display: block;
}
.chemical_navigator li ul li {
	float: none;
	width: 100%;
	padding: 0;
}
.chemical_navigator li ul li a:link, .chemical_navigator li ul li a:visited {
	padding: 6px 10px;
	border-bottom: 0;
}

/* ------------------------------------------------------------------ */
/* Content                                                           */
/* ------------------------------------------------------------------ */
#chemical_content {
	float: right;
	width: 730px;
	position: relative;
	padding-top: 15px;
}
#chemical_post {
	float: left;
	width: 510px;
	padding-bottom: 25px;
}
.post_meta {
	float: left;
	width: 500px;
	background-image: url(images/post_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px 10px 0;
}
.post_meta h1, .post_meta h2.entry-title {
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1.8em;
	color: #869AA0;
	text-align: left;
}
.post_meta h1 a:link, .post_meta h1 a:visited,
h2.entry-title a:link, h2.entry-title a:visited {
	text-decoration: none;
	color: #869AA0;
}
.post_meta h1 a:hover, .post_meta h1 a:active,
h2.entry-title a:hover, h2.entry-title a:active {
	color: #efefef;
	text-decoration: none;
}
.date {
	width: 100%;
	text-align: left;
	padding-top: 5px;
	color: #656A6B;
	font-size: 14px;
	float: left;
}
.div_line {
	float: left;
	width: 100%;
	margin-top: 2px;
	border-top: 1px solid #313435;
	color: #666666;
	font-size: 12px;
	padding-top: 4px;
}
.div_line a:link, .div_line a:visited {
	text-decoration: none;
	color: #869AA0;
}
.div_line a:hover, .div_line a:active {
	text-decoration: underline;
	color: #869AA0;
}
.post_content, .entry-content {
	text-align: left;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 24px;
	color: #ECEEEE;
	font-size: 12px;
}
.post_content p, .entry-content p {
	text-align: left;
	padding: 0;
	margin: 15px 0 0;
}
.post_content a:link, .post_content a:visited,
.entry-content a:link, .entry-content a:visited {
	color: #869AA0;
	text-decoration: none;
}
.post_content a:hover, .post_content a:active,
.entry-content a:hover, .entry-content a:active {
	color: #869AA0;
	text-decoration: underline;
}
.post_content blockquote, .entry-content blockquote {
	clear: both;
	margin: 10px 10px 0 10px;
	background-image: url(images/block.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 15px 0 0 33px;
	color: #B9B9B9;
}
.post_content blockquote blockquote {
	color: #999999;
	margin: 0;
	padding: 3px 0 0 35px;
}
.post_content code, .entry-content code,
.post_content pre, .entry-content pre {
	text-align: left;
	display: block;
	padding: 5px;
	clear: both;
	border: 1px dashed #000000;
	margin: 8px 15px;
	font-size: 12px;
	background-color: #333333;
	color: #FFFFFF;
	overflow: auto;
}
.post_content img, .entry-content img {
	margin-right: 8px;
}
.entry-summary {
	float: left;
	width: 100%;
	padding-top: 20px;
	line-height: 24px;
	color: #ECEEEE;
	font-size: 12px;
}
.read-more {
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 12px;
}

/* Comment-count button (sprite: 141x79, normal @ -1px, hover @ -40px) */
.post_comment {
	float: right;
	height: 40px;
	width: 141px;
	font-size: 11px;
	line-height: 40px;
	text-align: center;
}
.post_comment a:link, .post_comment a:visited {
	display: block;
	height: 40px;
	width: 141px;
	background-image: url(images/post_comment.gif);
	background-repeat: no-repeat;
	background-position: center -1px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #eeeeee;
}
.post_comment a:hover, .post_comment a:active {
	background-position: center -40px;
	color: #FFFFFF;
	text-decoration: none;
}

.clear_content {
	float: left;
	height: 40px;
	width: 100%;
}

/* Pagination */
.post_box {
	float: left;
	width: 500px;
	padding-left: 10px;
	font-size: 18px;
	color: #666666;
	text-align: center;
}
.post_box a:link, .post_box a:visited {
	color: #999999;
	text-decoration: none;
}
.post_box a:hover, .post_box a:active {
	color: #CCCCCC;
	text-decoration: underline;
}
.navigation {
	float: left;
	width: 500px;
	padding: 10px;
	font-size: 12px;
	overflow: hidden;
}
.navigation .nav-previous {
	float: left;
	width: 50%;
}
.navigation .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}
.navigation a {
	color: #CCCCCC;
}
.navigation a:hover {
	color: #869AA0;
}

/* Single post prev/next links */
.post_pre {
	float: left;
	width: 500px;
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 15px;
}
.lastpost {
	float: left;
	width: 250px;
	background-image: url(images/out.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
.nextpost {
	float: right;
	width: 250px;
	text-align: right;
	padding-right: 15px;
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}
.post_pre a:link, .post_pre a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
.post_pre a:hover, .post_pre a:active {
	color: #869AA0;
	text-decoration: none;
}

/* Post format / heading styles kept from original */
#chemical_post h4 {
	margin: 0;
	padding: 0;
	float: left;
	width: 480px;
	font-size: 2em;
	font-weight: normal;
	color: #999999;
}
#chemical_post h5 {
	float: left;
	width: 400px;
	margin: 8px 0;
	font-size: 1.7em;
	font-weight: normal;
}
#chemical_post h6 {
	float: left;
	width: 400px;
	margin: 8px 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #99CC00;
}
.entry-meta, .page-meta {
	float: left;
	width: 100%;
	color: #666666;
	font-size: 12px;
	padding-top: 4px;
	border-top: 1px solid #313435;
}
.entry-footer {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #666;
	padding: 10px 0;
}
.edit-link a { color: #656A6B; }

/* ------------------------------------------------------------------ */
/* Sidebars                                                          */
/* ------------------------------------------------------------------ */
/* Right column: search, recent comments, meta … */
#sidebars {
	float: right;
	width: 200px;
	margin: 0;
	padding-bottom: 25px;
	font-size: 11px;
}
/* Left column: categories, archive, calendar */
#dynamic_sidebars {
	float: left;
	width: 200px;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 25px;
	position: relative;
	font-size: 11px;
}
.dynamic_widget, .widget-3chemical {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
#sidebars h2, #dynamic_sidebars h2, .widget-3chemical > h2 {
	float: left;
	height: 36px;
	width: 100%;
	background-image: url(images/cats.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	line-height: 36px;
	font-size: 1.5em;
	color: #666666;
	font-weight: normal;
	padding-left: 10px;
	font-family: Tahoma, Arial, "Baar Sophia", Verdana;
}
#sidebars h2 a, #dynamic_sidebars h2 a {
	color: #666666;
	text-decoration: none;
}
.arrow {
	float: left;
	list-style-type: none;
	text-align: left;
	margin: 0 0 15px;
	width: 100%;
	padding: 0 0 0 10px;
}
.arrow li {
	float: left;
	text-align: left;
	margin: 0 0 5px;
	width: 180px;
	padding: 0;
}
.arrow > li > a:link, .arrow > li > a:visited {
	width: 160px;
	padding-left: 14px;
	display: block;
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #FFFFFF;
	text-decoration: none;
}
.arrow > li > a:hover, .arrow > li > a:active {
	background-image: url(images/out.gif);
	color: #999999;
	text-decoration: none;
}
.arrow ul {
	list-style-type: none;
	text-align: left;
	margin: 5px 0 0;
	padding: 0;
	width: 180px;
}
.arrow ul li {
	font-weight: 400;
	color: #999999;
	margin: 0 0 5px;
	padding: 0;
	width: 180px;
}
.arrow ul li a:link, .arrow ul li a:visited {
	display: block;
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #eeeeee;
	text-decoration: none;
	padding-left: 14px;
	width: 150px;
}
.arrow ul li a:hover, .arrow ul li a:active {
	background-image: url(images/out.gif);
	color: #999900;
	text-decoration: none;
}
/* Sub-category indentation (wp_list_categories depth) */
.arrow ul.children, .arrow li ul.sub-menu {
	margin-left: 14px;
}

.noarrow {
	padding: 0;
	float: left;
	width: 180px;
	list-style-type: none;
	text-align: left;
	margin: 0 0 15px;
}
.noarrow li {
	float: left;
	width: 170px;
	text-align: left;
	color: #999999;
	padding-left: 10px;
	margin: 0 0 5px;
}
.noarrow li a:link, .noarrow li a:visited {
	margin: 0;
	color: #CCCCCC;
	text-decoration: none;
}
.noarrow li a:hover, .noarrow li a:active {
	color: #999999;
	text-decoration: none;
}

/* Widget generic (calendar etc.) */
.widget-3chemical ul {
	list-style: none;
	margin: 5px 0 15px;
	padding: 0 0 0 10px;
}
.widget-3chemical ul li {
	margin-bottom: 5px;
}
.widget-3chemical ul li a {
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 14px;
	display: block;
	color: #eeeeee;
}
.widget-3chemical ul li a:hover {
	background-image: url(images/out.gif);
	color: #999900;
	text-decoration: none;
}
.widget-3chemical select {
	width: 180px;
	margin: 5px 0 15px 10px;
	background: #333;
	color: #eee;
	border: 1px solid #222;
}
.widget-3chemical .rss-links li a,
.widget-3chemical .rss-items li a,
.widget_tag_cloud a,
.widget-3chemical .tag-cloud-link {
	background: none;
	padding-left: 0;
	display: inline;
}
#tag-cloud, .tag-cloud-link { color: #869AA0; }

/* Search form */
.search-form, #searchform {
	float: left;
	width: 180px;
	margin: 5px 0 15px 10px;
	padding: 0;
}
.search-form input[type="search"], #s {
	background-color: #E6E6E6;
	width: 170px;
	border: 1px solid #222222;
	font-weight: bold;
	color: #333333;
	padding: 3px 2px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.search-form input[type="submit"], #searchsubmit {
	background-color: #666666;
	border: 2px solid #666666;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 8px;
	margin-top: 5px;
	cursor: pointer;
}
.search-form input[type="submit"]:hover, #searchsubmit:hover {
	background-color: #999900;
	border-color: #666666;
	color: #FFFFFF;
}

/* ------------------------------------------------------------------ */
/* Calendar (from calendar.css)                                      */
/* ------------------------------------------------------------------ */
#wp-calendar {
	empty-cells: show;
	width: 200px;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	text-align: center;
	float: left;
	padding: 0;
	margin: 0 0 15px;
	font-weight: normal;
}
#wp-calendar a:link, #wp-calendar a:visited {
	text-decoration: none;
	color: #CCCC00;
}
#wp-calendar a:hover, #wp-calendar a:active {
	text-decoration: none;
	color: #999999;
}
#wp-calendar caption {
	text-align: left;
	width: 190px;
	margin: 0;
	padding-left: 10px;
	color: #7D7D7D;
	font-size: 1.6em;
	background-image: url(images/cats.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 36px;
	line-height: 36px;
}
#wp-calendar th, #wp-calendar td {
	margin: 0;
	padding: 0;
	text-align: center;
}
#wp-calendar tfoot td {
	padding-top: 5px;
}
#wp-calendar #next a:link, #wp-calendar #next a:visited {
	text-align: center;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	float: right;
	padding-right: 10px;
}
#wp-calendar #next a:hover, #wp-calendar #next a:active {
	color: #999900;
	text-decoration: none;
}
#wp-calendar #prev a:link, #wp-calendar #prev a:visited {
	text-align: left;
	color: #CCCC99;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	float: left;
	padding-left: 10px;
}
#wp-calendar #prev a:hover, #wp-calendar #prev a:active {
	color: #999900;
	text-decoration: none;
}
#wp-calendar .pad {
	text-align: center;
}

/* ------------------------------------------------------------------ */
/* Comments                                                          */
/* ------------------------------------------------------------------ */
#comments, .comments-area {
	float: left;
	width: 500px;
	padding-left: 10px;
	font-size: 11px;
	margin-top: 20px;
}
#comments h4, .comments-title {
	margin: 0 0 10px;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	color: #999999;
}
ol.comment-list, ul.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 444px;
}
.comment-list li.comment, .comment-list li.pingback {
	float: left;
	width: 444px;
	margin-bottom: 20px;
}
/* Nesting: indent replies with a subtle rule instead of the old tables */
.comment-list li .children {
	list-style: none;
	margin: 20px 0 0;
	padding: 0 0 0 20px;
	border-left: 1px solid #313435;
	float: left;
	width: 100%;
}
.comment-list li .children li.comment {
	background: none;
}
.top_coms {
	background-image: url(images/top_com.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 444px;
	height: 16px;
}
.rep_coms {
	background-image: url(images/rep_com.gif);
	background-repeat: repeat-y;
	background-color: #363333;
	width: 424px;
	margin: 0;
	float: left;
	color: #FFFFFF;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 18px;
}
.bot_coms {
	background-image: url(images/bot_com.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #363333;
	float: left;
	width: 424px;
	padding: 10px 10px 25px;
}
/* Alternate (odd) comments */
.comment-list li.odd .top_coms { background-image: url(images/top_alt.gif); }
.comment-list li.odd .rep_coms,
.comment-list li.bypostauthor .rep_coms { background-image: url(images/rep_alt.gif); background-color: #3d3a3a; }
.comment-list li.odd .bot_coms,
.comment-list li.bypostauthor .bot_coms { background-color: #3d3a3a; }
.comment-list li.bypostauthor .top_coms { background-image: url(images/top_alt.gif); }

.author_date {
	float: left;
	width: 424px;
	padding: 5px 10px 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.author_date a { color: #FFFFFF; }
.author_date .comment-metadata,
.author_date time {
	font-weight: normal;
	color: #656A6B;
	font-size: 11px;
}
.rep_coms p, .rep_coms_alt p {
	margin: 0;
	clear: both;
	padding: 0 0 8px;
}
.rep_coms a:link, .rep_coms a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
.rep_coms a:hover, .rep_coms a:active {
	color: #CCCCCC;
	text-decoration: none;
}
.rep_coms blockquote {
	background-image: url(images/block_com.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	clear: both;
	padding: 5px 0 0 20px;
	margin: 10px 0 0;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 18px;
}
.rep_coms code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	margin: 10px;
	padding: 5px;
	clear: both;
	color: #FFFFFF;
	background-color: #252829;
	border: 1px dashed #52595C;
}
.comment-reply-link {
	display: inline-block;
	margin-top: 5px;
	color: #999900;
	font-weight: bold;
}
.comment-reply-link:hover { color: #CCCCCC; }
.comment-notes, .form-allowed-tags, .form-allowed-tags code {
	font-size: 11px;
	color: #999999;
}
.reply {
	float: left;
	width: 100%;
}
.comment-awaiting-moderation {
	color: #999900;
	font-style: italic;
}

/* Comment form */
#commentform {
	float: left;
	width: 440px;
	margin: 10px 0 0;
}
#commentform p {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
}
#commentform input[type="text"] {
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #232323;
	color: #000000;
	padding: 2px;
}
#commentform input[type="text"]:hover {
	background-color: #eeeeee;
	border: 1px solid #131414;
}
#commentform textarea {
	padding: 5px;
	width: 420px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	height: 150px;
	margin: 0;
	color: #333333;
}
#commentform textarea:hover {
	background-color: #eeeeee;
	border: 1px solid #141414;
}
#commentform input[type="submit"] {
	width: 150px;
	background-color: #666666;
	border: 2px solid #666666;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	cursor: pointer;
}
#commentform input[type="submit"]:hover {
	background-color: #999900;
}
#commentform .required { color: #999900; }
.logged-in-as a { color: #869AA0; }
.comment-navigation {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

/* ------------------------------------------------------------------ */
/* RSS boxes (single post footer)                                    */
/* ------------------------------------------------------------------ */
.rss {
	float: left;
	width: 470px;
	padding-left: 25px;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
.rss a:link, .rss a:visited {
	text-decoration: none;
	color: #CCCC99;
}
.rss a:hover, .rss a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

/* ------------------------------------------------------------------ */
/* Footer                                                            */
/* ------------------------------------------------------------------ */
#chemical_footer {
	float: left;
	width: 100%;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: 11px;
	text-align: center;
	color: #efefef;
	line-height: 16px;
	padding-top: 20px;
	padding-bottom: 70px;
}
#chemical_footer a:link, #chemical_footer a:visited {
	text-decoration: none;
	color: #999999;
}
#chemical_footer a:hover, #chemical_footer a:active {
	color: #869AA0;
	text-decoration: underline;
}

/* ------------------------------------------------------------------ */
/* Archive / search headers                                          */
/* ------------------------------------------------------------------ */
.page-header.archive-header {
	float: left;
	width: 500px;
	padding: 10px;
	margin-bottom: 10px;
	background-image: url(images/post_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.page-title {
	margin: 20px 0 0;
	font-size: 1.8em;
	color: #869AA0;
}
.page-title .highlight { color: #99CC00; }
.archive-meta { color: #666; font-size: 12px; margin-top: 5px; }

/* ------------------------------------------------------------------ */
/* WordPress core classes & blocks (modern additions)                 */
/* ------------------------------------------------------------------ */
.sticky { /* marker used in index loop */ }
.bypostauthor {}
.wp-caption {
	max-width: 100%;
	background: #2b2a2a;
	padding: 6px;
	border: 1px solid #191919;
}
.wp-caption img { margin: 0; }
.wp-caption-text, .gallery-caption {
	font-size: 11px;
	color: #999999;
	text-align: center;
	margin: 4px 0 0;
}
.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}
.gallery-item {
	margin: 0;
	text-align: center;
	background: #2b2a2a;
	padding: 4px;
	border: 1px solid #191919;
}
.gallery-columns-2 .gallery-item { max-width: calc(50% - 8px); }
.gallery-columns-3 .gallery-item { max-width: calc(33.33% - 8px); }
.gallery-columns-4 .gallery-item { max-width: calc(25% - 8px); }
.gallery-icons a { display: block; }
.gallery a img { border: 0; }

/* Gutenberg embeds */
.wp-block-embed { margin: 15px 0; }
.wp-block-embed figcaption { font-size: 11px; color: #999; }
.entry-content .wp-audio-shortcode,
.entry-content iframe,
.entry-content embed,
.entry-content object {
	max-width: 100%;
}
/* Responsive video wrapper injected by the theme */
.fluid-iframe {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin: 15px 0;
}
.fluid-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Gutenberg blocks */
.entry-content .wp-block-image figcaption,
.entry-content figure.wp-caption { margin: 10px 0; }
.wp-block-quote {
	clear: both;
	margin: 10px;
	background-image: url(images/block.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 15px 0 0 33px;
	color: #B9B9B9;
	border: 0;
}
.wp-block-quote.is-style-large p { font-size: 14px; }
.wp-block-code {
	display: block;
	padding: 5px;
	clear: both;
	border: 1px dashed #000000;
	margin: 8px 0;
	font-size: 12px;
	background-color: #333333;
	color: #FFFFFF;
	overflow: auto;
}
.wp-block-separator {
	border: 0;
	border-top: 1px solid #313435;
	margin: 20px 0;
}
.wp-block-table {
	border-collapse: collapse;
	margin: 15px 0;
	width: 100%;
}
.wp-block-table td, .wp-block-table th {
	border: 1px solid #313435;
	padding: 4px 8px;
}
.wp-block-latest-posts, .wp-block-latest-comments, .wp-block-categories, .wp-block-archives {
	list-style: none;
	padding-left: 0;
}
.wp-block-tag-cloud a { color: #869AA0; }
.entry-content ul, .entry-content ol {
	line-height: 24px;
	padding-left: 25px;
}
.entry-content h2 { font-size: 1.5em; color: #869AA0; margin: 20px 0 0; }
.entry-content h3 { font-size: 1.3em; color: #869AA0; margin: 18px 0 0; }
.entry-content h4 { font-size: 1.1em; color: #869AA0; margin: 15px 0 0; }
.more-link { white-space: nowrap; }

/* Modern comment list fallback if widgets output defaults */
.comment-form-cookies-consent label { font-weight: normal; color: #999; }

/* ------------------------------------------------------------------ */
/* Responsive — modern addition; original was fixed 940px            */
/* ------------------------------------------------------------------ */
#menu-toggle {
	display: none;
	background: #666666;
	border: 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 12px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 5px;
}
#menu-toggle:hover { background: #999900; }

@media screen and (max-width: 979px) {
	#chemical_wp, #chemical_container, #chemical_header,
	.chemical_sitelogo, .chemical_navigator,
	#chemical_content, #chemical_post, .post_meta,
	#sidebars, #dynamic_sidebars, #comments, .comments-area {
		width: 100%;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	#chemical_content { padding-top: 5px; }
	.image_header img { width: 100%; }
	.image_header--default { width: 100%; }
	.post_meta { background: none; border-top: 3px solid #999900; padding-top: 10px; }
	#chemical_post, .post_box, .navigation, .post_pre,
	#comments ol.comment-list, .comment-list li.comment,
	.top_coms, .rep_coms, .bot_coms, .author_date, #commentform,
	#commentform textarea, .arrow, .noarrow,
	.dynamic_widget, .widget-3chemical, #wp-calendar {
		width: 100%;
		max-width: 100%;
	}
	.comment-list li .children { width: calc(100% - 20px); }
	/* Stack: content, then right sidebar, then left sidebar */
	#sidebars { order: 2; }
	#dynamic_sidebars { order: 3; padding-top: 0; }
	#chemical_container {
		display: flex;
		flex-wrap: wrap;
	}
	#chemical_header { order: 0; }
	#chemical_content { order: 1; }
	#chemical_footer { padding-left: 10px; padding-right: 10px; }

	#menu-toggle { display: block; float: left; width: 100%; }
	.chemical_navigator ul { display: none; }
	.chemical_navigator.menu-open ul { display: block; }
	.chemical_navigator li { float: none; width: 100%; }
	.chemical_navigator li a:link, .chemical_navigator li a:visited { padding: 8px 10px; }
	.chemical_navigator li ul { position: static; display: block; width: 100%; border: 0; background: #232222; }
}
@media screen and (max-width: 560px) {
	body { font-size: 90%; }
	.post_comment, .post_comment a { float: left; }
}