/**
 * @brief Chestnut, a theme for Dotclear 2
 *
 * @package Dotclear
 * @subpackage Theme
 *
 * @author Azork (http://xtradotfreedotfr.free.fr/blog/), Pierre Van Glabeke
 *
 * @copyright GPL-2.0 https://www.gnu.org/licenses/gpl-2.0.html
 */

/**
 * Color scheme variables. Chestnut Modern's "Configure theme" screen lets
 * you pick one of several color combinations; the chosen scheme is applied
 * by overriding these custom properties in a small inline <style> block
 * output after this stylesheet (see _public.php / _colors.php). Do not
 * remove or rename these variables without updating _colors.php to match.
 */
:root {
  --cm-accent: #B57F00;
  --cm-accent-alt: #CD9522;
  --cm-accent-strong: #B88F00;
  --cm-text: #554C46;
  --cm-soft-bg: #E2DAC9;
  --cm-header-grad-1: #EDEAE3;
  --cm-header-grad-2: #F6F4EE;
  --cm-search-grad-1: #766A61;
  --cm-search-grad-2: #574D47;
  --cm-shadow: #463E39;
  --cm-header-bg: #71655D; /* #top title-band background */
  --cm-home-columns: 3; /* number of post columns on the home page grid */
}

body {
  margin: 0;
  padding: 0;
  color: #5e5e5e;
  font: 62.5%/1.5em Arial,sans-serif;
  background: #fff url("img/bg.jpg") repeat fixed top left;
}

a:link, a:visited {
  color: var(--cm-text);
  text-decoration: none;
  outline: none;
  transition: color 150ms ease;
}
a:hover {
  color: var(--cm-accent);
  text-decoration: underline;
}

a img { border: none; }

pre {
  width: 96%;
  background: #f2f0ea;
  margin: 1.5em 0;
  overflow: auto;
  color: var(--cm-text);
  font-size: 12px;
	white-space: pre;
  box-shadow: 0px 2px 2px #dddddd;
}

code {
  font-size: 12px;
  color: #fff;
  background: var(--cm-text);
  padding: 2px;
}

sup {
  font-size:80%;
  line-height:50%;
}

hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.5em 0;
  height: 0;
}

.hr-style1 {
  clear: both;
  margin: 1.5em 0;
  height: 1px;
  background: transparent url("img/hr-style1.png") repeat-x top left;
}
.hr-style2 {
  clear: both;
  margin: 1.5em 0;
  height: 1px;
  background: transparent url("img/hr-style2.png") repeat-x top left;
}
.hr-style1 hr,
.hr-style2 hr { display: none; }

.left { float: left; }
.right { float: right; }

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li { line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0;
  padding: 0;
  font-weight: 700;
  font-family: "Segoe UI", Arial, sans-serif;
}

h2 { color: var(--cm-accent); }
h3 { color: var(--cm-text); }

.avatar {
  margin: 0 10px 10px 0;
  padding: 4px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  width: 48px;
  height: 48px;
  border-radius: 48px;
}
.cat-desc {font-size:11px;width:90%;margin: 0 auto;}
.cat-desc img {max-width:100% !important;}
.cat-feed {
  float: right;
  font-weight: normal;
  font-size: 11px;
}
.cat-feed .feed { color: var(--cm-text) !important; }

.arch-nav {
  font-weight: normal;
  margin: 10px 0 0 0 !important;
  font-size: 1.1em;
}

/* Layout
-------------------------------------------------------- */
#page {
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 10px #222;
}

#top {
  position: relative;
  height: 160px;
  padding: 0;
  margin: 0 auto;
  background: var(--cm-header-bg);
  background-size: cover;
  background-position: center;
}

#wrapper {
  overflow: hidden;
  margin: 0 auto;
  padding: 20px 0;
  background: #fff;
}

#main {
  float: left;
  padding: 0 10px 0 0;
}

#content {
  overflow: hidden;
  position: relative;
}

#sidebar {
  float: right;
  padding: 0 0 0 10px;
}

#footer {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}

#custom {
  background: var(--cm-text);
  color: #fff;
  overflow: hidden;
  height: auto !important;
  height: 200px;
  padding: 0 28px;
  margin: 0 auto;
}

#legal {
  padding: 10px 28px;
  overflow: hidden;
  margin: 0 auto;
  background: #4d443d;
  font-size: 10px;
}

/* Header
-------------------------------------------------------- */
#toplinks {
  background: var(--cm-text);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
  height: 22px;
  line-height: 21px;
}
#toplinks a { color: #fff; }
#toplinks p { margin-top: 0; }
#toplinks .left {margin-left:26px;}

/* Second, independent SimpleMenu instance shown in the dark top bar
   (see tpl/_top.html #toplinks-simplemenu), alongside Home/Archives/
   Subscribe. Separate from the "Menu to display" setting further down
   the page -- this one is always shown regardless of that choice. */
