body {
    margin: 8px;
    font: 13px/1.4 Tahoma, Verdana, Arial, sans-serif;
    color: #2a2a2a;
    background-color: #011a11;
}

.admin-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    width: 740px;
    max-width: 100%;
    margin: 0 auto 6px;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 1.3;
    background: #1a1a1a;
    color: #bbb;
}

.admin-bar-brand,
.admin-bar-links a,
.admin-bar-user a {
    color: #9fdcb8;
    text-decoration: none;
    text-transform: lowercase;
}

.admin-bar-brand {
    color: #fff;
    font-weight: 600;
}

.admin-bar-quick {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    padding-left: 8px;
    border-left: 1px solid #444;
}

.admin-bar-quick-link {
    color: #ffd966;
    font-weight: 600;
    text-decoration: none;
    text-transform: lowercase;
}

.admin-bar-quick-link--add {
    color: #9fdcb8;
}

.admin-bar-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    flex: 1;
}

.admin-bar-user {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.admin-bar-name {
    color: #888;
}

a {
    color: #016040;
}

a:visited {
    color: #014830;
}

.lite-layout {
    width: 740px;
    max-width: 100%;
    background-color: #fcf7fd;
    border: 2px solid #016040;
    table-layout: fixed;
}

.lite-header img {
    display: block;
    border: 0;
}

.lite-nav {
    padding: 6px 8px 8px;
    text-align: right;
    background-color: #011a11;
    color: #9fdcb8;
    font-size: 12px;
    border-bottom: 1px solid #014830;
}

.lite-nav a {
    text-decoration: none;
    color: #d8f0e4;
}

.lite-nav a:visited {
    color: #b8dcc8;
}

.lite-nav a:hover {
    text-decoration: underline;
    color: #fff;
}

.lite-content {
    padding: 12px 14px 16px;
    vertical-align: top;
    color: #2a2a2a;
    overflow-x: hidden;
}

.lite-content h1 {
    margin: 0 0 8px;
    font-size: 18px;
    color: #016040;
}

.lite-content h2 {
    margin: 16px 0 6px;
    font-size: 15px;
    color: #016040;
}

.lite-content p {
    margin: 0 0 10px;
}

.lite-content ul,
.lite-content ol {
    margin: 0 0 12px;
    padding-left: 20px;
}

.lite-content li {
    margin: 0 0 4px;
}

.lite-category-tabs {
    margin: 0 0 12px;
    padding: 0 0 6px;
    border-bottom: 1px solid #016040;
}

.lite-category-tabs a {
    text-decoration: none;
    color: #016040;
}

.lite-tab-active {
    font-weight: bold;
}

.lite-block {
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}

.lite-block-title {
    font-weight: bold;
    margin: 0 0 6px;
    color: #016040;
}

.lite-banner-frame {
    display: block;
    width: 712px;
    max-width: 100%;
    margin: 0 0 16px;
    padding: 0;
    border: 1px solid #016040;
    background: #e3e3e3;
}

.lite-footer {
    padding: 10px 14px 0;
    border-top: 1px solid #016040;
    font-size: 12px;
    color: #444;
    background: #e3e3e3;
}

.lite-footer p {
    margin: 0 0 6px;
}

.lite-footer a {
    color: #016040;
}

.lite-footer a.lite-mode-link,
.lite-footer a.lite-mode-link:visited {
    color: #fff;
    background: #016040;
    padding: 0 5px;
    text-decoration: none;
}

.lite-footer a.lite-mode-link:hover {
    text-decoration: underline;
}

.lite-buttons img {
    border: 0;
    margin: 0 4px 4px 0;
    vertical-align: middle;
}

.page-meta {
    color: #666;
    font-size: 12px;
}

.page-list,
.comments-list {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
}

.page-list-item,
.comments-item {
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}

.lite-card-list {
    margin: 8px 0 12px;
    border-collapse: collapse;
}

.lite-card-list tr {
    border-bottom: 1px solid #ccc;
}

.lite-card-heading {
    padding: 10px 0 4px;
    font-weight: bold;
    color: #016040;
}

.lite-card-thumb {
    padding: 8px 10px 8px 0;
    vertical-align: top;
}

.lite-card-thumb img {
    display: block;
    border: 1px solid #016040;
    background: #d0d0d0;
}

.lite-card-body {
    padding: 8px 0;
    vertical-align: top;
}

.lite-card-title {
    font-weight: bold;
    text-decoration: none;
    color: #016040;
}

.lite-card-title:hover {
    text-decoration: underline;
}

.lite-card-meta {
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}

.lite-no-thumb {
    display: block;
    width: 120px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 11px;
    color: #888;
    border: 1px solid #016040;
    background: #e3e3e3;
}

.lite-card-thumb--tall .lite-no-thumb {
    width: 80px;
    height: 120px;
    line-height: 120px;
}

.writing-book-cover .lite-no-thumb {
    width: 200px;
    height: 300px;
    line-height: 300px;
}

.project-category-heading {
    margin: 14px 0 6px;
    font-size: 15px;
    color: #016040;
}

.project-grid,
.writing-grid {
    margin: 8px 0 12px;
}

.project-card,
.writing-card {
    display: block;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
    color: #2a2a2a;
    border: 1px solid #016040;
    background: #e3e3e3;
}

.project-card-image,
.writing-card-cover {
    float: left;
    width: 120px;
    height: auto;
    padding: 0;
    margin: 0;
    position: static;
    background: #d0d0d0;
}

.writing-card-cover {
    width: 80px;
}

.project-card-image img,
.writing-card-cover img,
.writing-cover-img {
    position: static;
    display: block;
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 90px;
    border: 0;
}

.writing-card-cover img,
.writing-card-cover .writing-cover-img {
    max-width: 80px;
    max-height: 120px;
}

.project-card-placeholder {
    position: static;
    display: block;
    width: 120px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 11px;
    color: #888;
    background: #e3e3e3;
}

.project-card-title,
.writing-card-title {
    display: block;
    padding: 8px 10px 4px 130px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #016040;
}

.writing-card-title {
    padding-left: 90px;
}

.project-card-meta,
.writing-card-meta {
    display: block;
    padding: 0 10px 8px 130px;
    font-size: 12px;
    color: #666;
    text-align: left;
}

.writing-card-meta {
    padding-left: 90px;
}

.writing-card-body {
    display: block;
    padding: 0;
}

.writing-book-cover img,
.writing-cover-img--large {
    max-width: 200px;
    width: auto;
    height: auto;
    border: 1px solid #016040;
}

.comments-form input[type="text"],
.comments-form input[type="email"],
.comments-form textarea {
    width: 100%;
    max-width: 400px;
    font: inherit;
}

.comments-form .comments-row--2 {
    margin: 0 0 8px;
}

.lite-comments-form {
    margin: 12px 0 0;
}

.lite-comments-form-reply {
    margin: 0 0 8px;
    padding: 6px 8px;
    font-size: 12px;
    color: #444;
    background: #fcf7fd;
    border: 1px dashed #016040;
}

.comments-reply-hint--hidden {
    display: none !important;
}

.lite-comments-form-table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #016040;
    background: #e3e3e3;
    table-layout: fixed;
}

