/*
Theme Name: Letterhead
Author: Larry Judd, Tradesouthwest
Author URI: http://tradesouthwest.com/
Theme URI:
Description: Two column, left-sidebar, looks like a ribbon bond letterhead with a content area that will output clean printer friendly page styles. Header can fit an uploaded business card image or logo. Letterhead is designed to print your business letters or journal articles and is optimized with one widget-ready area, Java collapsible menu, prints content only without sidebar or comments.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Letterhead WordPress Theme, Copyright 2014 WordPress.org
Letterhead is distributed under the terms of the GNU GPL
Tags: white, light, two-columns, left-sidebar, featured-images, post-formats, sticky-post, translation-ready
Text Domain: letterhead

== Content ==
Resets       -   
Global       -   
Structure    -   
Content      -  
Menu         -  
Asides       -  
Media        -  
Navigation   -  
Comments     -  
Widgets      -  

Responsive styles in this theme are limited to print media only.
*/

/* =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%; font-style: inherit; font-weight: inherit;
    margin: 0; outline: 0; padding: 0; vertical-align: baseline;
}
html {
    font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}
body {
    background: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate; border-spacing: 0;
}
caption, th, td {
    font-weight: normal; text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}

/* =Global
----------------------------------------------- */ 
/* Headings */
h1,h2,h3,h4,h5,h6 {
    clear: both;
margin-bottom: 0.214em;
}
h1 {font-size: 2em; }
h2 {font-size: 1.6em; }
h3 {font-size: 1.4em; }
h4 {font-size: 1.2em; margin-left: 3px; }
h5 {font-size: 1em; margin-left: 3px; }
h6 {font-size: 0.88em; margin-left: 3px; }
.widget-area h1 {font-size: 1em; font-weight: 700; }
.widget-area h2 {font-size: 0.88em; font-weight: 700; }
.widget-area h3  {font-size: 0.74em; font-weight: 700; }
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
/* Text elements */
p {margin-bottom: 1em; }
ul, ol {margin: 0 0 1.5em 3em; }
ul {list-style: disc; }
ol {list-style: decimal; }
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0; margin-left: 1.5em; }
dt {font-weight: bold; }
dd {margin: 0 1.5em 1.5em; }
b, strong {font-weight: bold; }
dfn, cite, em, i {font-style: italic; }
blockquote {
margin: 0 1.5em;
color: #888;
font-weight: 600;
}
address {margin: 0 0 1.5em; }
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
}
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%; }
figure {margin: 0; }
table {margin: 0 0 1.5em; width: 100%; }
th {font-weight: bold; }
button, input, select, textarea {
font-size: 100%; 
margin: 0; 
vertical-align: baseline; 
vertical-align: middle; 
}
button, input {
vertical-align: middle; 
line-height: normal; 
overflow: visible;  
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
vertical-align: middle;
border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px; background: #e6e6e6; color: rgba(0,0,0,.8); cursor: pointer;
padding: 3px 7px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] { /* IE8/9 */ 
box-sizing: border-box; padding: 0;
}
input[type="search"] { /* S5, Chrome (-moz future spec */

}
button::-moz-focus-inner,
input::-moz-focus-inner { /* FF3/4 toolbar buttons */
border: 0; padding: 0;
}
input[type=text],
input[type=email],
textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; 
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {color: #111;
}
input[type=text],
input[type=email] {padding: 3px;
}
textarea {width: 98%; overflow: auto; /* scrollbar in IE6/7/8/9 */
padding-left: 3px; vertical-align: top; /* all browsers */
} 
/* Links */
a {color: royalblue; }
a:visited {color: #05A; }
a:hover, a:focus, a:active {color: royalblue; }
/* Alignment */
.alignright     {float:right; }
.alignleft      {float:left; display: table-cell; }
.aligncenter    {display: block; margin-left: auto; margin-right: auto}
img.alignright  {float:right; margin-left: 1em;}
img.alignleft   {float:left; margin-right: 1em; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignnone {display: block; margin: 1em auto; }
.textcenter {
    text-align: center; 
    margin-top: 3px; 
}
.clearfix {
    clear: both; 
    margin: 0; 
    padding: 0; 
    display: block; 
}
/* Text for screen readers */
.assistive-text {clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
 
body,
button,
input,
select,
textarea {
    color:              #303030;
    font-family:        sans-serif;
    font-size:          15px;
    line-height:        1.322;
    font-weight:        400;
}

/* =Structure
----------------------------------------------- */
body {
    border-bottom:      1px solid transparent;
} 

/* Header */
.site-header {
    width:              100%;
    background:         transparent;         
/*  border-top:         3px solid rgba(20,20,20,.1); */
}
#masthead { 
    height:             auto;
    padding:            0;
    width:              66em;
    margin:             0 auto -5px auto;
    background:         transparent;
    background-image:   url('images/brd-left.png');
    background-position:left;
    background-repeat:  repeat-y;
/*    background-size:    100%; */
}
figure#letterhead {
    position:           relative;
    top:                0;
    text-align:         center;
}
.top-bar {
    width:              100%;
    height:             1em;
    border-top:         5px solid rgba(60,60,60, .2);
    border-bottom:      5px solid rgba(60,60,60, .2);
    font-weight:        500;
    box-shadow:         inset 0 1px 0 rgba(255,255,255,0.4), inset 0 15px 17px rgba(255,255,255,0.7), 
inset 0 -5px 12px rgba(0,0,0,0.1);
    background:         #F0F0F0;
}
/* 990pxs */
#main  {
    width:              66em;
    margin:             0 auto; 
}
/* =main content area  720pxs */
#primary {
    width:              48em;
    background-image:   url('images/clean.png');
    float:              right;
    margin:             1em 0 5px 0;
}
/* =Sidebar 
 * secondary is the widget container 
 * more widget styles far below */
