* { box-sizing: border-box; }
html { background: #738549; }
body { margin: 0; color: #353d25; font: 12px/1.55 Arial, Helvetica, sans-serif; }
a { color: #65762f; }
a:hover, a:focus { color: #2f4315; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 10; background: #fff; padding: .75rem; }
.skip-link:focus { left: .5rem; }
#page { width: min(980px, calc(100% - 24px)); margin: 22px auto; background: #f9d45a; border: 3px solid #f6d83d; box-shadow: 0 1px 5px rgba(31, 44, 15, .5); }
#header { height: 115px; background: #fff url("/images/newBanner01.29.jpg") no-repeat center; background-size: contain; }
.header-home, #headerimg { display: block; width: 100%; height: 115px; }
#headerimg { position: relative; }
.site-title, .description { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.layout { display: grid; grid-template-columns: 175px minmax(0, 1fr) 225px; grid-template-areas: "left main right"; align-items: start; gap: 0; }
#main { grid-area: main; min-width: 0; padding: 22px 22px 38px; background: #fff0bd; border-inline: 1px solid #dfc663; }
#sidebar-left { grid-area: left; }
#sidebar-right { grid-area: right; }
.sidebar { padding: 18px 14px 30px; color: #59623b; font-size: 10px; }
.sidebar section { margin-bottom: 22px; }
.sidebar h2 { margin: 0 0 7px; padding-bottom: 4px; border-bottom: 1px dotted #98a263; color: #68753b; font: bold 10px/1.25 Arial, sans-serif; text-transform: uppercase; }
.sidebar p { margin: 0 0 10px; }
.sidebar ul { margin: 0 0 1.2rem; padding: 0; list-style: none; }
.sidebar li { margin: 0 0 3px; }
.post { margin: 0 0 34px; }
.post h1, .archive-header h1 { margin: 0; padding-bottom: 4px; border-bottom: 2px solid #68753b; color: #263113; font: bold 18px/1.25 Arial, sans-serif; }
.post h1 a { color: #263113; text-decoration: none; }
.post h1 a:hover, .post h1 a:focus { color: #68753b; }
.post-date { margin: 5px 0 14px; color: #7b805e; font-size: 10px; }
.entry { color: #45482f; font-size: 12px; overflow-wrap: anywhere; }
.entry img, .entry iframe, .entry video { max-width: 100%; height: auto; }
.postmetadata { clear: both; margin-top: 16px; padding-top: 7px; border-top: 1px dotted #aaa66f; color: #777652; font-size: 10px; }
.media-unavailable { margin: 1rem 0; padding: 1rem; border-left: 4px solid #738549; background: #f8df8d; }
#comments h2 { color: #263113; font: bold 16px Arial, sans-serif; }
.comment-list { padding-left: 1.5rem; }
.comment-list li { margin: 1rem 0; padding: .8rem; border: 1px solid #d5c57e; background: #fff8dc; }
.comment-meta, .comments-closed { color: #6c704d; font-size: 10px; }
.pagination { display: flex; flex-wrap: wrap; gap: .35rem; padding: 0; list-style: none; }
.page-link { display: block; padding: .3rem .5rem; border: 1px solid #9da66d; background: #f8de83; }
#footer { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; clear: both; min-height: 105px; padding: 18px 22px; border-top: 3px solid #f6d83d; background: #738549; color: #f8efc8; font-size: 10px; }
#footer p { margin: 0; }
#footer a { color: #fff2a5; }
@media (max-width: 760px) {
  #page { width: 100%; margin: 0; border-width: 0 0 3px; }
  #header { height: auto; aspect-ratio: 980 / 115; background-size: 100% auto; }
  .header-home, #headerimg { height: 100%; }
  .layout { grid-template-columns: 1fr; grid-template-areas: "main" "left" "right"; }
  #main { padding: 24px 18px; border: 0; }
  .sidebar { padding: 20px 18px 0; font-size: 12px; }
  .sidebar h2 { font-size: 11px; }
  #footer { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
}