/*
Theme Name: BetiLu
Theme URI: http://themes.tradesouthwest.com/betilu/
Author: Larry Judd Oliver Tradesouthwest
Author URI: http://tradesouthwest.com/
Description: Beti-Lu is a lead article style layout. You can post news paper style on the custom home page. Just set your theme to show your latest posts in Settings to use this layout. Lead article at top with sidebar to the right and all other articles appear as quarters, as excerpts, below middle-bar. Options to change color of middle bar, side bar and lead article container. Some elements will auto-adjust in contrast to your selections. Middle bar has option to edit text. Four footer widget ready areas. Upper right corner logo can be uploaded and set to circular or square. Phone number and email plus facebook and twitter options editor. Two menus. Top bar menu does not allow drop downs. Theme not responsive but is fluid and optimized for most screens as well as print media. Must-read notes in readme file. Demo at http://themes.tradesouthwest.com/betilu/.
Version: 1.8.3
Copyright: Larry Judd Oliver 2014
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, two-columns, right-sidebar, custom-header, custom-background, editor-style, sticky-post, translation-ready
Text Domain: betilu
*/
/*     Contents 
--------------------------------
    Default Styles  - 1 click
    Structure       - 2 clicks
    Post Styles     - 9 clicks
    Navigation Menus- 15 clicks
    WP Core         - 20 clicks
    Comments        - 24 clicks
    Widgets         - 28 clicks
    Media Queries   - 32 clicks 
-------------------------------- */