#secondary {
    float:              left;
    width:              17.828em;
    margin:             0 0 -5px 0;
    padding:            0;
    min-height:         880px;
    background-image:   url('images/brd-left.png');
    background-position:left;
    background-repeat:  repeat-y;
    background-size:    24px 100%;
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
}
.angle-bar {
    position:           relative;
    top:                -3.880em;
    left:               1em;
    background:         transparent;
    opacity:            .7;
    width:              0.29px;
    height:             250px;
    border-top:         10px solid transparent;
    border-right:       15px solid #9df;
    border-bottom:      10px solid transparent;
    border-left:        15px solid #fd9;
    -moz-transform:     rotate(27.5deg);  
    -o-transform:       rotate(27.5deg);  
    -webkit-transform:  rotate(27.5deg);  
    -ms-transform:      rotate(27.5deg);  
    transform:          rotate(27.5deg);  
/*   filter:             progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
    M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; */
   
}
/* Footer */
.site-footer {
    padding-top:        0;
    width:              100%;
    background:         #e6e6e6;
    clear:              both;
}
#colophon { 
    width:              64em;   /* inside site-footer */ 
    margin:             0 auto;
    padding-left:       25px;
    border-right:       5px solid #ccc;
    min-height:         90px;
    background-image:   url('images/brd-left.png');
    background-position:left;
    background-repeat:  repeat-y;
}

