body {
    background-color: #fff;
    font-family: arial, sans-serif;
}
@media only screen and (min-width: 1024px) { 
    body { text-align: center; }
}
@media only screen and (min-width: 1024px) { 
    .constrain {
        margin: 0 auto;
        width: 960px;
        text-align: left;
    }
}
#header {
    padding: 1em 1em 2em;
    background: transparent url(themes/site_themes/default/catchBorder_top.gif) repeat-x bottom;
    text-align: center;
}
@media only screen and (min-width: 1024px) { 
    #header {
        height: 4.5em;
        padding: .7em 0 0 0;
    }
}
#header .constrain {
    position: relative;
    margin: 0 auto;
}
#header h1 {
    display: inline;
    float: right;
    font-size: 2em;
    color: #67624d;
    font-family: Arrus BT, Georgia, serif;
    font-weight: normal;
    z-index: 2;
}
@media only screen and (min-width: 1024px) { 
    #header h1 {
        position: relative;
        float: none;
        font-size: 3em;
    }
}
#header h1.first { float: left; }
@media only screen and (min-width: 1024px) { 
    #header h1.first { padding-right: 30px; }
}
#header img { display: none; }
@media only screen and (min-width: 1024px) { 
    #header img { display: block; }
}
#header #nav {
    clear: both;
    padding-top: 1.5em;
}
@media only screen and (min-width: 1024px) { 
    #header #nav {
        position: absolute;
        right: 0;
        top: .5em;
        padding-top: 0;
    }
}
#header #nav li {
    display: inline-block;
    width: 24%;
}
@media only screen and (min-width: 1024px) { 
    #header #nav li { display: inline; }
}
#header #nav li a {
    font-size: 1.5em;
    color: #81a393;
    font-family: Georgia, serif;
    text-decoration: none;
}
@media only screen and (min-width: 1024px) { 
    #header #nav li a {
        margin-left: 50px;
        font-size: 2.1em;
    }
}
#header #nav li a:link,
#header #nav li a:visited { text-decoration: none; }
#header #nav li a:hover,
#header #nav li a:active { text-decoration: underline; }
#catch {
    padding: 0 1em;
    overflow: hidden;
    font-size: 70%;
    text-align: center;
    background: #e3f6da url(themes/site_themes/default/catchGradient_blueGreen.gif) repeat-x center;
}
@media only screen and (min-width: 640px) { 
    #catch {
        padding: 0 0 15px;
        text-align: left;
    }
}
@media only screen and (min-width: 1024px) { 
    #catch { font-size: 100%; }
}
#catch #catchPhrase {
    position: relative;
    padding-bottom: 1em;
    background: transparent url(themes/site_themes/default/catchFlowers.gif) no-repeat 10px 5px;
}
@media only screen and (min-width: 640px) { 
    #catch #catchPhrase {
        float: left;
        margin-left: 2%;
        padding: 3em 0 0 0;
        width: 48%;
        text-align: right;
    }
}
@media only screen and (min-width: 1024px) { 
    #catch #catchPhrase {
        padding: 35px 0 0 0;
        left: 50%;
        margin-left: -480px;
        width: 465px;
        float: left;
    }
}
#catch #catchPhrase h1,
#catch #catchPhrase h2 {
    font-size: 3em;
    line-height: 1.2em;
    font-family: Georgia, serif;
    font-weight: normal;
    color: #56513e;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px rgba(86,81,62,0.5);
}
#catch #catchPhrase h1 strong {
    color: #82a392;
    text-shadow: 1px 1px 2px rgba(130,163,146,0.5);
}
#catch #catchPhrase h2 strong {
    font-variant: small-caps;
    color: #82a740;
    text-shadow: 1px 1px 2px rgba(130,167,64,0.5);
}
#catch #catchPhrase h3,
#catch #catchPhrase p {
    font-size: 1.8em;
    line-height: 1.5em;
    font-family: Georgia, serif;
    color: #56513e;
    text-shadow: 1px 1px 2px rgba(86,81,62,0.5);
}
#catch #catchPhrase h3 {
    margin: 1em 0;
    font-size: 2em;
    font-weight: normal;
}
#catch #catchPhrase p strong { font-weight: bold; }
#catch #catchPhrase p strong em { font-style: italic; }
#catch #catchImg {
    display: none;
    position: relative;
    margin: 15px 0 0 10px;
    border: 1px solid #403d2e;
    padding: 2px;
}
@media only screen and (min-width: 640px) { 
    #catch #catchImg {
        display: block;
        float: left;
        width: 46%;
        margin-left: 2%;
    }
}
@media only screen and (min-width: 1024px) { 
    #catch #catchImg {
        left: 50%;
        width: 470px;
    }
}
#content {
    padding: 2.5em 2em 0;
    overflow: hidden;
    background: transparent url(themes/site_themes/default/catchBorder_bottom.gif) repeat-x top;
}
@media only screen and (min-width: 1024px) { 
    #content { padding: 22px 0 0 0; }
}
#content #blogPostHome,
#content #blogArchiveHome,
#content #currently { margin-bottom: 3em; }
@media only screen and (min-width: 1024px) { 
    #content #blogPostHome,
    #content #blogArchiveHome,
    #content #currently {
        float: left;
        width: 310px;
        margin: 0 15px 0 0;
    }
}
#content #currently { margin-right: 0; }
#content h2 { font-size: 1.8em; }
#content p+h2 { margin-top: 1em; }
#content .subHeading {
    padding-bottom: .4em;
    margin-bottom: .8em;
    font-size: 1.2em;
    border-bottom: 2px solid #aed9c5;
    margin: 0 !important;
}
#content .constrain pre {
    width: 85%;
    margin: 0 auto;
    padding: 1em;
    font-family: monospace;
    border: 1px solid rgba(210,203,174,0.5);
    background-color: rgba(228,248,232,0.4);
}
#content .constrain .aboutImg {
    display: block;
    padding: 1px;
    margin: 0 auto;
    height: auto;
    max-width: 50%;
    box-sizing: border-box;
    border: 1px solid #403d2e;
}
@media only screen and (min-width: 640px) { 
    #content .constrain .aboutImg {
        float: left;
        margin: 5px;
        max-width: 100%;
    }
}
#content p, #content ul, #content ol,
#blogArchiveHome li,
#currently p,
#content .constrain pre {
    margin: 1em 0;
    font-size: 1.4em;
    line-height: 1.6em;
}
#content ul {
	margin-left: 4em;
	list-style-type: disc;
}
ul#blogArchiveHome {
	list-style-type: none;
	font-size: 1em;
}
#twitter {
    font-size: .85em;
    border-top: 2px solid #aed9c5;
}
@media only screen and (min-width: 640px) { 
    #twitter {
        font-size: 1em;
        border: 0;
    }
}
#twitter .twitter-follow-button {
    margin-left: 1em;
    vertical-align: middle;
}
#twitter .home-tweet-date {
    margin-left: 1em;
    font-size: .8em;
    line-height: 1em;
}
#blogArchiveHome li { margin: 0; }
#blogArchiveHome li:first-of-type { margin-top: 1em; }
#colophon {
    position: relative;
    padding: 2em 1em 1.5em;
    box-sizing: border-box;
    font-size: 1.2em;
    line-height: 1.3em;
    background: #d2cbae url(themes/site_themes/default/footerGradient_brown.gif) repeat-x;
}
@media only screen and (min-width: 640px) { 
    #colophon {
        text-align: left;
        clear: left;
        margin-top: 3em;
        padding: 2em 0 1.5em;
    }
}
#colophon #footerKoru {
    position: absolute;
    bottom: 0;
    left: 90%;
    margin-left: -68px;
}
@media only screen and (min-width: 640px) { 
    #colophon #footerKoru { left: 50% }
}
#colophon #aboutHome { position: relative; }
@media only screen and (min-width: 1024px) { 
    #colophon #aboutHome {
        left: 50%;
        margin-left: -480px;
        width: 465px;
        float: left;
    }
}
#colophon #contact {
    display: none;
    position: relative;
    left: 50%;
    margin-left: 15px;
    width: 465px;
}
@media only screen and (min-width: 1024px) { 
    #colophon #contact { display: block; }
}
#colophon #contact p {
    font-size: 1.1em;
    margin-bottom: 1em;
    font-weight: bold;
}
#colophon .copyright {
    position: relative;
    margin-top: 2em;
    text-align: center;
    font-size: 1em;
    z-index: 1;
}
#comments h3,
.yearArchive h3,
.constrain h3 {
    font-size: 1.6em;
    line-height: 1.6em;
}
#commentForm p { font-size: 1em; }
.yearArchive h2 { border-bottom: 2px solid #aed9c5; }
.yearArchive h3 {
    font-size: 1.3em;
    line-height: 1.4em;
    margin: .3em 0;
}
acronym {
    font-style: italic;
    border-bottom: 1px dotted #000;
}
pre.code {
    padding: 10px 25px;
    border: 1px solid #eee;
    background: #f5f5f5;
    font-size: 1.4em;
    line-height: 1.2;
    font-family: monospace;
}
blockquote {
    margin: 1em 7em;
    font-style: italic;
}
#content a:link { color: #82a293; }
#content a:visited { color: #83a640; }
#content a:hover,
#content a:active { background-color: #e4f7dc; }
#colophon a { color: #cef3e1; }
#colophon a:hover,
#colophon a:active {
    font-weight: bold;
    background-color: transparent;
}
#comments,
#commentForm {
    position: relative;
    border-top: 2px solid #aed9c5;
}
@media only screen and (min-width: 1024px) { 
    #comments,
    #commentForm {
        left: 50%;
        margin-left: -325px;
        width: 650px;
    }
}
#socialShare {
    position: relative;
    margin-bottom: 3px;
    font-size: 1.4em;
    text-align: right;
}
@media only screen and (min-width: 1024px) { 
    #socialShare {
        left: 50%;
        margin-left: -325px;
        width: 650px;
    }
}
#header .constrain img {
    position: absolute;
    bottom: -0.8em;
    left: 18.9em;
}
#content .constrain {
    overflow: hidden;
    background: transparent url(themes/site_themes/default/contentFlowers.jpg) no-repeat 54% bottom;
}
#content .blogImg {
    padding: 2px;
    border: 1px solid #000;
}
#content img.right {
    margin-left: 5px;
    float: right;
}
#content img.left {
    margin-right: 5px;
    float: left;
}
#aboutHome img {
    float: left;
    margin-top: -0.8em;
}
img { max-width: 100%; }
#contact table { width: 100%; }
#contact table td.first { padding: 0 10px 3px 0; }
label { display: block; }
label em { font-weight: bold; }
td input,
textarea,
#antispam {
    width: 100%;
    border-top: 2px solid #666251;
    border-right: 2px solid #3f3c2d;
    border-bottom: 2px solid #3f3c2d;
    border-left: 2px solid #666251;
    background-color: #e9e6d8;
}
td input:focus,
textarea:focus,
#antispam:focus { background-color: #e5f8eb; }
textarea { height: 6em; }
#commentForm textarea {
    background-color: #fff;
    border: 1px solid #999;
    height: 12em;
    width: 90%;
}
#commentForm input.field { border: 1px solid #999; }
#commentForm label {
    display: inline;
    cursor: hand;
}
.yearArchive ul {
    margin: 0 0 .5em 1em;
    font-size: 1.4em;
    line-height: 1.4em;
}
#content ul#credit {
    margin: 0 0 0 2em;
    font-size: 1.4em;
    line-height: 1.4em;
}
#content ul#credit li {
    margin: .5em 0;
    list-style: disc;
}