/* =set/reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; 
font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
ol li, ul li { position: relative; list-style-position: inside; margin-left: 1em; } 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
pre { -ms-word-wrap: break-word; word-wrap: break-word; }
code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym { border-bottom: 1px dotted #666;cursor: help; }
mark, ins { background: #fff9c0;text-decoration: none; }
sup, sub { font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%;}
header,footer,section,aside,nav,article { display: block; }

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}
pre { display: block; max-width: 98%; margin: 0 auto; word-wrap: break-word; white-space: pre-wrap;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, menu, nav, section { 
    display: block;
}
/*  =default styles 
--------------------------------------------- */
p, h1, h2, h3, h4, h5, h6{
    margin: 10px 0; 
    padding: 0;
    clear: both;
}
h1, h2, h3, h4, h5, h6 { position: relative; }
h1{ font-size: 190%; }
h2{ font-size: 160%; }
h3{ font-size: 120%; }
h4{ font-size: 110%; }
h5{ font-size: 100%; }
h6{ font-size: 70%;  }
a { color:#1f58a8; font-weight: 700; text-decoration: none; }
a:visited {}
a:hover { color:#1f58a8; text-decoration: underline; }
a img { border:0px; }
hr {
    position: relative;
    width: 98%;
    margin: 5px auto;
    border-top: 1px solid #acc;
}
ul { list-style: none; }
ol { list-style: decimal }
ul li, ol li { position: relative; margin-left: 0.8882em; }
blockquote {
    background: #f4f4f4;
    padding: 5px 15px;
    margin: 3px 30px;
}
img {
    max-width: 100%;
    height: auto;
}
.clearme { clear: both }
.breaker {
    content:"";
    clear: both;
    margin: 5px auto;
    padding: 0.333em;
    height: 1px;
    border: 1px solid transparent;
    width: 100%;
    display: block;
    position: relative;
    top: .5em;
}
.breaker-home {
    content:"";
    clear: both;
    margin: 5px auto;
    padding: 0.333em;
    height: 11px;
    border: 1px solid transparent;
    width: 100%;
    display: block;
    position: relative;
    top: .5em;
}
.clearfix {
    background: transparent;
    color: transparent;
    margin: 0;
    padding: 0;
    clear: none;
    height: auto;
    width: auto;
}

/* Main Structure 
--------------------------------------------- */
p,
input,
textarea,
body {
    font-family:   arial, tahoma, helvetica, sans-serif;
    font-size:     93.8%; /* 15px */
/*    un-comment if Browser fonts look blurry 
    -webkit-font-smoothing: antialiased;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; 
*/   
    font-weight:   normal;
    color:         #151515;
    line-height:   1.4;
}
#main {
    width:         90%;
    padding-left:  0.91812em;
    margin:        0 auto;
    padding-bottom: 1em;
    background:    rgba( 250, 250, 250, 0.95 );
    border:        1px solid rgba( 100, 100, 100, 0.99 );

}
.toprow {
    display:       inline-block;
    height:        2.6185em;
    width:         99%;
    background:    #11223f;
    margin:        0;
    position:      relative;
    left:          -3px;
    box-shadow:    0 2px 3px #9c9c9c;

    overflow:      hidden;
}
.site-header {
    width:         97%;
    margin:        3px 0;
    position:      relative;
    left:          5px;
    min-height:    100px;
    background:    rgba( 255, 255, 255, 0.9999999);
    border-top:    4px solid #e8e8e8;
    border-right:  4px solid #f1f1f1;
    border-bottom: 4px solid #e8e8e8;
    border-left:   4px solid #f1f1f1;
}
body.single .site-header {
    margin-left:  -8px;
    width:         96.313333%;
}
.site-title a {
    color:         #1d2c3f;
    font-weight:   700;
    padding-left:  1em;
}
.site-description {
    font-weight:   700;
    color:         #652;
    padding-left:  1em;
}
#logo-right {
    height:        181px;
    width:         181px;
    background:    transparent;
    display:       block;
    border:        2px solid #e8e8e8;
    position:      absolute;
    left:          78.985%;
    top:           1px;
    z-index:       10;
}
#logo-right img {
    padding:       0;
    margin:        auto;
    position:      relative;
    left:          2px;
    top:           2px;
}
#content-wide { /* lower full width container for 4-wide inline boxes */ 
    display:       inline-block;
    min-height:    100%;
    width:         99.22222%;
    margin:        0 auto;
    position:      relative;
    top:           0.528em;    
    left:          9px;  
}
#content-wide-page { /* container for all pages other than 4-wide and lead */ 
    width:         96.5222%;
    margin:        3.12% 0 0 1.12%;
    min-height:    100%;
    overflow:      hidden;
    box-sizing:    border-box;
} 
#content-wide-page:after {
    content:       "";
    clear:         both;
    display:       table;
}
#full-width {
    display:       block;
    position:      relative;
    top:           2.3222em;
    width:         82.66663%;
    margin-left:   4.38999997%;
    padding:       1em 2em;
    margin-bottom: .582em;
    border:        5px solid #e8e8e8;
}
.content-wide-content { /* article container for full width template */ 
    width:         95.3185%;
    margin:        1em 3em 1em 2em;
    background:    #fdfdfd;
    padding:       7px 9px;
}
#content-wide-lead { /* top lead-page full width container */ 
    display:       inline-block;
    min-height:    42em;
    height:        auto;
    max-height:    42em;
    width:         98.8992%;
    position:      relative;
    top:           2.218212em;
    margin:        0 auto;
    padding-bottom:1.8992em;
    margin-right:  12px;
}
section.content-area-lead { /* lead article background container */
    width:         69%;
    float:         left;
    min-height:    41em;
    height:        auto;
    max-height:    41em;
    margin-left:   0.0622em;
    margin-bottom: 0;
    padding:       0;
    border-top:    4px solid #d5e6e7;
    border-right:  4px solid #d5e6e7;
    border-bottom: 4px solid #d5e6e7;
    border-left:   4px solid #d5e6e7;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7);
    position:      relative;
    top:           2px;
    left:          0.45em;
}
.content-area-lead .entry-lead { /* lead article entry under header box */
    position:      relative;
    width:         91%;
    min-height:    28.355em;
    height:        auto;
    max-height:    28em;
    overflow-y:    auto;
    overflow-x:    hidden;
    margin:        0 2% 2% 2%;
    padding:       2px 2%;
    background:    #fff;
    font-weight:   300;
    color:         #111;
    text-shadow:   0 0 0 #fff;
}
.content-area-lead header.entry-header {
    width:         90.755551%;
    background:    rgba( 255, 255, 255, 0.9);
    border-top:    1px solid silver;
    border-bottom: 2px dashed #983;
    border-left:   1px solid #bbb;
    border-right:  1px solid #bbb;
    padding:       2px 2%;
    margin:        2% 2% 0 2%;
}
section.content-area-left { /* left single post or page article background container */
    width:         69%;
    float:         left;
    min-height:    10em;
    padding:       0.58222em;
    border-top:    4px solid #d5e6e7;
    border-right:  4px solid #d5e6e7;
    border-bottom: 4px solid #d5e6e7;
    border-left:   4px solid #d5e6e7;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7);
    position:      relative;
    top:           0; 
}
aside.post-right { /* sidebar container next to lead article */
    position:      relative;
    top:           2px;
    left:          -0.475em;
    min-height:    40em;
    height:        auto;
    max-height:    40em;
    width:         25%;
    border-top:    4px solid #d5e6e7;
    border-right:  4px solid #d5e6e7;
    border-bottom: 4px solid #d5e6e7;
    border-left:   4px solid #d5e6e7;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7);
    padding:       0.5em;
    float:         right;
    overflow-y:    auto;
/* you can change overflow to hidden to avoid scolling */
}
#content-secondary { /* null container for four posts row */
    width:         99.8992%;
    margin:        0 auto;
} 
.content-area-fours { /* posts container row -four per row */
    min-width:     23.6%;
    width:         auto;
    max-width:     23.6%;
    margin:        0 3px 7px 0;
    min-height:    32em;
    height:        auto;
    max-height:    32em;
    overflow:y:    auto;
    padding:       5px;
    float:         left;
    display:       inline;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7); 
    border-top:    3px solid #f2f2f2;
}
.midbar { /* text banner below lead article */
    width:         96%;
    min-height:    5em;
    margin:        0 auto;
    text-align:    center;
    display:       block;
    position:      relative;
    top:           1em;
    left:          -5px;
    border-top:    4px solid #d5e6e7;
    border-right:  4px solid #d5e6e7;
    border-bottom: 4px solid #d5e6e7;
    border-left:   4px solid #d5e6e7;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7), 0 -1px 3px rgba( 0, 0, 0, 0.35);
    font-weight:   700;
}
.midbar-once {
    margin-top:    9px;
}
.text-add {
    width:         94%;
    font-weight:   400;
    margin:        auto;
    padding:       7px;
    text-align:    center;
    color:         #000;
    text-shadow:   .5px .5px 1px #bbb;
}
.text-one {}
p.midbar-date {
    font-style:    italic;
    font-weight:   400;
    color:         #000;
    position:      relative;
    top:           0.3858em;
    background:    #ececec;
    padding:       2px 7px;
    text-align:    center;
    letter-spacing: 1px;
}
p.midbar-date:first-letter {
    color:         #950;
    font-weight:   700;
}
.site-footer {
    width:         91.1218%;
    margin:        0 auto -1px auto;
    background:    #11223f;
    border:        1px solid #8a839c;
    border-top:    5px solid #fafaaa;
    position:      relative;

}
.site-footer:before {
    content:       "";
    border:        4px solid #973;
    display:       block;
    height:        1px;
    width:         99.1582%;
    margin:        0 auto;
    clear:         both;
}
.site-info { /* lower part of footer */ 
    margin-top:    1em;
    height:        3em;
    background:    rgba( 250, 250, 250, 0.9);
    padding:       9px 11px 1px 11px;
    color:         black;
}
.site-info-right {
    display:       inline; 
    float:         right;
    position:      relative;
    top:           -1.6666667em;
}
.site-info-right a {
    border:        1px solid black;
    padding:       0.5em;
    border-radius: 9px 9px 0 0;
    color:         white;
    background:    #333;
    font-weight:   bold;
}
.widget-area img {
    max-width:     100%;
    height:        auto;
    margin:        3px 0;
}
#footer-widget-area { /* containers sidebar-footer template */
    width:         98.8992%;
    margin:        0 auto;
    overflow:      hidden;
    color:         #fcfcfc;
}
#footer-widget-area .widget-area {
    float:         left;
    width:         23.1218%;
    position:      relative;
    display:       inline;
    margin:        0;
    margin-right:  15px;
    color:         #fcfcfc;
}
#footer-widget-area #first {
    margin-left:   21px;
    color:         #fcfcfc;
}
#footer-widget-area #fourth {
    margin-right:  1px;
    overflow-x:    hidden;
    color:         #fcfcfc;
}
footer#colophon > div,
#footer-widget-area .widget-container p {
    color:         #fcfcfc !important;
}
#footer-widget-area .widget-container blockquote {
    color:         black;
}
#footer-widget-area .widget-container a {
    color:         #d2efff;
    text-shadow:   0 .5px .5px #000000;
    border-bottom: 1px solid black;
    line-height:   1.5;
}
#right-sidebar {
    position:      relative;
    top:           0;
    right:         .4445em;
    min-height:    10em;
    width:         24%;
    border-top:    4px solid #d5e6e7;
    border-right:  4px solid #d5e6e7;
    border-bottom: 4px solid #d5e6e7;
    border-left:   4px solid #d5e6e7;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7);
    padding:       5px 9px;
    margin-bottom: 1.444em;
    float:         right;
}
#right-sidebar-absolute {
    margin-left:   1.215em;
    width:         17.5em;
    margin-bottom: 1.5em; 
    border-top:    4px solid #d5e6e7;
    border-right:  4px solid #d5e6e7;
    border-bottom: 4px solid #d5e6e7;
    border-left:   4px solid #d5e6e7;
    box-shadow:    0 3px 7px rgba( 0, 0, 0, 0.7);
    padding:       5px 7px;
    background:    #fafafa;
    display:       inline-block;
}
#right-sidebar-breaker {
    display:       block;
    width:         96.2%;
    margin:        0 auto;
    height:        1em;
    margin-top:    1px;
    padding:       1px;
}
#right-sidebar-absolute-breaker {
    display:       block;
    width:         100%;
    margin:        0;
    height:        1em;
    margin-top:    22px;
    padding:       1px;
    position:      relative;
}
#main img {
    max-width:     100%;
    height:        auto;
}