/* =Content
----------------------------------------------- */
.site-title,
.site-description {
    max-width:          98.6%;
    display:            block;
    padding:            3px 15px;
    text-align:         center; 
}
.site-title a {
    color:              #0c5d5e;
text-shadow: 0 1px 0 #cfdfff;
    text-decoration:    none;
}
.site-description {
    color:              #757575;
}
.entry-content {
    width:              45.33333em;              /* 680px */
    color:              #111111;
    font-weight:        300;
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
    border-top:         4px solid #a8bcbc;
    background:         transparent;
    padding:            7px;
    margin:             3px auto; 
    box-shadow:         1px 3px 3px rgba(0,0,0,0.3);
}
h1.entry-title,
.entry-title a,
.entry-title,
#post .entry-title {
    margin:             0.2226em;
    word-wrap:          break-word; /* IE */
    -ms-word-wrap:      break-word; 
    color:              #0c5d5e;
    text-shadow: 0 1px 0 #cfdfff;
    text-decoration: none;
}
.entry-header {
    margin-left:        0.84em;
    padding-top:        0.56em;
}
.entry-header h5 {
    color:              #8c8d8e;
}
.sticky {
    border-left:        2px dashed #999;
    width:              auto;
    background:         #FAF5CC;
}
.site-info {
    font-size:          83%;
}
.sep {
}
.cat-link:after {
    content:            " ";
    padding:            0;
}
.post-categories {
    width:              100%;
    position:           relative;
    margin:             -1.2282em 1em 0 1em;
    list-style:         none;
    height:             auto;
}
.post-categories li {
    display:            inline;  
    margin:             0 3px;
    padding:            0;
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
}
.post-categories li a:hover {
    color:              green;
}
.post-categories li:first-child {
    margin-left:        1.752em;
}
.post-date {
    font-size:          73%;
    color:              #85999F;
} 
.post-date:before {
    content:            "(";
}
.post-date:after {
    content:            ")";
}
.tag-link {
    margin:             0.222em 0;
    padding:            0;
}
.edit-link {
    margin:             0;
    padding:            0;
}
.cat-date {
    display:            inline;
    font-size:          0.58em;
    color:              #777;
    text-align:         right;
    margin-left:        2em;
}
.left-search-meta {
    position:           relative;
    left:               1px;
    top:                1.322em;
}
.left-search-meta ul {
    list-style:         none;
}
.left-search-meta .widget-header {
    margin-top:         18px;
}

/* =Menu
----------------------------------------------- */
#access {
    width:              16.222em;
    margin-top:         -7em;
    position:           relative;
    margin-left:        1.88em;
}
.threebars {
    position:           relative;
    display:            block;
    padding:            3px 7px 0 7px;
    width:              auto;
    font-weight:        900;
    font-size:          1.852em;
    text-align:         center;
    margin:             0 auto;
}
#access a,
#access a:link,
#access a:visited {
    color:              #003355;
}
#access a:hover {
color: #58a;
text-shadow: 0px 0px 1px #fff;
}
nav.menu {
    position:           relative;
    margin:             0 auto;
    padding:            0; 
}
nav.menu ul {
    margin:             0; 
    padding:            0; 
    list-style:         none;
}
nav.menu ul li {
    position:           relative;
    display:            block;
    min-width:          15.333em;
    width:              auto;
    max-width:          15.333em;
}

nav.menu a {
    cursor:             pointer;
    display:            block;
    font-size:          1.116em;
    font-weight:        lighter;
    display:            block;
    text-decoration:    none;
    padding:            5px 7px;
    border:             1px solid #ccc;
    border-color:       #ccc #ccc #bbb #ccc;
    border-radius:      1px;
    background:         #e6e6e6;
    box-shadow:         inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
}
nav.menu ul li ul {
    background:         #fafbff; 
    border-left:        2px solid green; 
}
nav.menu ul ul { 
    position:           absolute;
    display:            none;
}
nav.menu ul li:hover ul {
    width:              180px;
    position:           absolute;
    display:            block; 
    left:               160px;
    top:                0; 
    border-left:        0px solid black; 
    z-index:            1;
    background:         transparent;
}

nav.menu ul li:hover ul li {
    width:              180px;
    position:           absolute
    left:               50%;
    top:                10px; 
}
nav.menu ul ul ul li {
    position:           absolute;
    top:                0;
    display:            none;
}
nav.menu ul ul li:hover ul li  {
    width:              180px;
    position:           absolute;
    display:            block; 
    left:               -65%;
    top:                2.0622222em; 
}