#toplinks-simplemenu {
  list-style: none;
}
#toplinks-simplemenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#toplinks-simplemenu li {
  float: left;
  list-style: none;
  margin: 0 0 0 1px;
}
#toplinks-simplemenu li::before {
  content: "|";
  margin-right: 6px;
  color: rgba(255, 255, 255, 0.4);
}
#toplinks-simplemenu li:first-child::before { content: none; margin-right: 0; }
#toplinks-simplemenu a {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
#toplinks-simplemenu a:hover { text-decoration: underline; }
#toplinks-simplemenu li.active > a { text-decoration: underline; }

#top h1 {
  position: absolute;
  top: 45px;
  left: 26px;
  margin: 0;
  font-size: 3.2em;
  line-height: 45px;
  font-weight: 700;
}
#top h1 a {
  color: #fff;
  text-decoration: none;
  text-shadow: 2px 2px 4px #555;
}

#top #description {
  position: absolute;
  top: 87px;
  left: 46px;
  margin: 0;
  font-size: 1.1em;
  color: var(--cm-accent-alt);
  font-weight: 700;
  font-style: italic;
}

#topsearch {
  background: yellow none repeat scroll 0 0;
  box-shadow: 1px 1px 2px 0 var(--cm-shadow);
  border-radius: 10px;
  height: 37px;
  position: absolute;
  right: 26px;
  top: 60px;
  width: 230px;
  background: linear-gradient(to bottom, var(--cm-search-grad-1) 0%,var(--cm-search-grad-2) 100%);
}
#topsearch p {
  background: #fff;
  border: none;
  border-radius: 7px;
  height: 21px;
  width:214px;
  margin:8px;
}
#topsearch #query {
  background: transparent;
  border: none;
  height: 21px;
  line-height: 20px;
  width:176px;
  padding: 0 0 0 10px;
  font-size: 12px;
}
#topsearch .submit {
  background: #fff url("img/icon-search.png") no-repeat 5px 5px;
  border: none;
  cursor:pointer;
  height: 18px;
  width:20px;
  text-indent:-9999px;
}

.chestnut-search-suggest {
  position: absolute;
  top: 100%;
  left: 8px;
  right: 8px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 100;
  max-height: 220px;
  overflow-y: auto;
}
.chestnut-search-suggest[hidden] { display: none; }
.chestnut-search-suggest li {
  padding: 5px 8px;
  font-size: 12px;
  color: var(--cm-shadow);
  cursor: pointer;
}
.chestnut-search-suggest li:hover,
.chestnut-search-suggest li:focus {
  background: #f2e9c9;
  outline: none;
}

#prelude { display: none; }

/* Visually-hidden utility (accessible labels) and mobile nav toggle
-------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.chestnutmodern-nav-toggle {
  display: none; /* shown only under the mobile breakpoint, see responsive.css */
  position: relative;
  width: 40px;
  height: 32px;
  margin: 0 12px 12px;
  padding: 0;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  cursor: pointer;
}
.chestnutmodern-nav-toggle:hover,
.chestnutmodern-nav-toggle[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.22);
}
.chestnutmodern-hamburger,
.chestnutmodern-hamburger::before,
.chestnutmodern-hamburger::after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  height: 2px;
  background: #fff;
}
.chestnutmodern-hamburger { top: 15px; }
.chestnutmodern-hamburger::before { top: -8px; }
.chestnutmodern-hamburger::after { top: 8px; }

/* Sidebar styles
-------------------------------------------------------- */
#sidebar { font-size: 1.1em; }

#sidebar h2 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 15px 0;
  padding: 8px 0 0 10px;
  height: 23px;
  color: var(--cm-text);
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  background: linear-gradient(to bottom, var(--cm-header-grad-1) 0%,var(--cm-header-grad-2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

#sidebar .archive-bt a {
  background: var(--cm-soft-bg);
  font-size: 11px;
  height: 16px;
  float: right;
  padding: 2px 6px;
  margin: 6px 6px 0 0;
  text-decoration: none;
  color: var(--cm-text);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
}
#sidebar .archive-bt a:hover {
  background: #BCA775;
  color: #fff;
}

/* Live earthquake / solar activity / Schumann reference widget
-------------------------------------------------------- */
.live-feeds h2 { margin-bottom: 12px; }

.live-feeds .live-feed-block {
  background: #fbfbfa;
  border: 1px solid #e8e6e0;
  border-radius: 6px;
  padding: 10px 12px 11px;
  margin-bottom: 10px;
}
.live-feeds .live-feed-block:last-of-type { margin-bottom: 0; }

.live-feeds .live-feed-block h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--cm-text);
  margin: 0 0 8px 0;
  line-height: 1.2em;
}
.lf-icon {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  color: var(--cm-accent);
}
.lf-sub {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
  background: var(--cm-accent);
  border-radius: 3px;
  padding: 1px 6px;
}