/* =post styles 
---------------------------------------------------------- */
.entry h1{  }
.entry h3{ margin-left: 0.1212em; }
.entry h4{ margin-left: 0.142em; }
.entry h5{ margin-left: 0.155em; }
.entry h6{ margin-left: 0.33em; }
.entry h2 a {
    margin:         0;
    padding:        7px 10px 3px 10px;
    word-wrap:      break-word;
    line-height:    1.24;
}
body.blog .entry {
    border-bottom:  thin solid #ddd;
    font-weight:    300;
    color:          #111;
    text-shadow:    0 0 0 #fff;
}
.entry img {
    position:       relative;
    left:           0;
    top:            0.222em;
}
.sticky { /* article sticky post */
    font-size:      1.063em;
    color:          #111234; 
}
.content-area-left header.entry-header {
    width:           94.125%;
    background:      rgba( 255, 255, 255, 0.95);
    border-top:      1px solid silver;
    border-bottom:   2px dashed #983;   
    padding:         3px 1em;
    margin:          0 auto;
    margin-top:      1em;
}
section.content-area-left .entry-lead { /* left single post or page article entry */
    width:           94.1484%;
    padding:         0 1em;
    margin:          0 auto;
    background:      #fafafa;
    font-weight:     300;
    color:           #111;
    text-shadow:     0 0 0 #fff;
}
.content-area-lead header.entry-header h1 a,
.content-area-lead header.entry-header h1 {
    color:           #652;
    font-size:       1.5328em;
    margin-bottom:   7px;
    background:      #fff;
    padding:         0 5px;
}
.content-area-lead article.entry-lead p,
.content-area-left article.entry-lead p {
    padding:         5px 7px;
 
}
.entry-lead p { 
    clear:           both;
}
.entry-lead p img.size-full {
    border-right:    12px solid transparent;
    overflow:        hidden;
}
.entry-lead ol li, ul li { position: relative; list-style-position: inside; margin-left: 1em; }
.content-area-fours .entry { /* article box -not the title */
    width:           97.888%;
    margin:          0 auto;
    position:        relative;
}
.content-area-fours .entry img {
    max-height:      14em;
    width:           auto;
}
.content-area-fours .entry-title {
    padding:         1px 3px;
    position:        relative;
    font-size:       1.197em;
    font-weight:     700;
    word-wrap:       break-word;
    border-bottom:   1px dashed #973;
    margin-bottom:   7px;
    text-align:      center;
}
.content-area-fours .entry-title a {
    color:           #6c4c2c;
    background:      #f3f5f7;
    padding:         2px 3px;
    margin-bottom:   3px;
}