/* =Special Formats
----------------------------------------------- */
.single .format-aside .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display:            none;
}
.credits {
    color:              #777;
    margin:             5px 11px;
    padding-top:        9px;
}
.credits a {
    color:              #c33;
    font-size:          13px;
}
.bypostauthor {
    color:              #677;
} 
cite {
    font-weight:        200;
    color:              #777;
}
.single-format-status .entry-title,
.single-format-aside .entry-title {
    display:            none;
}
.top a {
    background:         #F1F1F1;
    padding:            3px;
    border:             thin solid #999;
    border-radius:      2px 2px 9px 2px;
    color:              green;
    font-weight:        700;
    font-size:          1.118em;
}
/* =Media
----------------------------------------------- */
li img,
.post img, 
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width:          100%; /* Fluid images */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
    max-width:          100%;
    width: auto; /* Prevent stretching of full-size images in IE8 */
}
.gallery {
 
}
.gallery .gallery-row {
    display:            block;
    clear:              both;
    overflow:           hidden;
     margin:            0;
}
.gallery .gallery-item {
    float:              left;
    margin-top:         0;
    text-align:         center;	
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    max-width:          89%;
    height:             auto;
    padding:            1%;
    margin:             0 auto;
}
.gallery-caption {
    margin-left:        0;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border:             none;
    margin-bottom:      0;
    margin-top:         0;
    padding:            0;
}
.wp-caption {
    border:             1px solid #ccc;
    max-width:          100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom:      1.5em;
}
.wp-caption img {
    display:            block;
    margin:             1.2% auto 0;
    max-width:          98%;
}
.wp-caption-text {
    text-align:         center;
}
.wp-caption .wp-caption-text {
    margin:             0.8075em 0;
}
.site-content .gallery {
    margin-bottom:      1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
    border:             none;
    height:             auto;
    max-width:          90%;
}
.site-content .gallery dd {
    margin:             0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}
/* Help embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width:          100%;
}
 
/* =Navigation (posts)
----------------------------------------------- */
.navigation .nav-previous {
    float:              left;
    width:              48%;
    margin-left:        1em;
    text-align:         right;
}
.navigation .nav-next {
    text-align:         right;
    width:              48%;
    display:            inline;
    margin-right:       1em;
}
.navigation p {
    display:            block;
    width:              98.8992%;
    margin:             0;
    border:             none;
    background:         #F1F3F5; 
    margin:             0.36em;
    word-wrap:          break-word; 
    -ms-word-wrap:      break-word;
}
.navigation span.nav-previous a{
    color:              #762;
}
.navigation span.nav-next a{
    color:              #275;
    padding-right:      2em;
} 
.pagination a {
    font-size:          1.182em;
    padding:            2px 5px;
    background:         #e8e8e8;
}
a.more-link {
    height:             15px;
    display:            block;
    width:              42px;
    margin-top:         1em;
    padding:            8px 5px 6px 12px;
    font-size:          12px;
    font-weight:        bold;
    color:              #2377D9;
    border:             thin dashed #CCC;
    border-radius:      4px;
    text-decoration:    none;
    background:         #e8e8e8;
    box-shadow:  inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.3);
}
a:hover.more-link {
    box-shadow:  inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    text-decoration:    none;
}
	