.live-feed-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.live-feed-list li {
  border-bottom: 1px solid #ece9e2;
  padding: 7px 0;
}
.live-feed-list li:last-child { border-bottom: none; padding-bottom: 0; }
.live-feed-list li:first-child { padding-top: 0; }
.live-feed-list a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  color: var(--cm-text);
}
.live-feed-list a:hover .eq-place { color: var(--cm-accent); text-decoration: underline; }

.eq-mag {
  display: inline-block;
  min-width: 36px;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
}
.eq-mag-minor    { background: #4a9e4a; }
.eq-mag-light    { background: #b8a12a; }
.eq-mag-moderate { background: #d98a1f; }
.eq-mag-strong   { background: #c1442c; }
.eq-mag-major    { background: #8a2f8a; }

.eq-place {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  line-height: 1.35em;
}
.eq-time {
  flex: 0 0 auto;
  font-size: 10px;
  color: #9a9488;
  width: 100%;
  margin-top: 1px;
}

.nw-scale-row {
  display: flex;
  align-items: center;
  margin: 0 0 7px;
  font-size: 12px;
}
.nw-scale-row:last-child { margin-bottom: 0; }
.nw-scale-badge {
  display: inline-block;
  min-width: 28px;
  padding: 2px 6px;
  margin-right: 7px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.nw-scale-0 { background: #4a9e4a; }
.nw-scale-1 { background: #b8a12a; }
.nw-scale-3 { background: #d98a1f; }
.nw-scale-4 { background: #c1442c; }
.nw-scale-label { color: var(--cm-text); }

.live-feed-note {
  font-size: 11px;
  line-height: 1.4em;
  color: #8a8478;
  margin: 0 0 8px;
}

.live-feed-updated {
  margin: 8px 0 0;
  font-size: 10px;
  color: #b0aa9c;
  text-align: right;
}

.schumann-sparkline-wrap {
  margin: 8px 0 2px;
}
.schumann-sparkline {
  display: block;
  width: 100%;
  height: 32px;
  color: var(--cm-accent);
}
.schumann-sparkline-caption {
  margin: 3px 0 0;
  font-size: 10px;
  color: #b0aa9c;
}

.schumann-spectrogram {
  margin: 8px 0 4px;
  padding: 0;
}
/* #sidebar .schumann-spectrogram img (not just .schumann-spectrogram img)
   so this reliably outranks the generic #sidebar img rule (photo-frame
   padding/border/light background), which would otherwise look wrong
   wrapped around a technical spectrogram image. */
#sidebar .schumann-spectrogram img {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  border: 1px solid #e8e6e0;
  border-radius: 4px;
  background: #10151c;
}
.schumann-spectrogram figcaption {
  margin: 4px 0 0;
  font-size: 10px;
  color: #b0aa9c;
}

.live-feed-loading,
.live-feed-error,
.live-feed-empty {
  font-size: 12px;
  color: #999;
  font-style: italic;
  margin: 0;
  padding: 0;
  border: none;
}
.live-feed-credit {
  margin: 10px 0 0;
  color: #999;
}
.live-feed-credit a { color: #999; text-decoration: underline; }

#sidebar h3 {
  font-size: 1.25em;
  line-height: 18px;
  margin-bottom: 5px;
}

#sidebar h3.latest-news-article {
  font-size: 1.25em;
  line-height: 18px;
  margin-bottom: 4px;
  margin-left: 0;
}

#sidebar img {
  padding: 4px;
  border: 1px solid #CCCCCC;
  background: #F9F9F9;
  max-width:100%;
}
#sidebar img.square.left {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

#sidebar .hr-style1 { margin: 10px 0 !important; }
#sidebar .hr-style2 { margin: 10px 0 !important; }

#sidebar div { margin: 0; }

#sidebar div div { margin: 0 0 40px 10px; }

#sidebar div div ul,
#sidebar div div h3,
#sidebar div div p {
  margin: 0 10px;
}

#sidebar div div div,
#sidebar div div div p {
  margin: 0;
  overflow: hidden;
}

#sidebar div div img.left { margin-right: 10px; margin-bottom: 15px; }
#sidebar div div img.right { margin-left: 10px; margin-bottom: 15px; }

#sidebar div.feed {
	background: none;
	padding: 0;
}

#sidebar .mywidgets .post,
#sidebar .mywidgets .last-comment > div,
#sidebar .mywidgets .trackbacks > div { margin: 0 10px; }
#sidebar .mywidgets .trackbacks div h3 { margin-left: 0; margin-bottom: 5px; }
#sidebar .mywidgets .post-content { font-size: 11px; overflow: hidden; }
#sidebar .mywidgets .last-comment .comment-author { margin-bottom: 4px; }
#sidebar .mywidgets .last-comment .comment-desc { font-size: 11px; margin-bottom: 8px; }
#sidebar .mywidgets .last-comment p.right a { font-size: 12px; font-weight: 700; background: transparent url("img/arrow.png") no-repeat right 50%; padding-right: 8px; }

#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sidebar li {
  margin: 0.2em 0;
  padding: 0 0 0 12px;
  background: url("img/arrow.png") no-repeat 0 6px;
}
#sidebar li a:link, #sidebar li a:visited {
  color: #333333;
  text-decoration: none;
}
#sidebar li a:hover { color: var(--cm-accent); text-decoration: underline; }

#sidebar ul ul {
  list-style: disc;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
  border: none;
}
#sidebar li li {
  display: list-item;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

#sidebar li.category-current > a { font-weight: 700; }

#sidebar .avatar { margin: 0 10px /*10px*/ 0 0 !important; }

#q {
  border: 1px solid #bfbfbf;
  width: 150px;
  color: #6b6b6b;
}
#search .submit {
  padding: 0;
  border: 1px solid #6b6b6b;
  background: #6b6b6b;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