.bypostauthor { 
    color:           #66666f;
    line-height:     1.2;
}
.post h2 a:hover,
.entry h2 a:hover {
    text-decoration: underline;
    color:           #1f58f8;
}
.entry-date {
    margin-bottom:   0;
    padding:         1px 5px;
    border-top:      10px solid hsla(50, 80%, 20%, 1);
    border-right:    33px solid transparent;
    border-bottom:   10px solid hsla(50, 20%, 80%, 1);
    border-left:     0px solid transparent;
    font-size:       0.983em;
    width:           8.1222em;
}
.entry-date a {
    position:        relative;
    top:             0;
    color:           #972;
    margin-top:      0;
}
.metadata, .categorymeta {
    font-size:       90%;
    padding:         1px 5px 1px 5px;
    margin:          0;
    line-height:     1.2;
}
.metadata {
    width:           98%;
    margin:          0;
    color:           #777;
}
p.edit-link:before {
    content:         "\2611";
    margin:          0 0.412em 0 1em;
    color:           #999;
}
.taglink {
    position:        relative;
    left:            -1.33332em;
}
.taglink:before {
    content:         "\2691";
    margin:          0 0.412em 0 1em;
    color:           #999;
}
.authorlinks {
    position:        relative;
    top: 0;
    font-weight:     200;
    margin-left:     1em;
    color:           #777;
    font-size:       1em;
}
.authorlinks a {
    color:           #346;
    font-size:       1.20em;
    font-weight:     300;
    text-decoration: none;
}
.authorlinks:before {
    content:         "\270E ";
    margin:          0 0.5em 0 -1em;
    font-size:       1.10em;
    color:           #999;
}
.entry-content img {
    margin:          0 0 1.5em 0;
}
.wp-smiley {
    margin:          0 !important;
    max-height:      1em;
}
.entry img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"],
img[class*="attachment-"] {
    height: auto; 
    max-width:       98.8992%;
    margin:          0 auto
}
.entry-attachment {
    max-width:       98.8992%;
    margin:          0 auto;
    overflow:        hidden;
}
.wp-post-image {
    position:        relative;
    top:             9px;
}
figure.entry-attachment img,
img.attachment-large,
img.attachment-medium,
.entry-attachment p.attachment img,
.entry-attachment p.attachment a img {
    height: auto; 
    max-width:       98.8992%;
    border:          2px solid #888;
}
.alignnone, img.alignnone, .alignnone img {
    max-width:       99.899%;
    margin:          0 auto; 
}