.lite-comments-form-table th,
.lite-comments-form-table td {
    border: 1px solid #016040;
    padding: 4px 6px;
    vertical-align: top;
    text-align: left;
}

.lite-comments-form-heading {
    padding: 4px 6px;
    text-align: center;
    font-weight: bold;
    background: #016040;
    color: #fcf7fd;
    border: 1px solid #014830;
}

.lite-comments-form-note,
.lite-comments-form-reply {
    background: #fcf7fd;
    font-size: 12px;
    color: #444;
}

.lite-comments-form-error {
    background: #ffe8e8;
    color: #8a1f1f;
    font-size: 12px;
}

.lite-comments-form-table th {
    width: 28%;
    background: #d0d0d0;
    font-weight: bold;
}

.lite-comments-form-table th label {
    font-weight: bold;
}

.lite-comments-form-table td {
    background: #fcf7fd;
}

.lite-comments-form-table input[type="text"],
.lite-comments-form-table input[type="email"],
.lite-comments-form-table textarea {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    font: inherit;
    border: 1px solid #999;
    padding: 2px 4px;
    background: #fff;
}

.lite-comments-form-table textarea {
    resize: vertical;
    min-height: 72px;
}

.lite-comments-form-actions {
    text-align: right;
    background: #e3e3e3;
}

