/*
Theme Name: TSWeBiz
Description: Toggle on-off comment form to hide form from distraction of reading post or more business ethical articles. Remove or show title of article from the home page – nice to keep front page clean. Three footer widget ready areas with high contrast fonts. Uses Yanone Kaffeesatz font with 300, 400 and 700 weight font. HTML5, CSS3 minimal markup for fast loading. Header changes styles depending on page so giant image or logo is not taking up space on every page. Includes a full width page template. Standard layout is two column page with sidebar on the left. Options include remove, change footer credit text; change color of sidebar; add social media links and phone, email.
Tags: black, gray, one-column, two-columns, left-sidebar, fluid-layout, custom-background, custom-header, editor-style, full-width-template, theme-options, translation-ready
Copyright: Larry Judd 2014 - Tradesouthwest, http://tradesouthwest.com
Version: 1.3
Author: Larry Judd Oliver Tradesouthwest
Author URI: http://tradesouthwest.com
Theme URI: http://tradesouthwest.net/tswebiz
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tswebiz
*/

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700);

/* =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%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
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% }
/* =alt reset */
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;
}
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% !important; }
p, h1, h2, h3, h4, h5, h6{ margin: 5px 0 13px 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { position: relative; font-weight: 600; }
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: #1f58c8; 
    font-weight: 400; 
    text-decoration: none; 
}
a:visited {
    font-weight: normal;
}
a:hover { 
    color: #1fd8a8; 
    text-decoration: underline; 
}
a img { border:0px; }
.clearfix { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* content 
---------------------------------------- */
body { 
    width: 100%; 
    margin:0; 
    padding:0; 
    color:#434343; 
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 16px; 
    font-weight: 400;
    overflow-x: hidden;
}

.logo-top {
    position: absolute;
    top: 10px;
    left: 40%;
    margin-bottom: 9px;
    height: auto;
    padding: 1px;
}

.logo { 
    position: relative; 
    top: 0;
    padding: 3px 3px 1px 3px;
    box-shadow: 0 2px 5px #000;
    background: rgba( 255, 255, 255, 0.8);
    margin-left: 10%; 
    float: left;
    border: 3px solid #bbb;
}

.logo img { 
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7); 
    position: relative;
    margin: 0 auto;
    padding: 15px;

}

.no_menu {
    display: block;
    width: 10px;
    height: 100px;
    background: transparent;
    border: thin solid #293a3d; 
}

body.single .logo,
body.archive .logo,
body.category .logo {
    display: none;
    clear: both;
}

body.single .header,
body.archive .header,
body.category .header {
    height: 333px;
}

.header h1 a { 
    color:#fff; 
    font-weight: 700
}

.header {    
    background: #293a3d; 
    margin: 0; 
    padding: 3px 0 0 0; 
    width: 100%;
    height: 378px;
}

.site-title {
    width: 370px; 
    float: left; 
    margin-top: 1em; 
    padding: 20px 0 20px 30px; 
    font-family: 'Yanone Kaffeesatz', sans-serif; 
}

.header:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
}

.site-description { 
    width: 80%; 
    float: left; 
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 700; 
    position: relative; 
    left: 6.6422%; 
    top: 0.895em; 
    text-shadow: 0 1px 0px #a93;
    display: block; 
    background: rgba( 250, 250, 250, 0.6); 
    max-width: 50%;
    border-top: 5px solid #d9d9d9;
    border-right: 12px solid transparent;
    border-bottom: 5px solid #ccc;
    border-left: 0px solid transparent;
}

.breaker {
    clear: both;
    display: block;
    width: 100%;
    height: 12px;
    margin: 0;
    padding: 0;
}

.main {
    width: 90%; 
    padding: 0; 
    margin: 0 auto; 
    margin-top: 1.888em;  
}

.entry-content {
    width: 73.23333333%;
    float: right;
    margin: 0;
    padding: 0 1em;
    position: relative;
    font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;
    word-wrap: break-word;
    background: rgba( 250, 250, 250, 0.2);
}

.entry-content-full-width {
    width: 96.212338%;
    float: left;
    margin: 0;
    padding: 0 1em;
    position: relative;
    font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;
    word-wrap: break-word;
}

.post-header p.small {
    text-align: center;
    display: block;
    padding-top: 1px;
    font-weight: 700;
    width: 90px;
    height: 93px;
    overflow: hidden;
    background: #999;
    color: #efefef;
    position: relative;
    top: -52px;
    left: 1em;
    border: 2px solid #a93;
    border-radius: 299px;
}