.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    margin:             3px 11px;
}
.entry-content img {
    margin:             0 0 1.5em 0;
}
.social-block ul {
    position:           relative;
    list-style:         none;
    min-height:         2.222em;
    margin-bottom:      0.5em;
    border-bottom:      thin solid #aaa;
}
.social-block li {
    display:            list-style;
}
.social-block span {
    color:              #024;
}
.social-block a {
    color:              #248;
}
.social-block img {
    display:            inline;
    height:             24px;
    width:              24px;
    margin:             4px 5px -2px 0;
}

/* navigation 
----------------------------------------------- */
.toprow ul {
    margin:             1px 0 0 5px;
    padding:            0;
    list-style:         none;
    position:           relative;
    top:                0;
    word-wrap:          break-word;
    height:             2.1828em;
    overflow:           auto;
    padding-left:       8px;
}
.toprow li  {
    margin:             0;
    float:              left;
    position:           relative;
    padding-top:        2px;
}
.toprow li a:first:child {}
.toprow a:hover {
    color:              #ddedff;
}
.toprow a {
    display:            block;
    text-align:         center;
    margin:             4px 0 2px 0;
    min-width:          80px;
    color:              #ffffff;
    font-weight:        400;
    text-decoration:    none;
    padding:            .3336em .6892em .222em .6892em;
    border-left:        1px dotted #c0cacf;
}
.toprow ul li {
    position:           relative;
}
.toprow:after {
    content:            "";
    clear:              both;
}
.no-topmenu {
    display:            block;
    width:              100%;
    background:         #11223f;
    margin:             0;
    position:           relative;
    left:               -.2888em;
    box-shadow:         1px 3px 5px #9c9c9c;
    height:             2.6185em;
    overflow:           hidden;
}
.no-topmenu a, .no-topmenu ul, .no-topmenu li {
    display:            none;
}
/**
    =primary menu 
------------------------------------------ */
#access { /* primary menu container */
    display:            inline-block;
    width:              70.6125%;
    background:         #11223f;
    margin-left:        -3px;
    position:           relative;
    box-shadow:         1px 3px 5px #9c9c9c;
    height:             38px;
}
#access { 
    display:            inline-block;
    width:              74%;
    background:         #11223f;
    margin:             0;
    position:           relative;
    left:               0;
    box-shadow:         1px 3px 5px #9c9c9c;
    height:             38px; 
    padding:            4px 0;
}
#access ul {
    margin:             0;
    position:           relative;
    z-index:            500;
    font-size:          100%;
    display:            block;
    background:         #11223f;
    clear:              both;
    float:              left;
    width:              100%;
}
#access li {
    display:            inline-block;
    position:           relative;
    text-align:         left;
}
#access a {
    color:              #fff;
    padding:            8px 15px 10px 15px;
    display:            inline-block;
    text-decoration:    none;
    width:              100%;
    font-size:          1em;
    font-weight:        400;
    border:             thin solid #11223f;
    border-left:        thin dotted #c0cacf; 
    background:         #11223f;
    margin-bottom:      1px;
}
#access a:hover {
    color:              #000;
    border-left:        1px dotted #11223f;
}
#access li a:hover {
    transition:         color .25s ease-in-out;
    transition:         background-color .25s ease-in-out;
    transition:         opacity .25s ease-in-out;
    background:         #efefef;
}
#access li:hover {
    background:         #000;
    opacity:            1;
}
#access li a:not(:last-child):after {
    content:            "\25bc";
    float:              right;
    margin:             2px 0 0 10px;
    opacity:            .8;
}
#access ul ul li a:not(:last-child):after {
    content:            "\25bc";
    margin:             2px 0 0 10px;
}
#access ul ul {
    opacity:            0;
    position:           absolute;
    left:               -9999px;
    width:              188px;
    z-index:            99999;
    background:         none;
    padding:            2px 0;
}
#access li li {
    clear:              both;
    width:              100%;
}
#access li li:hover {    
    margin-top:         -1.5px;
    padding-top:        2px;
    background:         none;
}
#access ul li:hover > ul {
    opacity:            1;
    left:               0;
    margin-top:         -2px;
    background:         none;
}
#access ul ul li:hover > ul {
    left:               12.5% !important;
    top:                2.285em;
    background:         none;
}
/* Sibling Menu classes */
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    font-weight:        700;
}
.menu-item {}
/* This class is added to every menu item. */ 
.menu-item-has-children {}
/* This class is added to menu item which has sub-items */ 
#access .current-menu-item { 
    color:              #aaddee; 
}
.no-access {
    display:            block;
    width:              72.66663%;
    height:             2.898em;   
    background:         transparent;
    margin:             0;
    position:           relative;
}
.no-access a, .no-access ul, .no-access li {
    display:            none;
}
.navigation {
    background:         #e9e9e9;
    display:            inline-block;
    width:              97.48%;
    margin:             1em auto 0 auto;
    text-align:         center;
    float:              left;
    position:           relative;
    left:               1px;
    margin-bottom:      1px;
    border-top:         4px solid #d5e6e7;
    border-right:       4px solid #d5e6e7;
    border-bottom:      4px solid #d5e6e7;
    border-left:        4px solid #d5e6e7;
    box-shadow:         0 3px 7px rgba( 0, 0, 0, 0.5);
}
body.archive .navigation {
    width:              70.4%;
}
.navigation:after {
    content: "";
    clear: both;
} 
.navigation p {
    width:              99%;
    font-size:          1em; 
    color:              #111;
    font-weight:        400;
    text-shadow:        0 1px 1px hsla(80, 80%, 20%, 0.9);
    margin:             0 auto; 
    padding:            5px 10px;
    float:              left;
    margin-left:        -1px;
}
.navigation a {
    color:              hsla(10, 80%, 20%, 1);
    font-weight:        400;
    text-shadow:        0 1px 1px hsla(80, 80%, 20%, 0.9);
}
.navigation span {
    margin-top:         -1px; 
    float:              right;
    width:              48%;
    border-left:        1px solid black;
}
.navigation ul {
    position:           relative;
    list-style:         none;
    padding:            9px 0;
    font-size:          1.15em;
}
.navigation ul li {
    display:            inline;
}
.navigation li.active a {
    color:              #ccc;
}
.pagination p {
    padding:            0;
    margin:             0 auto;
    border-bottom:      thin solid #887;
    font-weight:        700;
    font-size:          0.898em;
}
.pagination {
    background:         #f3fbfe;
    margin:             3px 7px;
    padding:            0;
    width:              98.585%;
    min-height:         1.636em;
    position:           relative;
}
.pagination a:visited {
    color:              #99999f;
    font-style:         strike;
}
.pagination a {
    text-align:         center;
    color:              #059;
    display:            inline-block;
    width:              1.5em;
    height:             auto;
    padding:            2px 2px 2px 5px;
    margin:             0 3px;
    background:         #efefef;
    border-left:        2px dotted #496;
}
/* =WordPress Core
-------------------------------------------------------------- */
pre {
  white-space: pre;
  word-wrap: normal;
  overflow-x: scroll;
}
table {
  width: 100%;
}
tr:nth-of-type(odd) {
  background: #eee;
}
td, th {
  background: #fff;
  padding: 6px;
  border: 1px solid #bbb;
  text-align: left;
}
th {
  background: #eee;
  font-weight: bold;
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 1px 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; 
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin-right: 20px;
}
.wp-caption.alignright {
    margin-left: 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery {
 width: 98.8992%;
 display: block;
 clear: both;
 overflow: hidden;
 margin: 0 auto;
 }
 .gallery .gallery-row {
 display:block;
 clear: both;
 overflow: hidden;
 margin: 0;
 }
 .gallery .gallery-item {
 overflow: hidden;
 float: left;
 margin: 0;
 text-align: center;
 list-style: none;
 padding: 0;
 position: absolute
 bottom: 0
 }
 .gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
 max-width: 89%;
 height: auto;
 padding: 1%;
 margin: 0 auto;
 }
 .gallery-caption {
 margin-left: 0;
 }
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width:          100%;
    height:             auto;
    opacity: 1;
}
.entry .size-auto, 
.entry .size-full,
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {}
form .form-allowed-tags code,
form .form-allowed-tags p {
    max-width:         98.8992%
    height:            auto;
    margin:            0 auto;
    font-size:         0.888em;
    color:             #777;
}
.post.format-gallery .entry-lead{
    position:          relative;
    background:        rgba( 255, 255, 255, 1) !important;
    opacity:           1;
}
 .post.format-gallery .entry-lead img {
    background:        rgba( 0, 0, 0, 1) !important;
    opacity:           1;
}
figure.entry-attachment img {
    max-width:         98.8992%;
    margin:            0 auto;
    height:            auto;
}
table th,
table tfoot {
    background:        #c8daea;
    font-weight:       bold;
    text-align:        center;
    border-bottom:     1px solid #999;
    padding:           3px 7px; 
}
table tr {
    background:        #f9f9f9;
    font-weight:       normal;
    text-align:        left;
    border-bottom:     1px solid #fff;
}
table td {
    padding:           3px 7px;
}