#search .submit:hover {
  background: #6b6b6b;
  color: #fff;
  border: 1px solid #6b6b6b;
}

#topnav ul { padding: 0; }
#topnav li { border-bottom: none; }

#sidebar .syndicate ul { border-top: none; }
#sidebar .syndicate li {
  border-bottom: none;
  padding: 0;
  background: none;
}

#sidebar .links h3 {
	color: #555;
	margin-top: 1em;
  margin-bottom: .5em;
}

#sidebar .tags ul {
  border-top: none;
  font-size: 1em;
  text-align: justify;
  margin-bottom: 10px;
  overflow: hidden;
}
#sidebar .tags ul li {
  float: left;
  background: none;
  margin: 0 4px 4px 0;
  padding: 0;
  border: none;
  line-height: 1.8em;
}
#sidebar .tags ul li a {
  display: block;
  float: left;
  font-size: 10px;
  font-weight: 700;
  background: var(--cm-soft-bg);
  border: 1px solid #cfc6b7;
  border-top: 0;
  border-left: 0;
  color: var(--cm-text);
  padding: 1px 6px 0;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 20px;
}
#sidebar .tags ul li a:hover {
  background: var(--cm-text);
  border: 1px solid var(--cm-text);
  border-top: 0;
  border-left: 0;
  color: #fff;
}

ul.tags {
  list-style: none;
  margin: 1em 0;
  padding: 0;
  font-size: 1.3em;
  text-align: justify;
}
ul.tags li {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 1.8em;
}

/* Main content styles
-------------------------------------------------------- */
#breadcrumb {margin:0 0 15px;padding:0 0 0 5px; font-size:1.1em;}
#subcategories {
  margin: 0;
  padding: 10px 0;
  font-size: 11px;
}
#subcategories h4 {
  margin: 0;
  float: left;
  color: var(--cm-text);
  font-size: 12px;
}
#subcategories ul {
  margin: 0;
  padding: 0;
}
#subcategories ul li {
  display: inline;
  margin: 0 0 0 10px;
}

#content-info h2 { font-size: 2em; margin: 0 0 10px 0; }

.post { margin: 0 0 1.5em 0; }

.post-title a:link,
.post-title a:visited {
  color:var(--cm-accent);
  text-decoration: none;
}
.post-title a:hover { text-decoration: underline; }

.post-info {
  margin: 5px 0;
  color: #a0968f;
  font-size: 10px;
	text-transform: uppercase;
}

.post-info a:hover {
  color: var(--cm-accent);
  text-decoration: none;
}

.post-tags {
  list-style: none;
  margin: 1.5em 0 0 0;
  padding: 3px 0;
	font-size: 1.1em;
}
.post-tags li {
  display: inline;
  margin-right: 8px;
  padding: 5px 0 5px 22px;
  background: transparent url("img/tag.png") no-repeat 0 70%;
}
.post-tags li a { color: #6b6b6b; }

.post-related { overflow: hidden; }
.post-related h4 { font-size: 13px; margin-top: 0; }
.post-related .post-content { font-size: 11px; }

.comment_count {
  font: 9px Arial;
  color: #c3c3c3;
  background: transparent url("img/comment.png") no-repeat 50% 0;
  padding: 2px 10px 6px 10px;
  text-decoration: none;
  line-height: 12px;
  text-align: center;
}
.ping_count { background: transparent url("img/trackback.png") no-repeat 0 50%; }
.attach_count { background: transparent url("img/attach.png") no-repeat 0 50%; }

.read-it {
  font-size: 12px;
  clear: both;
}
.read-it a {
  font-weight: 700;
  background: transparent url("img/read-more-button.png") no-repeat 0 -2px;
  padding-left: 18px;
  margin-right: 10px;
}
.read-it a:hover { background-position: 0 -25px; }

.feed {
  background: transparent url("img/feed-icon.png") no-repeat 0 50%;
  padding: 5px 0 5px 14px;
}

.rssfeed {
  border-bottom: 1px dotted #2E241E;
  text-decoration: none !important;
}

#content-info {
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 8px;
	border-bottom: 1px solid var(--cm-text);
}
#content-info p {
  clear: both;
  margin: .75em 0;
}

.content-inner { padding: 0; }

#article, #comment, #media {
  overflow: hidden;
  clear: both;
}