.lite-comments-form .comments-submit {
    font: inherit;
    padding: 2px 12px;
    border: 1px solid #016040;
    background: #016040;
    color: #fcf7fd;
    cursor: pointer;
}

.lite-comments-form .comments-submit:hover {
    background: #014830;
}

.lite-comments-form .comments-reply-cancel {
    font: inherit;
    margin-left: 8px;
    color: #016040;
    text-decoration: underline;
    cursor: pointer;
}

.comments-honeypot {
    display: none;
}

.wf-kern {
    display: none;
}

.freeform-html img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.media-card-image img,
.home-list-thumb {
    max-width: 120px;
    height: auto;
    border: 1px solid #016040;
}

.project-section-header img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #999;
}

.lite-infobox {
    width: 220px;
    max-width: 45%;
    margin: 0 0 8px 12px;
    border: 2px solid #016040;
    background: #e3e3e3;
    font-size: 12px;
    line-height: 1.35;
    color: #2a2a2a;
    table-layout: fixed;
}

.lite-infobox td,
.lite-infobox th {
    overflow: hidden;
    word-wrap: break-word;
}

.lite-infobox-top-title,
.lite-infobox-section-title {
    padding: 4px 6px;
    text-align: center;
    font-weight: bold;
    background: #016040;
    color: #fcf7fd;
    border: 1px solid #014830;
}

.lite-infobox-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #016040;
    background: #fff;
}

.lite-infobox-facts-wrap {
    padding: 0;
    overflow: hidden;
}

.lite-infobox-facts {
    width: 100%;
    max-width: 100%;
    border: 1px solid #016040;
    border-collapse: collapse;
    background: #fcf7fd;
    table-layout: fixed;
}

.lite-infobox-facts th,
.lite-infobox-facts td {
    border: 1px solid #016040;
    padding: 4px 6px;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
}

.lite-infobox-facts th {
    width: 35%;
    background: #d0d0d0;
    font-weight: bold;
}

.lite-infobox-facts td.lite-infobox-fact-full {
    background: #fcf7fd;
}

.lite-infobox-facts .freeform-html,
.lite-infobox-facts .freeform-html p,
.lite-infobox-facts .freeform-html li {
    overflow: hidden;
    word-wrap: break-word;
}

.lite-infobox-facts .freeform-html img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.lite-infobox-facts .freeform-html table {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
}

.lite-infobox-facts .freeform-html pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 100%;
    overflow-x: auto;
}

.lite-content .project-page-content {
    margin: 0 0 12px;
}

.lite-gallery {
    margin: 12px 0 0;
    border-top: 1px solid #016040;
}

.lite-gallery-heading {
    padding: 8px 0 4px;
    color: #016040;
}

.lite-gallery-item {
    padding: 8px 0 10px;
    border-bottom: 1px solid #ccc;
}

.lite-gallery-item img {
    display: block;
    width: auto;
    max-width: 200px;
    height: auto;
    border: 1px solid #016040;
    background: #fff;
}

.lite-gallery-caption {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.4;
}

.lite-gallery-caption img {
    max-width: 180px;
}

.lite-download-list {
    width: 100%;
}

.lite-download-item {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.lite-download-item strong {
    color: #016040;
}

.lite-download-item p {
    margin: 6px 0 0;
}

.writing-mood-player {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #016040;
    background: #e3e3e3;
    max-width: 420px;
}

.writing-mood-player-heading {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: bold;
    color: #016040;
}

.writing-mood-player-title {
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: bold;
}

.writing-mood-player-audio {
    display: block;
    width: 100%;
    height: 28px;
}