.entry-content header .small:before,
.entry-content-full-width header .small:before {
    content: "\2606";
    position: relative;
    top: 0;
    left: -1px;
    margin-bottom: 3px;
    font-size: 2em;
    display: block;
    clear: both;
}

.entry-content ul { list-style: none; }
.entry-content ul ul { margin-left: 0.25em; }
.entry-content ol { list-style: decimal }
.entry-content ol ol { margin-left: 0.25em; }
.post-header {
    width: 95.8992%;
    padding: 0;
    position: relative;
    left: -1em;
    height: 2px;
    border-top: 52px solid rgba( 210, 210, 210, 0.7 );
    border-bottom: 54px solid rgba( 210, 210, 210, 0.3);
    border-right: 70px solid transparent; /*rgba( 255, 255, 255, 0.999999);*/
    margin: 0;
    background: transparent; /* rgba( 230, 230, 230, 0.1); */
}

.post-header hgroup h2 {
    width: 80%;
    display: block;
    margin-left: 130px;
    margin-top: -133px; 
}

h2.post-title {
    display: inline-block;
    margin: 0;
}

.post-title a { 
    color: #940; 
    text-shadow: 0 1px 1px #393939; 
}

.page-link {
    color: maroon;
    position: relative;
    width: 100%;
    border-bottom: 1px solid green;
}
.page-link a {
    font-size: 1.52em;
    margin: 0 4px;
    font-size: 1.182em;
    background: #ddd;
    padding: 3px 9px;
    border-bottom: 3px solid green;
}

/* =sidebar left
------------------------------------------------ */
#left-sidebar {
    position: relative;
    left: 2em;
    width: 23.66666667%;
    height: 100%;
    border-right: thin dotted #fafafa;
}

.social-links {
    position: relative;
    width: auto;
    font-size: 1.1428em;
    vertical-align: top;
    line-height: 1.5888
}

.social-links ul {
    position:relative; 
    margin: 3px 1em;
}

.social-links ul.social-icons li {
    display: inline;
    padding: 5px;
}

.social-links ul.social-icons li:first-child {
    padding-left: 0;
}

.social-links img,
.social-icons img {
    height: 32px;
    width: 32px;
    margin-bottom: -4px;
    margin-top: 3px;
}

.soc-header {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
    position:      relative;
    height:        8px;
    border-top:    8px solid rgba( 195, 185, 135, 0.7);
    border-bottom: 8px solid rgba( 195, 195, 195, 0.5);
    border-right:  15px solid transparent; /*rgba( 255, 255, 255, 0.9);*/
    line-height:   1;
    background:    transparent;
    padding-left:  7px;
    text-shadow: 0 1px 1px #a93;
}

/* =posts 
----------------------------------------------------------- */

.post-author,
.bypostauthor {
    text-align: right;
    margin: 0 0 0 0;
}

.entry {
    display: block;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 300;
    position: relative;
    margin: 1em;
}

.entry p { 
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 300; 
    font-size: 1.122em;
}

.sticky {}

p.post-cat-link:before {
    position:        relative;
    top:             1.898em;
    left:            -1.585em;
    content:         "\2605";
    margin:          0 0.412em 0 1em;
    margin-right:    2em !important;
    padding-right:   2em;
    color:           #090;
}


body.logged-in p.post-edit-link:before {
    content:         "\2611";
    margin:          0 0.412em 0 1em;
    color:           #090;
}

p.post-tag-link:before {
    content:         "\2691";
    margin:          0 0.412em 0 1em;
    color:           #090;
}

p.post-cat-link,
p.post-edit-link,
p.post-tag-link,
p.post-categories {
    margin: 0 0 12px 0;
}

.post-cat-link:after,
.post-categories:after {
    content: "";
    position: relative;
    display: block;
    clear: both;
    padding: inherit;
    background: transparent;
}

.post-cat-link a,
.post-categories a {
    display: inline-block;
    position: relative;
    left: 2.61222em;
}

.post-cat-link {
    padding-left: 1.6666667em;
}

.tdw {
color: white;
}

/* =pages 
------------------------------------------------------------ */

table {
    padding: 3px;
    table-layout: fixed;
}

th {
    background: #dcffff;
    border-bottom: 1px solid blue;
    padding: 2px 3px;
}

td {
    padding: 2px 3px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    font-weight: 300;
}