#tabs > ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
}
#tabs > ul li {
  float: left;
  padding: 0 8px;
}
#tabs > ul li:first-child { padding-left: 0; }
#tabs > ul a { color: var(--cm-text); font-weight: 700; }
#tabs > ul a:hover { color: var(--cm-accent); text-decoration: underline; }
#tabs > ul li.chestnutmodern-tab-active a {
  color: var(--cm-accent);
  border-bottom: 2px solid var(--cm-accent);
}

/* Post content
-------------------------------------------------------- */
.featured-post { overflow: hidden; }

.post img.featured {
  margin-right: 20px;
  margin-bottom: 20px;
}

.post-info-category {
  margin: 10px 0;
  color: #A0968F;
  font-size: 10px;
  display: block;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid var(--cm-text);
}

.post-info-category a:link,
.post-info-category a:visited,
.post-info-category a:hover {
  color: #fff;
  float: left;
  padding: 2px 8px;
  background: var(--cm-text);
  margin-left: 4px;
  font-family: "Segoe UI",Arial,sans-serif;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.related-article { font-size: 11px; margin: 5px 0; }
.related-article a {
  background: url(img/arrow.png) no-repeat 0 4px;
  padding-left: 12px;
}

.post-content,
.post-excerpt { font-size: 1.2em; line-height: 1.4em; }

.post-content h1 {
  font-size: 2.2em;
  color: var(--cm-text);
}

.post-content h2 {
  font-size: 1.666em;
  line-height: 1.333em;
  color: var(--cm-text);
}

.post-content h3 {
  font-size: 1.5em;
  line-height: 1.2em;
  color: var(--cm-text);
}
.post-content h4 {
  font-size: 1.25em;
  line-height: 1em;
  color: var(--cm-text);
}
.post-content h5 {
  font-size: 1em;
  line-height: 1.25em;
  color: var(--cm-text);
}
.post-content h6 {
  font-size: 1em;
  line-height: 1.25em;
  color: var(--cm-text);
}

.post-content a:link, .post-content a:visited,
.post-excerpt a:link, .post-excerpt a:visited { color: var(--cm-accent); }

.post-content a:hover,
.post-excerpt a:hover { text-decoration: underline; }

.post-content img,
.post-excerpt img { max-width: 690px; }

.post-content acronym,
.post-excerpt acronym {
  cursor: help;
  border-bottom: 1px dotted #666;
}

.post-content pre,
.post-excerpt pre {
  padding: 2%;
  line-height: 1.6em;
}

.post-content ul, .post-excerpt ul,
.post-content ol, .post-excerpt ol {
  margin: 0 0 1.5em 0;
  padding: 0 40px;
}

.post-content ul ul, .post-excerpt ul ul,
.post-content ol ol, .post-excerpt ol ol { margin: 0; }

.post-content li,
.post-excerpt li {
  margin: 0 0 .2em 0;
  padding: 0;
}

.post-content blockquote,
.post-excerpt blockquote {
  color: #666;
  font-weight: normal;
  font-style: italic;
  margin: 1.5em 3em;
}
.post-content blockquote p:before,
.post-excerpt blockquote p:before { content: '"'; }
.post-content blockquote p:after,
.post-excerpt blockquote p:after { content: '"'; }

#content img {
  padding: 4px;
  border: 1px solid #CCCCCC;
}

#content .smiley {
  padding: 1px;
  border: none;
  vertical-align: middle;
}

#content strong { color: var(--cm-text); }

#content table {
  margin: 1.5em 0;
  border-collapse: collapse;
  background: #f6f3ee;
  color: var(--cm-text);
  position: relative;
}
#content table caption {
  text-align: left;
  padding: 0;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid var(--cm-text);
  height: 23px;
}

#content table caption .cat-title {
  margin: 0;
  overflow: hidden;
  color: #fff;
  background: var(--cm-text);
  padding: 4px 12px;
  margin-left: 8px;
  float: left;
  font-size: 1.0909em;
  font-family: "Segoe UI",Arial,sans-serif;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

#content table th {
  text-align: left;
  padding: 4px 6px;
  font-size: 12px;
}
#content table td { padding: 4px 6px; background: #fff; border-top: 1px solid #F6F3EE; }
#content table .th-entry { width: 340px; }
#content table .th-date { width: 150px; }
#content table .th-author,
#content table .td-author { width: 120px; text-align: center; }
#content table .view-all a {
  background: transparent url("img/button2.png") no-repeat top left;
  padding-left: 18px;
  font-size: 12px;
  font-weight: 700;
}
#content table .view-all a:hover { background-position: 0 -16px; }

.footnotes { overflow: hidden; }
.footnotes p {
  margin: 0 0 1.5em 0;
  font-size: .916em;
}

.post-update {
  font-size: .916em;
  color: #A0968F;
  clear: both;
  margin: 1.5em 0;
}

