@charset "utf-8";

body {
    margin:0;
    padding:0;
    font-size:1em;
}

a {
    text-decoration:underline;
}

a:link,
a:visited {
    color:#111;
}

.container {
    margin:0;
    width:100%;
}

.wrapper {
    margin:0 auto;
    width:96%;
}

.body-container,
.mainmenu-container,
.footer-container,
.header-container {
    background-color:#f4f4f4;
}

.body-wrapper {
    background-color:#fafafa;
}

h1.article-title {
    font-size: 1.5em;
    line-height:1.33333;
}

h2.article-author {
    font-size:1em;
    line-height:1;
}

h3.article-published {
    font-size: 0.833333em;
    line-height:1.2;
    font-weight:normal;
}

.footer-wrapper,
.header-wrapper {
    background-color:#226;
}

.header-wrapper header {
    padding:10px 5px;
}

.header-title {
    display:block;
    font-family:serif;
    font-size:60px;
    font-weight:bold;
    text-decoration:none;
}

.header-title:link,
.header-title:visited {
    color:#f4f4f4;
}

.menu {
    margin:0;
    padding:0;
}

.menu-item {
    list-style:none;
}

.main-menu-item {
    color:#f4f4f4;
    background-color:#b00b00;
    font-weight:#b00b00;
}

.mainmenu-wrapper {
    background-color:#b00b00;
}

.menu-link {
    display:block;
    font-family:sans-serif;
    text-decoration:none;
}

.main-menu-link {
    font-size:24px;
    font-variant:small-caps;
    padding:15px 10px;
}

.main-menu-link:link,
.main-menu-link:visited {
    color:#f4f4f4;
}

.main-menu-link:hover {
    background-color:#bb5b5b;
}

.main-menu-link:active {
    color:#b00b00;
}

.blurb {
    background-color:#e8e8e8;
    box-shadow: 0 0 .5em #a0a0a0;
    margin-bottom:2.5em;
    padding:1em 0.5em;
}

.blurb h3, .blurb h3 a {
    font-family:serif;
    font-variant:small-caps;
    font-weight:normal;
}

.article {
    margin:0 auto;
    width:94%;
}

.article-content {
    color:#111;
}

.article-content blockquote {
    font-family:serif;
    font-style:italic;
}

.article-content ins {
    background-color:#fafa80;
}

.article-content p {
    line-height:1.25;
}

.article-display {
    line-height:1.5;
    text-align:center;
}

.sidebar-vps-link,
.sidebar-vps-link:link,
.sidebar-vps-link:visited {
    color:#f4f4f4;
    display:block;
    font-family:sans-serif;
    font-variant:small-caps;
    padding:8px 4px;
    text-align:center;
    text-decoration:none;
}

.sidebar-vps-linode {
    background-color:#32AE4D;
}

.sidebar-vps-digital-ocean {
    background-color:#028ED1;
}

.sidebar-vps-vultr {
    background-color:#4AA7E7;
}

.sidebar-vps-ramnode {
    background-color:#FE7000;
}

.sidebar-vps-ssdnodes {
    background-color:#8AB975;
}

.sidebar-support-link,
.sidebar-support-link:link,
.sidebar-support-link:visited {
    color:#f4f4f4;
    display:block;
    font-family:sans-serif;
    font-variant:small-caps;
    padding:8px 4px;
    text-align:center;
    text-decoration:none;
}

.sidebar-support-kindle {
    background-color:#48A3C6;
}

.sidebar-related-link,
.sidebar-related-link:link,
.sidebar-related-link:visited {
    color:#f4f4f4;
    display:block;
    font-family:sans-serif;
    font-variant:small-caps;
    padding:8px 4px;
    text-align:center;
    text-decoration:none;
}

.sidebar-related-micropython {
    background-color:#5d595a;
}

.sidebar-related-nodemcu {
    background-color:#0054ff;
}

.sidebar-related-perlcom {
    background-color:#183a58;
}

.sidebar-related-mastering-perl {
    background-color:#0096C6;
}

.sidebar-related-effective-perl {
    background-color:#C7DE2C;
}

.sidebar-related-perl-tricks {
    background-color:#2C9BCC;
}

.sidebar-related-perl-maven {
    background-color:#105075;
}

.sidebar-related-perl-weekly {
    background-color:#004065;
}

.sidebar-related-perl {
    background-color:#4E5D84;
}

.sidebar-related-learning-perl6 {
    background-color:#0090B5;
}

.sidebar-tipjar .amount {
    display:block;
}

.sidebar-tipjar .submit {
    margin-top:12px;
}

.footer-container {
    font-family:sans-serif;
    font-size:14px;
    font-variant:small-caps;
}

.footer-contact {
    font-size:150%;
    padding-top:12px;
}

.contact-menu-item {
    width:40px;
}

.contact-menu-link,
.contact-menu-link:link,
.contact-menu-link:visited {
    color:#f4f4f4;
    text-align:center;
}

.contact-menu-link:hover,
.contact-menu-link:active {
    background-color:transparent;
    color:#fd0;
}

.footer-copyright-link,
.footer-copyright-link:link,
.footer-copyright-link:visited {
    color:#f4f4f4;
    text-decoration:none;
}

.footer-copyright-link:hover {
    color:#fd0;
}

.footer-disclaimer {
    color:#b4b4b4;
    font-family:serif;
    font-variant:normal;
}

.footer-terms-link,
.footer-terms-link:link,
.footer-terms-link:visited {
    color:#f4f4f4;
    text-decoration:none;
}

.footer-terms-link:hover {
    color:#f0d000;
}

.thumb {
    padding:5px 0;
}

.thumb a {
    display:block;
    padding:10px 0;
    text-align:center;
}

.thumb a img {
    border:solid 4px #e0e0e0;
}

.thumb figcaption {
    font-size:80%;
    text-align:center;
}

q {
    font-style:italic;
    quotes: '"' '"' "'" "'";
}

q:before { content: open-quote }
q:after  { content: close-quote }

table.small-data {
    margin:0 auto;
    width:80%;
}

thead {
    border-bottom:solid thin #000;
}

tbody {
    border-bottom:solid thin #aaa;
}

th {
    background-color:#eee;
    text-align:left;
}

td.val {
    text-align:right;
}

pre code.language-text {
    display:block;
    background-color:#111;
    color: #beb;
    padding:8px;
}


/* From HTML5 Boilerplate */
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}

.clearfix:after {
    clear: both;
}

@media screen and (min-width:900px) {
    .wrapper {
        max-width:1000px;
    }

    .skip-container {
        display:none;
    }

    .article-container {
        font-size:18px;
        float:left;
        margin:0;
        padding:0;
        width:75%;
        overflow:hidden;
    }

    .sidebar-container {
        float:left;
        margin:0;
        padding:0;
        width:25%;
        overflow:hidden;
    }

    .article-content p {
        line-height:1.33;
    }

    .article-content pre {
        font-size:12px;
    }

    .sidebar-support,
    .sidebar-related,
    .sidebar-vps
    {
        max-width:225px;
    }

    .footer-copyright,
    .footer-tos,
    .footer-contact {
        float:left;
    }

    .footer-copyright { width:30% }
    .footer-tos { width:15% }
    .footer-contact { width:55% }

    .footer-wrapper footer {
        padding:20px 10px 80px;
    }

    .horizontal-menu .menu-item {
        float:left;
    }
}