/* comments 
--------------------------------------- */
#comments {
clear: both;
    width:              88%;
    background:         #fcfcfc;
    margin:             0 auto;
    padding:            3px 9px;
}
#comments a {
    font-weight:        200;
}
#comments
.comment-body ul {
    list-style:         inside;

}
.comment-body ul li,
.comment-body ul li ul {
    margin-left:        0.612em;
}
.comment-body {}
#comments small:first-of-type {
    display:            block;
    color:              #789;
    padding-bottom:     1em;
}
.comment-reply-link {
    position:           relative;
    left:               68%;
    display:            inline-block;
    width:              auto;
    font-size:          0.915em;
    padding:            3px 5px;
    line-height:             1.2em;
    margin-bottom:      2px;
    color:              #038;
    background:         #fff;
    background:         linear-gradient(top, #efefef 0%, #dddddd 100%);  
    background:    -moz-linear-gradient(top, #efefef 0%, #dddddd 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%, #dddddd 100%);  
    border-left:        2px solid white;
}
.reply {
    border-bottom:      1px solid #d1d1d1;
    margin-bottom:      0.582em;
}
.commentlist ol {
    list-style:         symbols("*" "\2020" "\2021" "\A7"); 
}
.comment-notes {
    font-size:          14px;
}
.responses {
    float:              right;
}
#respond {
    width:              88%;
    display:            block;
    margin:             3px auto;
    padding:            5px;
    border:             thin solid #d4d4d4;
    border-radius:      5px;
    padding-left:       1em;
    background:         #fefeff;
}
#respond.comment-respond {
    margin-top:         19px;
}
section#comments:after {
    clear:              both;
    content:            "";
    border-bottom:      2px dotted #983;
    display:            block;
    width:              90%;
    margin:             0 auto;
    height:             5px;
}
h3#reply-title {
    font-size:          small;
    color:              red;
    margin-left:        5px;
}
#commentform .comment-form-url {
/* display: none; */
}
#respond p {
    width:              auto;
    color:              #3d3d3d;
    font-weight:        300;
}
#respond #commentform.comment-form p {
    max-width:          90%;
    margin:             0;
}
#respond label {
    font-size:          0.875em;
    margin-top:         0;
    width:              20%;
}
#respond form textarea {
    height:             100px;
    width:              82.1828%;
    box-sizing:         border-box;
    border-radius:      2px; 
    border:             solid 1px #ccc; 
    padding:            0.214em; 
    font-size:          inherit;
    margin-bottom:      -10px;
    background:         #eafafa;
}
#respond form input[type="text"] {
    float:              right;
    margin-right:       5.4266em;
   width: 55%;
    box-sizing:         border-box;
    border-radius:      2px; 
    border:             solid 1px #ccc; 
    padding:            0.18284em; 
    font-size:          1em;
    margin-left:        -2em;
    margin-top:         0;
    margin-bottom:      2px;
    background:         #eafafa;
    line-height:        1;
    padding:            1px 2px;
}
.form-allowed-tags, 
.form-allowed-tags > div {
    position:           relative;
    padding:            7px 7px;
    margin-top:         0;
    font-size:          0.690em;
    color:              #777;
}
#respond code {
    margin:             5px;
    font-size:          9px;
    color:              #985;
}
/* category style */
.linkcat a,
.edit-link a,
.taglink a,
.post-categories a {
    font-weight:        200 !important;
}
.post-categories {
display: inline; 
position: relative;
    top:                1em;
    left:               -2em;
}
.post-categories:last-child {
    clear:              both;
}
/* =set lists margins here 
----------------------------------------- */
li.categories {
    display:            inline; 
    margin-left:        3px;
}  
li.cat-item {}
li.cat-item-{id} {}
li.current-cat {}
li.current-cat-parent {}
ul.children {}
.more-link {}
.linkcat:before {
    content:           "\2605";
    margin:            0 0.5em 0 0;
    color:             #999;
    font-size:         1.0585em;
}
.linkcat .post-categories li:first-child {
    position:          relative;
    display:           inline;
    top:               -1.2160em;
    left:              2.333em;
}
.linkcat a {
    color:             #08a;
    font-size:         1em;
}
.linkcat span { 
    position:          relative;
    left:              3em; 
    top:               2px;
}
.blogroll {}