.navigation {
    display: block;
    width: 97.2185%;
    padding: 0;
    position: relative;
    background: #d8dbdf;
    border-bottom: 2px dotted white;
    min-height: 2em;
    border-top:    5px solid rgba( 195, 185, 135, 0.7 );
    border-bottom: 5px solid rgba( 145, 145, 145, 0.7 );
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-radius: 0 0 0 0; 
}

.navigation a {
    display: inline;
    padding: 3px 12px;
    position: relative;
}
.navigation .alignleft {
    position: relative;
top: 2px;
}

.navigation .alignright  {
clear: both;
    position: relative;
top: -2.333em
}
.margt1 { }
.margt0 {
clear: left;
display: inline; 
padding-top: 0;
}

/* =menu 
------------------------------------------------------------ */
body.logged-in .top-bar,
body.admin-bar .top-bar {
    position: fixed;
    top: 28px; /* if admin bar present make visible */
    left: 0;
    width: 100%;
}

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.7888em;
    background: rgba(255, 255, 255, 0.85);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 0;
    overflow: hidden; /* prevent dropdown or stack menu */
    z-index: 99999
}

nav.top-bar ul {
position: fixed
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.top-bar li {
    float: left;
    display: inline;
    margin: 3px 6px 3px 6px;
    border-right: 1px solid #f8f8f8;
    box-shadow: -1px 0 1px rgba( 50, 50, 50, 0.5);
    text-align: center;
    min-width: 120px;
    height: 1.2em;
    padding: 2px 5px;
    background: #f0f0f0;
}

nav.top-bar a {
    vertical-align: top;
    color: black;
    font-style: italic;
    text-shadow: 0 1px 1px #ddd;
}

nav.top-bar a:hover {
    background: #fcfcfc;
    padding: 1px 16px;
}

.menu-right { margin: 1.898em 1.2228em 0 0; padding: 0; float:right; min-width:286px; background: #293a3d; }
.menu-right ul { list-style:none; position: relative; left: 0; height: auto;}
.menu-right li { float:none; padding:0 5px;}
.menu-right li a { font-size: 1em; color:#f2f2f2; display:block; padding: 3px 5px 2px 5px; }
.menu-right li a:hover { text-decoration: underline; color:#78bbe6; }
.menu-right a.active {  color:#78bbe6; }
.menu-right ul li {
    position: relative;
     /* 9.375em; 150px */
    min-width: 150px;
}

.menu-right ul li ul {
    position: relative;
    left: 5px;
    width: auto;
    display: block;
}

.menu-right a {
    box-shadow: -2px 2px 1px rgba( 150, 150, 150, 0.8);
    border-top: thin solid rgba( 150, 150, 150, 0.1);
}

.menu-right ul.children li a,
.menu-right ul.sub-menu li a {
    color: #fafacc;
    position: relative;
    top: 0;
}

.menu-right ul ul {
    position: relative;
    margin: 0;
    width: auto;
    display: block;
}

.menu-right ul ul ul {
    position: relative;
    left: 5px;
    width: auto;
    display: block;
}

span.toggle {
    display:            none;
}

.toggleline span {
    display:            block;
    position:           relative;
    top:                8px;
    color:              green;
    text-align:         center;
}

.threebars {
    position:           relative;
    left:               0;
    display:            block;
    padding:            3px 7px 1px 7px;
    width:              auto;
    font-weight:        900;
    font-size:          1.1982em;
    margin:             0 auto;
    cursor:             pointer;
    color:              #222;
}

/* footer 
------------------------------------------------------ */
#footer { 
    width:100%; 
    margin: 0; 
    min-height: 70px; 
    padding: 5px 2em; 
    background: #293a3d; 
}

#inner-footer {
    position: relative;
    left: 5.5%;
    width: 83.4145%;
    margin: 0 auto;
    background: rgba( 0, 0, 0, 0.4);
    display: inline-block;
}

#footer .thirds {
    width: 29.1222226%;
    float: left;
    padding: 0 0.5125em;
    margin-bottom: 0.818em;
    border: thin dotted #1e1e1e;
    margin-left: 1.6666667%;
}

#footer .thirds:first-child {}

.credits p,
.credits h5,
.credits span {
    clear: both;
    display: inline;
    color: #eaeaea;
    margin-right: 2px;
}

.credits p:after,
.credits h5:after {
    content: " | ";
    padding-left: 3px;
    margin-right: 2px;
    font-weight: 300;
}

.credits a {
    color: #7cf;
    margin-left: 3px;
}

/* comments 
----------------------------------------------- */

#comments {}

.comment-body ul {
    list-style: inside;
    clear: both;
}

.comment-body ul li,
.comment-body ul li ul {
    margin-left: 0.612em;
}

#respond {
    background: #fafafa;
    color: #246;
}

.responses {}

h3#reply-title {
    font-size:       small;
    color:           red;
    margin-left:     5px;
}