/* =Comments
----------------------------------------------- */
#comments {
    width:              98%;
    margin:             0.5664em 0 0 0.3662em;
}
.commentlist {
    list-style:         decimal;
    background:         #FAFAFA;
}
.children li {
    list-style:         none;
}
.commentlist li li:first-child {
    margin:             0.25em 0 0 1.395em;
}
.comment-area {
    width:              93.98%;

    margin-top:         0.88em;
    padding-bottom:     6px;
    border-bottom:      thin dashed #EBEBEB;
}
.comment-body p {
    max-width:          98.8992%;
    margin-bottom:      0;
    white-space:        pre-wrap; /* Chrome; W3C standard */
    word-wrap:          break-word; /* IE */
}
.commentlist ul li .comment-body,
.commentlist ol li .comment-body {
    border-bottom:      none;
}
.commentlist ul li,
.commentlist ol li {
    width:              93.899%;
    background:         #FCFFFE;
    margin:             5px 0 1px 0;
    padding:            3px 0 5px 0;
    border-bottom:      thin solid #DDD;
    border-right:       thin solid #DDD;
    border-radius:      0 0 42px 0;
}
ol.commentlist {
    list-style:         upper-roman inside;
}
div.vcard img.avatar { 
    border:             5px solid #ccc; 
    margin:             0 5px; 
}
.commentlist {
    font-size:          92%;
    text-align:         left;
    padding:            3px 0 5px 0;
    border-bottom:      thin solid #CCC;
}
.comments-title {
    color:              green;
    font-weight:        600;
}
.comment-author .says {
    display:            none;
}
#commentform {
    color:              #7F7F8F;
}
.comment-reply-title {
    font-style:         italic;
    font-size:          1.1228em;
    color:         #8a8a8a;
}
#commentform input[type="text"] {
    min-width:          19em;
    width:              auto;
    max-width:          19em;
    float:              right;
    margin-right:       12em;

}
#respond.comment-respond form .comment-form-comment .form-allowed-tags,
.form-allowed-tags,
.form-allowed-tags code {
    width:              89%;
    font-size:          0.712em;
    position:           relative;
    margin:             -1.25em auto 5px 9px;
    color:              #888888;
}
#respond.comment-respond form {
    width:              80%;
    border:             thin solid #DFDFDF;
    border-radius:      1px 1px 58px 1px;
    padding-top:        7px;
    padding-right:      7px;
    padding-bottom:     0px;
    padding-left:       7px;
}
#commentform label {
    text-align:         left;
    min-width:          9em;
    width:              auto;
    max-width:          9em;
    line-height:        1.2;
}
#commentform p:nth-child(2),
#commentform p:nth-child(3),
#commentform p:nth-child(4) {
    border-bottom:      thin dashed #D2D2D2;
    overflow:           visible;
} 
.logged-in #commentform p:nth-child(2),
.logged-in #commentform p:nth-child(3),
.logged-in #commentform p:nth-child(4) {
    border-bottom:      0;
}
#respond.comment-respond form .comment-form-comment textarea {
    display:            block;
    margin:             0;
    width:              73%;
    position:           relative;
    top:                0;
    left:               1%;
}
textarea#comment {
   height: 120px; 
}
.required {
    color:              maroon
} 
.comment-form-comment label {
    margin-left:        1.112em;
}
.form-submit #submit {
    margin-bottom:      -1.388em;
}
.comment-notes {
    font-size:          small;
}
.comment div ul li,
.comment div ol li,
.comment div ul,
.comment div ol {
    list-style-position:inside;
    margin-left:        0;
    background:         transparent;
    border-bottom:      thin solid transparent;
    border-right:       thin solid transparent;
}

/* =Widgets
----------------------------------------------- */

.widget-container {
/* container after the menu */
    width:              98.8992%;
    margin-top:         2em;
    margin-left:        1px;
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
}
#each-widget {
/* each individual widget */
    color:              #515151;
    padding-top:        3px;
    hyphens:            auto;
    position:           relative;
    left:               0;
    max-width:          97.888%;
    margin:             0 auto;
}
#each-widget:after {
    content:            "";
    clear:              both;
    width:              90%;
    display:            table;
    height:             1px;
    border-bottom:      1px solid #999;
    float:              right;
    margin-bottom:      1em;
}
.widget ul {
    list-style:         none;
}
.widget ul:after {
    content:            "";
    clear:              both;
} 
.widget-header {
    width:              auto;
    margin-left:        25px;
    text-align:         left;
    font-weight:        700;
    font-size:          15px;
}
.widget-header:before {
    content:            "\2730";
}
.widget a {
    color:              #58a;
    background:         rgba(250, 250, 250, 0.7);
    padding:            1px 3px;
    border-radius:      2px;
}
.widget a:hover {
    color:              #874; 
}