#author {
  clear: both;
  color: var(--cm-text);
  padding: 20px;
  height: /*68px*/ 56px;
  background-color: #f4f4f4;
  border-radius: 10px;
}
#author h4 {
  font-size: 1.6em;
  margin: 8px 0 0 68px;
}
#author p {
  margin: .75em 0 .75em 68px;
  line-height: 1.5em;
  font-size: 11px;
}

#navlinks {
  overflow: hidden;
  margin: 2em 0;
}

.pagination {
  text-align: center;
  overflow: hidden;
  margin: 2em 0 1em;
}
.pagination p { margin: 0; }

/* Numbered page links (custom PaginationLinks tag) */
.pagination p span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  margin: 0 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  background: var(--cm-soft-bg);
  color: var(--cm-text);
  vertical-align: middle;
}
.pagination p span a {
  color: inherit;
  text-decoration: none;
}
.pagination p span:not(.this):hover {
  background: var(--cm-accent);
}
.pagination p span:not(.this):hover a { color: #fff; }
.pagination .this {
  background: var(--cm-text);
  color: #fff;
}
.pagination .etc {
  background: none;
  min-width: 0;
  padding: 0 4px;
}

/* Compact inline prev/next (e.g. archive month date-jump links) */
.prev {
  background: transparent url("img/previous.png") no-repeat top left;
  padding-left: 18px;
}
.prev:hover { background-position: 0 -25px; }

.next {
  background: transparent url("img/next.png") no-repeat top right;
  padding-right: 18px;
}
.next:hover { background-position: right -25px; }

/* Prominent prev/next buttons: pagination (previous/next entries) and
   single-post navigation (#navlinks). More specific than the compact
   .prev/.next rules above, so they take over cleanly in these two
   contexts only. */
.pagination .prev,
.pagination .next,
#navlinks .prev,
#navlinks .next {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 320px;
  padding: 12px 20px;
  margin: 0 0 10px;
  background: var(--cm-text);
  background-image: none;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 150ms ease;
}
.pagination .prev:hover,
.pagination .next:hover,
#navlinks .prev:hover,
#navlinks .next:hover {
  background: var(--cm-accent);
  background-image: none;
  text-decoration: none;
  color: #fff;
}
.pagination .prev::before,
#navlinks .prev::before {
  content: "";
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid currentColor;
}
.pagination .next::after,
#navlinks .next::after {
  content: "";
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid currentColor;
}
/* Disabled state (no earlier/later page): rendered as <span>, not <a> */
.pagination span.prev,
.pagination span.next,
#navlinks span.prev,
#navlinks span.next {
  background: #e2e2e2;
  color: #999;
  cursor: default;
}
.pagination span.prev::before,
#navlinks span.prev::before {
  border-right-color: #999;
}
.pagination span.next::after,
#navlinks span.next::after {
  border-left-color: #999;
}

/* Homepage only
-------------------------------------------------------- */
.dc-home #content .post-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
}
.dc-home #content .post {
  display: block;
  float: none;
  min-width: 0; /* let grid items shrink below their content's natural width */
}
.dc-home .category-container {
  display: grid;
  grid-template-columns: repeat(var(--cm-home-columns, 3), 1fr);
  gap: 20px;
  overflow: visible;
  padding-bottom: 10px;
}
.dc-home .category-container img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 140px;
  object-fit: cover;
  float: none;
  margin: 0 0 8px 0;
  border-radius: 2px;
}
.dc-home #content .post-content {
  text-align: justify;
}

/* Category only
-------------------------------------------------------- */
.dc-category #content-info h2 {
  margin: 0;
  font-size: 12px;
  overflow: hidden;
  color: #fff;
  background: var(--cm-text);
  padding: 4px 12px;
  margin-left: 8px;
  float: left;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.dc-category #content .post-title { margin: 0; font-size: 2em; line-height: 1.2em; }
.dc-category #content img.left { width: 200px; margin-right: 20px; margin-top: 4px; }
.dc-post #content img.square.left,
.dc-page #content img.square.left { width: 150px; margin-right: 20px; margin-top: 4px; }
.dc-category #content .post-content { text-align: justify; }

/* Post only
-------------------------------------------------------- */
.dc-post #content .post-title {
  margin: 0;
  font-size: 2.4em;
  line-height: 1.333em;
  color: var(--cm-accent);
}

.dc-post .post-related h2 { font-size: 2em; margin: 0 0 10px 0; line-height: 27px; }
.dc-post .post-related .post {
  display: inline;
  float: left;
  margin: 0;
}
.dc-post .post-related .even { margin-left: 30px; float: right; }
.dc-post .post-related img.left { margin-right: 10px; margin-bottom: 15px; }
.dc-post .post-related img.right { margin-left: 10px; margin-bottom: 15px; }

.action {
  border: 1px solid #ccc;
  background: #F9F9F9;
  padding: 20px;
  text-align: center;
}
.action .download,
.action .view {
  margin: 0 20px;
  color: var(--cm-text) !important;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Page only
-------------------------------------------------------- */
.dc-page #content .post-title {
  margin: 0;
  font-size: 2.4em;
  line-height: 1.333em;
  color: var(--cm-accent);
}