/* =Widgets 
----------------------------------------------------- */
.sidebar-thin #right-sidebar-absolute {
    max-width: 276px;
}
.widget-container select {
    max-width:          100%;
    min-height:         2em;
    color:              black;
} 
#cat {
    height:             2em;
}
.widget-container.widget-categories:after {
    content:            "";
    clear:              both;
}
.widget {
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
}
.widget ul {
    position:           relative;
    left:               0;
    top:                0;
    background:         #ffffff;
}
.post-right .widget-container {
    background:         rgba( 255, 255, 255, 0.95);
    padding:            3px 7px;
    margin:             5px;
}
.post-right div .widget-container,
.post-right .widget-container,
.widget_container.widget_search,
.post-right .widget-container.widget_archive {
    min-height:         100%
    height:             auto;
    max-height:         100%;
}
.post-right .widget-container .widget-title,
#right-sidebar .widget-container .widget-title,
#right-sidebar-absolute .widget-container .widget-title {
    color:              #000;
    font-weight:        700;
    background:         transparent;
    margin-bottom:      .3666em;
    padding:            1px;
    border-top:         10px solid #c8c8c8;
    border-right:       33px solid transparent;
    border-bottom:      10px solid #dddddd;
    border-left:        0px solid transparent;
}
#right-sidebar-absolute .widget-container {
    position: relative;
    top: .15em;
}
.post-right .widget-container {
    position:           relative;
    background:         rgba(255, 255, 255, 0.9);
    padding-bottom:     .2886em;
    overflow:           hidden;
    max-height:         100%;
    z-index:            -100;
}
#searchform {
    padding:            9px;
}
#right-sidebar .widget-container {
    background:         rgba( 255, 255, 255, 0.95);
    padding:            3px 7px;
    margin:             5px;
}
#footer-widget-area .widget-title {
    color:              #fafafa; 
    border-top:         10px solid #bbb;
    border-right:       33px solid transparent;
    border-bottom:      10px solid rgba( 250, 255, 255, 0.5);
    border-left:        0px solid transparent;
}
#footer-widget-area a {
    color:              #f1fdff;
}
#footer-widget-area img {
    width:              100%;
    height:             auto;
}
.widget_nav_menu {
    padding-top:        .522em;
}
#wp-calendar {
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    width: 80%;
    margin: 0 auto;
    margin-top: 1em;
}
#wp-calendar a {    
    color: #467b89 
}
#wp-calendar caption {
    background: #383838;
    color: #e0e0e0;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    border: 1px solid #373737;
}
#wp-calendar thead th {
    font-size: 8px;
    padding: 5px 0;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-bottom: 1px solid #bbbbbb;
    background: #f7f7f7;
}
#wp-calendar tbody td {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #ededed;
}
#wp-calendar tbody td.pad {
    background: #f5f5f5;
}
#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 12px;
    text-align: center;
}
#wp-calendar tfoot tr {
    background: #f5f5f5;
}
#wp-calendar tfoot td { 
    padding: 10px 10px
}
#wp-calendar tfoot a {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#wp-calendar tfoot td#prev {
    text-align: left 
}
#wp-calendar tfoot td#next { 
    text-align: right 
}
#wp-calendar #today {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
}
/* Media Queries 
------------------------------------------------------ */
@media all and (min-width: 322px) and (max-width: 940px) {
    section.content-area-lead { width: 98%; display: block; margin: 5px auto 1em auto; 
        }
    .post-right { width: 98%; display: block; margin: 5px auto;
    position: relative; top: 1em; left: 1em; padding-bottom: 1em; }
    .post-right:after { content: ""; display: table; width: 100%; padding-bottom: 1em; clear: both;}
    .midbar {display: none; margin: 10px; }
    #access {
        margin-bottom:    .885em;
        width:             100%;
        display:           table;
    }