#commentform input[type="text"], #commentform textarea {
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    padding: 4px;
    border: solid 1px #85b1de;
    border-radius: 4px;
}

#respond form textarea {
    height:          100px;
}

#commentform {
    position: relative;
    padding: 0 5px;
}

#commentform p {
margin: 3px 0;
}

#commentform label {
    min-width: 124px;
    width: auto;
    max-width: 124px;
    border-bottom: thin dotted #999;
    display: inline-block;
}

.form-allowed-tags,
.form-allowed-tags code {
    font-size: 78%;
    color: #577791;
    width: 73.5%;
}

/* widget areas 
-------------------------------------------------------- */
#searchform    {
    margin:        1em auto;
    position:      relative;
}

#searchform input[type="submit"] {
    width:         116px;
    display:       block;
    margin:        3px auto;
}

#searchform input[type="text"] {
    font-family:   Arial, Sans-Serif;
    font-size:     15px;
    padding:       4px;
    border:        solid 1px #85b1de;
    border-radius: 4px;
    width:         63%;
    margin:        5px 5px 5px 0;
    background:    #f4f8f8 url(images/magnify.png);
    background-repeat:  no-repeat; 
    background-position:right;
}

#searchsubmit {
    display:       inline;
    font-size:     0.888em;
     border-right: thin solid #aaa;
    border-bottom: thin solid #aaa;
    border-radius: 3px;
    padding-bottom:1px;
    background:    #f4f8f8;
}

.widget-area-primary ul { 
    position: relative; 
    list-style: none; 
    font-size: 1em; 
    color: #555555; 
    margin-right: 45px; 
    margin-bottom: 16px;
    padding-left: 0.5185em; 
}

.widget-area-primary li { padding: 4px 0 4px 2px; border-bottom: 1px dashed #aaddbb; }
.widget-area-primary li a { text-decoration:none; margin: 0;  }
.widget-area-primary li a:hover { text-decoration:underline;}

.widget-title  {
    position:      relative;
    height:        8px;
    border-top:    8px solid rgba( 195, 185, 135, 0.7 );
    border-bottom: 8px solid rgba( 195, 195, 195, 0.5 );
    border-right:  15px solid transparent; /*rgba( 255, 255, 255, 0.9 );*/
    line-height:   1;
    background:    transparent;
    padding-left:  7px;
    text-shadow: 0 1px 1px #a93;
}
.widget-area-secondary div,
.widget-area-secondary a,
.widget-area-secondary ul,
.widget-area-secondary li,
.widget-area-secondary ol,
.widget-area-secondary p { 
    color: #afdfff; 
    list-style: none; 
}

.widget-area-secondary .widget-title { color: #fafafa  }

#wp-calendar        {
margin:             1em auto;
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); 
}

#wp-calendar a {   
    color:          #467b89 
}

#wp-calendar caption {
    color: white;
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    background: rgba(220,220,220,0.3);
    z-index: -99;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3); 
}

#wp-calendar thead th {
    font-size: 8px;
    padding: 5px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #bbbbbb;
    background: #f7f7f7;
}

#wp-calendar tbody td {
    color: #555;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc;
    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;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

/* =images
-------------------------------------------------------- */
.entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 98.8992%;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

.entry img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {
    height: auto; /* Make sure images height and width attributes are scaled reasonable */
    max-width:       98.333%;
    margin:          3px 11px;
}

.alignnone, img.alignnone, .alignnone img {
    max-width:       99.899%;
    margin:          0 auto; /* mini reset */
}

.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    margin:          3px 11px;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width:          100%;
    height:             auto;
}

.entry-content div:last-child { /* this is my clearing floats hack */
    clear: both;
    margin: 0;
}

.alignnone { margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }

a img.alignright { float: right; margin: 5px 0 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%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 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-caption { 
    color: #000; 
    font-weight: 300; 
    width: 91%; 
    background: rgba( 150, 250, 250, 0.7); 
    margin-right: 7px; 
    padding: 0 3px; 
}


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

/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1100px) {
	.site-title a {
		font-size: 52px;
		font-size: 3.25rem;
	}
}

@media only screen and (max-width: 980px) {
	
}

@media only screen and (max-width: 900px) {
	
}

@media only screen and (max-width: 800px) {
    
        .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;
	}
        
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
}


/* ==========================================================================
   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; }
}