/* use this formula for any other widget that misbehaves position 
------------------------------------------------------------- */
/* tag-cloud widget */ 
#each-widget.widget.widget_tag_cloud { 
    min-width: 90%; 
    width: auto; 
    max-width:90%; 
    margin: 0 0 0 0.825em; 
    padding-left: 1.2em;
} 
.widget_links {} .widget_links li:after {} .widget_links li:before {} 
.widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} 
/* text widget */ 
#each-widget.widget.textwidget {
    min-width: 90%; 
    width: auto; 
    max-width:90%; 
    margin: 0 0 0 0.825em; 
    padding-left: 1.2em;
} 
#each-widget.widget.widget_text {
    min-width: 90%; 
    width: auto; 
    max-width:90%; 
    margin: 0 0 0 0.825em; 
    padding-left: 1.2em;
} 
#each-widget.widget.textwidget p,
#each-widget.widget.textwidget img {
    min-width: 90%; 
    width: auto; 
    max-width:90%; 
    margin: 0 0 0 0.825em; 
    padding-left: 1.2em;
}
#each-widget img {
    height: auto;
}
#each-widget select {
    max-width:          15em;
    margin-left:        1.982em;
    margin-bottom:      15px;
}
#each-widget .postform {
    display:            block;
}
/* Search widget */
#searchform {
    margin:             0.582em auto 1em 1.777em;
    display:            block;
    position:           relative;
    width:              14.882em;
    border-right:       thin solid #aaa;
    border-bottom:      thin solid #aaa;
    border-radius:      7px;
    padding-bottom:     3px;

}
#searchform input[type="text"] {
    width:              91%;
    margin:             5px 5px 5px 0;
    background:         #f1f8fc url(images/magnify.png);
    background-repeat:  no-repeat; 
    background-position:right;
}
#searchsubmit {
    display:            block;
    margin-bottom:      3px;   
}
#wp-calendar {
    width:              220px;
    padding-left:       4px;
    padding-right:      5px;
    margin-left:        2.528em;
    color:              #666;
    font-size:          13px;
    border-right:       thin solid #aaa;
    border-bottom:      thin solid #aaa;
    border-radius:     7px;
}
#wp-calendar a { color: #467b89 }
#wp-calendar a { color: #467b89 }
#wp-calendar caption { color: brown; font-weight: 800; text-align: center; }
#wp-calendar th { padding-left: 15px; }
#wp-calendar tbody tr td { border: thin solid #d5dede; text-align: right; padding-right: 3px;}


/* =Media Queries
   ------------------------------------------------------------------- */

@media only screen and (max-width: 1100px) {
	.site-title a {
		font-size: 52px;
		font-size: 3.25rem;
	}
}

@media only screen and (max-width: 980px) {
#access {
    width:              16.222em;
    margin-top:         -11.233em;
    position:           relative;
    margin-left:        1.88em;
}
	
}

@media only screen and (max-width: 900px) {
#access {
    width:              16.222em;
    margin-top:         -11.233em;
    position:           relative;
    margin-left:        1.88em;
}
	
}

@media only screen and (max-width: 800px) {
#access {
    width:              16.222em;
    margin-top:         -11.233em;
    position:           relative;
    margin-left:        1.88em;
}
    
        .site-title, .site-description
        {
            text-align:center
        }        
}

/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
        img.size-full, 
        img.size-large, 
        img.header-image, 
        img.wp-post-image {
                width: 100%; 
        }
}


/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) {
	.site-title {
		text-align: center;
	}
#access {
    width:              16.222em;
    margin-top:         -16.233em;
    position:           relative;
    margin-left:        1.88em;
}
        
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
#access {
    width:              16.222em;
    margin-top:         -16.233em;
    position:           relative;
    margin-left:        1.88em;
}
}

/* =Printer support 
----------------------------------------------- */
@media print {
body {
     font-size: 12pt; 
        line-height: 1.3;
        margin: 1cm;
        width: 100%;
}
  nav, footer,
  #secondary, 
  .top-bar,
  .nav-previous,
  nav-next,
  .comments-area,
  #comments,
  #respond {
      display: none;
  }
  #masthead {
      margin-top: 1cm;
  }
  img {max-width: 500px; 
       border: 0; 
  }
  #primary {
      box-shadow: none; 
      width: 98.8992%; 
  }
  .entry-title {
      text-align: center; 
  }
  .entry-content {
      border: 0; 
      box-shadow: none; 
  }
  .post-edit-link {
      display: none;
  }
    h1 {font-size: 24pt;}
    h2 {font-size: 14pt; margin-top: 25px;}
    aside h2 {font-size: 18pt;}
}