.content-area-fours { width: 98%; margin: 1em; position: relative; top 1em; }
#logo-right {display: none; }
#footer-widget-area {display: block; } #footer-widget-area .widget-area { display: block; width: 44%; margin: 5px; }
}
@media only screen and (max-width: 860px) { 
#access {
        padding-bottom:    .885em;
        width:             100%;
        display:           table;
    }
#logo-right {display: none; }
}

@media all and (min-width: 760px) and (max-width: 940px) {
#access ul { position: relative; top: .0285em; z-index: 9999; }
#content-wide-lead, .content-area-left { overflow: visible; width: 100%; margin: 0 auto; display: block; clear: left; }
.post-right, #right-sidebar {display: block; width: 98%; margin: 0 auto;  clear: both; 
position: relative; left: 0; top: .5em; }
.midbar {display: none; margin: 0; }
.content-area-fours {position: relative; top: 1em; }
}

@media all and (min-width: 640px) and (max-width: 760px) {
#footer-widget-area .widget-area { display: block; width: 98%; margin: 5px; }
#logo-right { display: none; }
.midbar {display: none; margin: 0; }
.post-right, #right-sidebar {display: block; width: 98%; margin: 0 auto;  clear: both; 
position: relative; left: 0; top: .5em; }
.content-area-fours {position: relative; top: 43em;width: 98%; margin: 5px; padding-top: .5em; }
}
@media all and (max-width: 639px) {
#footer-widget-area .widget-area { display: block; width: 98%; margin: 5px; }
#logo-right { display: none; }
.midbar {display: none; margin: 0; }
.post-right, #right-sidebar {display: block; width: 98%; margin: 0 auto;  clear: both; 
position: relative; left: 0; top: .5em; }
.content-area-fours {position: relative; top: 43em;width: 98%; margin: 5px; padding-top: .5em; }
}

/* ==========================================================================
   Print styles Inlined to avoid required HTTP connection
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* Have a Great Day - TSW */