/*

A Movable Type theme adapted for Clean Teal templates 
name: Clean Teal
designer: William Shunn
designer_url: https://www.shunn.net/
layouts: layout-wtt, layout-twt, layout-wt, layout-tw
*/


/* Default ---------------------------------------------------------------- */

/* Global */

body {
    font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

h2 {
    margin-bottom: 2px;
}


/* Header */

/* CHANGE to match background color of header graphic */
.header-fixed, button.book-button, table.reading-table th {
    background: #7dac9d;
}

button.book-button-inverse {
    background: #fff;
    color: #7dac9d;
    border-color: #7dac9d;
}

.sharing-icon {
    color: #7dac9d;
}

#header {
    border-top-width: 0px;
    border-top-style: solid;
}

#header-inner {
    position: relative;
}

#header-name {
    margin: 0 0 5px;
    line-height: 1;
}

#header-description {
    margin: 0;
    font-size: 16px;
    line-height: 1.125;
}

#header a {
    text-decoration: none;
}

#header a:hover {
    text-decoration: underline;
}

#container {
    margin-top: 0px;
}


/* Content */

.asset-name, .date-header {
    font-family: Mystery;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0px;
}

.asset-name a {
    text-decoration: none;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-more-link {
    font-weight: bold;
}

.asset-meta {
    border-top: 1px solid #ccc;
}

.asset-footer {
    border-top: 1px solid #ccc;
}

.asset-footer a,
.comment-footer a {
    font-weight: normal;
}

.content-nav {
    margin: 5px 0 10px;
}

.archive-title {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
}

.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    margin: 5px 0;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.search-results-header {
    margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
    font-size: 11px;
}

/* Footer */

#footer-content,
#footer-content a {
    color: #fff;
}


/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}


/* Global ----------------------------------------------------------------- */

body {
    color: #333;  
    font-family: trebuchet ms;   
    background-color: #fff; 
}

/* CHANGE to good solid bright color in template palette for links */
a, .content-nav a, .entry a, .trackbacks a, .comments a {
    color: #608d7f; 
    text-decoration: none;
}

a:hover .content-nav a:hover, .entry a:hover, .trackbacks a:hover, .comments a:hover {
    text-decoration: none;
}

/* CHANGE same as above */
nav.push-menu-left a:hover {
    text-decoration: none;
    color: #608d7f;
    background-image: none;
}


/* Layout ----------------------------------------------------------------- */

#container-inner,
#content {
    background-color: #fff;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}

#content { 
    margin-top: 20px;  
    margin-bottom: 30px;  
}

#container-inner {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

#header-inner {
    position: relative;
    width: 940px;
    margin: 0 auto;
    right: 200px;
}

#content-inner,
#footer-inner {
    position: relative;
    width: 980px;
    padding-left: 20px;
    padding-right: 20px;
}

#content-inner {
    margin: 0 auto;
}

#footer-inner {
    margin: 0;
}


/* Header ----------------------------------------------------------------- */

/* CHANGE to solid dark color in template palette for background */
#header {
    padding-top: 0;
    background: #000000 url(header.jpg) bottom left;
}

#header a {
    color: #fff;
    font-weight: bold;
}

#header-content {
    width: 842px;
    margin: 35px 0 15px 20px;
}

#header-content-sub {
    width: 842px;
    margin: 5px 0 15px 20px;
}

#header-name {
    color: #fff;
    padding-top: 0;
    font-size: 34px;
    font-weight: bold;
}

#header-description {
    color: #114;  
    font-weight: bold;
}


/* Content ---------------------------------------------------------------- */

.asset-name,
.asset-name a,
.archive-title {
    color: #000;
}

.comment-footer,
.comment-footer a,
.trackback-footer {
    color: #999;
}

.asset-footer {
    border-top-color: #ddd;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #333;
}

 .asset-name a {
    margin-bottom: 8px;
}

.asset-name a:hover {
    text-decoration: underline;
}

#archive-title {
    margin-bottom: 7px;
    font-size: 2em;
    font-variant: small-caps;
}

.archive-list-item {
    margin-bottom: 5px;
}

.callout-footer {
    margin-top: -5px !important;
    margin-left: 0px !important;
}

.module {
    margin-bottom: 20px;
}

.module-header {
    margin-bottom: 5px;
}

ul {
    margin-left: 25px;
    padding-left: 0;
}

ul li {
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 3px !important;
    font-size: 8pt;
    margin-left: 19px;
    list-style-type: square !important;
}

ul li li {
    list-style-type: disc !important;
}

ul li li li {
    list-style-type: circle !important;
}

.formbox {
    background: #b5d2c9;
    border-color: #7dac9d;
}

/* CHANGE to light color in template palette for quote-box background */
blockquote, #notice, #pullout, #squib, #trackbacks-info, #original,
.lead:first-letter, .format-underride .manila-folder {
    background: #b5d2c9;
}

blockquote {
    padding: 6px;
    font-size: 95%;
    margin-left: 0;
    margin-right: 0;
    border: none;
}

blockquote.crosspost, blockquote.readmore, #original {
    font-size: 67%;
    font-style: italic;
    text-align: center;
    max-width: 250px;
    width: fit-content;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 2px 6px;
}

#notice {
    font-size: 11px;
    text-justify: full;
    color: black;
    border: #630;
    border-width: 1px;
    border-style: dotted;
    margin: 0 50px 20px;
    padding: 5px;
}

/* CHANGE border color to match a:link color */
#pullout {
    margin-right: 0;
    border-bottom: #608d7f 2px solid;
}


/* Widget ----------------------------------------------------------------- */

.widget-header,
.widget-content {
    margin-right: 0;
    margin-left: 0;
}

.widget-header { 
    margin-top: 5px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ccc; 
    padding: 0;
    font-size: 14px; 
    font-family: trebuchet ms; 
    margin-bottom: 8px;
    padding-bottom: .3em; 
}

.widget-header,
.widget-header a {
    color: #333;
    font-weight: normal;
}

.widget-content a {
    color: #666;
}

#content .widget-powered .widget-content {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
} 

.widget-header {
    font-size: 14px;
}

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 11px;
}


/* "Powered By" Widget */

.widget-powered .widget-content {
    padding: 10px;
    text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
    font-size: 10px;
}


/* Footer Widgets */

#footer .widget {
    margin: 10px 0;
}

#footer .widget-content {
    padding-right: 0;
    padding-left: 0;
}

#footer .widget-powered .widget-content {
    padding: 0;
    text-align: left;
}


/* Footer ----------------------------------------------------------------- */

/* CHANGE to very dark color in template palette for footer background */
#footer { 
    background-color: #7dac9d; 
}

#footer-content {
    margin: 20px 0;
}


/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}


/* Custom Styles ---------------------------------------------------------- */

#group-nav-inner {
    position: relative;
    width: 900px;
    margin: 0 auto;
}