.dc-page .post-related h2 { font-size: 2em; margin: 0 0 10px 0; line-height: 27px; }
.dc-page .post-info { font-size: 10px; }
.dc-page .post-related .post {
  display: inline;
  float: left;
  margin: 0;
}

.dc-page .post-related .even { margin-left: 30px; float: right; }
.dc-page .post-related img.left { margin-right: 10px; margin-bottom: 15px; }
.dc-page .post-related img.right { margin-left: 10px; margin-bottom: 15px; }

/* Archives only
-------------------------------------------------------- */
.dc-archive #content-info,
.dc-archive-month #content-info { border: none; }
.dc-archive #content-info form,
.dc-archive-month #content-info form {
  float: right;
  text-align: right;
  margin-top: 0;
}

.dc-archive #content-info form select,
.dc-archive-month #content-info form select { font-size: 12px; }

.dc-archive #content table,
.dc-archive-month #content table { font-size: 1.1em; margin: 0 0 40px 0; }

/* Tags only
-------------------------------------------------------- */
.dc-tags #content-info { border: none; }
.dc-tag #content-info h2 {
  margin: 0;
  font-size: 12px;
  overflow: hidden;
  color: #fff;
  background: var(--cm-text);
  padding: 4px 12px;
  margin-left: 8px;
  float: left;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.dc-tag #content .post-title { margin: 0; font-size: 2em; line-height: 1.2em; }
.dc-tag #content img.left { width: 200px; margin-right: 20px; margin-top: 4px; }

.dc-tags #content-info form {
  float: right;
  text-align: right;
  margin-top: 0;
  margin-right: 10px;
}

.dc-tags #content table { font-size: 1.1em; margin: 0 0 40px 0; }

/* Search only
-------------------------------------------------------- */
.dc-search #content .post-title {
  font-size: 2em;
  line-height: 1.2em;
  margin: 0;
}
.dc-search #content img.left { width: 200px; margin-right: 20px; margin-top: 4px; }

/* Attachments
-------------------------------------------------------- */
#media { font-size: 1.2em; line-height: 1.5em; }
#attachments { margin-top: 1.5em; }
#attachments p { margin: 0; }
#attachments .attachment-desc {margin:0 0 0 3px;vertical-align:140%;}
#attachments ul {
  list-style: none;
  margin: 0;
}
#attachments li {
  margin: 0 0 1em;
  padding: 2px 10px 2px 0;
  /*overflow: hidden;*/
}
#attachments li.text {
  padding: 2px 10px 2px 18px;
  background: transparent url("img/attach.png") no-repeat 0 50%;
}
#attachments li.image {
  padding-left: 0;
  background: none;
}
#attachments li.video a {
  display: none;
}
#attachments li object {
  display: inline;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
#attachments li.audio a {margin:0 0 0 3px;vertical-align:50%;}

/* Comments and trackbacks
-------------------------------------------------------- */
#comment h3,
#comment-form h3 {
  padding: 0;
  margin: 20px 0 1.5em 0;
  position: relative;
  font-size: 1.6em;
}

#comment-form h3 .feed {
  font-size: 11px;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#comment-form a.feed { color: var(--cm-text) !important; }

#comment dl { margin: 1.5em 0 0 0; font-size: 1.2em; line-height: 1.5em; }

#comment dt {
  margin: 0;
  padding: 10px 0 0 68px;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid var(--cm-text);
}
#comment a { color: var(--cm-accent); }

#comment a.comment-number {
  display: block;
  width: 58px;
  position: absolute;
  top: 0;
  left: 0;
	z-index: 5000;
}

#comment dd { margin: 10px 20px 40px 68px; }

#comment dd.comment-preview { padding-left: 0; }

#comment dd ul,
#comment dd ol {
  padding: 0 0 0 20px;
  list-style-position: inside;
}

#comment dd pre {
  font-size: 12px;
  line-height: 17px;
  padding: 2%;
  width: 95%;
}

#comment .commentdate {
  color: var(--cm-text);
  text-transform: uppercase;
  font-size: .833em;
}

.error {
  margin: 10px 0;
  padding: 10px 5px;
  background: #ffcccc;
  border-radius: 10px;
  border: 2px solid red;
  font-weight: 700;
  font-size: 1.1em;
}

.message {
  padding: 10px 20px;
  margin: 0 0 10px 0;
  background: #F4F4F4;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1.1em;
  color:green;
}

/* Forms
-------------------------------------------------------- */
#comment-form {
  padding-top: 10px;
  overflow: hidden;
  clear: both;
}

#comment-form fieldset {
  border: none;
  padding: 10px 20px;
  margin: 0 0 10px 0;
  background: #F4F4F4;
  border-radius: 10px;
}
#comment-form fieldset p {
  padding: 10px 0;
  width: auto;
  margin: 0;
  clear: left;
}

#comment-form p.form-help {
  margin: 0;
  font-style: italic;
}

#comment-form #c_namemail { overflow: hidden; }

#comment-form #c_namemail div { width: 49%; }

#comment-form #c_namemail input#c_name,
#comment-form #c_namemail input#c_mail,
#comment-form #c_namemail input#c_site {
  width: 95.2%;
}

#comment-form p label { width: auto; }

#comment-form p.field label {
  font-weight: 700;
  display: block;
  padding: 0;
  width: 98%;
  float: left;
  text-align: left;
  color: var(--cm-text);
  font-size: 1.2em;
}

#comment-form input,
#comment-form textarea {
  font: 12px "Lucida Grande",Arial,sans-serif;
  border: 1px solid #cdcdcd;
  padding: 4px 6px;
  margin: 0;
  color: #555;
}

#comment-form textarea {}

#comment-form .buttons .left {padding:4px 0 0 0;}
#comment-form .buttons {
  position: relative;
  padding: 0;
  overflow: hidden;
}

#comment-form p.remember {
  margin: 0;
}

#comment-form input#c_remember {
  width: auto;
  border: 0;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

#comment-form input.preview,
#comment-form input.submit {
  width: auto;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  color: #fff;
  background: var(--cm-accent);
  border: none;
  margin-left: 5px;
  padding: 6px 12px 4px;
  border-radius: 2px;
  transition: background 150ms ease;
}
#comment-form input.preview:hover,
#comment-form input.submit:hover {
  cursor: pointer;
  background: #2e241e;
}

/* Footer
-------------------------------------------------------- */
#footer { font-size: 1.2em; color: #fff; }
#footer p { margin: 0; }
#footer p a {
  color: #aca098;
  font-weight: 700;
}

#custom div {
  display: inline;
  float: left;
  margin: 20px 0 0 0;
  height: auto !important;
  height: 100px;
  padding: 15px 0 30px;
}

#custom div > * {
  margin-right: 10px;
  margin-left: 10px;
}

#custom div p {
  margin-right: 10px;
  margin-left: 10px;
}

#custom h2 {
  margin-top: 0;
  color: #fff;
  padding: 0 0 10px 0;
  font-size: 1.166em;
  text-transform: uppercase;
  border-bottom: 1px solid #ACA098;
}
#custom h3 {
  color: #fff;
  font-size: 1em;
}

#custom ul, #custom p, #custom ol { font-size: .916em; }

#custom a:link, #custom a:visited { color: #fff; }

#custom ul {
  margin-top: 0;
  list-style: none;
}
#custom ul li {
  background: transparent url("img/grey-arrow.png") no-repeat 0 6px;
  padding: 0 0 0 12px;
}

#custom .syndicate li {
  padding: 0;
  background: none;
}

#custom .links ul {
  list-style: none;
  padding-left: 0 !important;
}
#custom .links li {
}

#custom .tags ul {
  border-top: none;
  text-align: justify;
  margin-bottom: 10px;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
#custom .tags ul li {
  float: left;
  background: none;
  margin: 0 4px 4px 0;
  padding: 0;
  border: none;
  line-height: 1.8em;
}
#custom .tags ul li a {
  display: block;
  float: left;
  font-size: 10px;
  font-weight: 700;
  background: var(--cm-soft-bg);
  color: var(--cm-text);
  padding: 1px 6px 0;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 20px;
}
#custom .tags ul li a:hover {
  background: #4d443d;
  color: #fff;
}

#custom div.feed { background: none; }

#custom img {
  padding: 4px;
  border: 1px solid #4d443d;
  max-width:95%;
}
/* Twitter / Facebook
-------------------------------------------------------- */
.fb_share,
.twitter-share-button {
  vertical-align: middle;
  padding: 0 0 0 10px;
}

/* Jquery UI Tabs
-------------------------------------------------------- */
.ui-tabs .ui-tabs-hide { display: none; }

.ui-tabs { position: relative; }

.ui-tabs-nav {
  clear: both;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  height: 30px;
  color: #999;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 5px;
}

.ui-tabs-nav a {
  font-weight: 700;
  color: #999;
  font-size: 12px;
}
.ui-tabs-nav a:hover { color: #555; }

.ui-tabs-selected a { color: #555; }

.ui-tabs-nav li {
  float: left;
  display: block;
  padding: 0 10px;
  line-height: 30px;
}

/* Jquery UI Autocomplete
-------------------------------------------------------- */
.ui-autocomplete {
  position: absolute;
  cursor: default;
  background: #fff;
  box-shadow: 0px 2px 2px #999;
  border-radius: 2px;
}

.ui-menu {
  list-style:none;
  padding: 5px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  float: left;
  clear: left;
  width: 100%;
  font-size:1.1em;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  cursor: pointer;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  color: var(--cm-text); background: var(--cm-soft-bg);
  border-radius: 2px;
}
/* plugins */
#sidebar .weatherplus img {border:none;padding:0;background:none;}
.shortArchives .arch-years li {background : none !important;padding-left: 0 !important;margin-left:-2px !important;}