/*
Theme Name: NCZOnline V2
Theme URI: http://www.nczonline.net/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Nicholas C. Zakas
Author URI: http://www.nczonline.net/
Tags:
Booya

*/

code, tt, kbd {
    font-family: Consolas, "Lucida Console", Monospace;
}

.page-width {
    margin: 0 auto;
    width: 100%;
    max-width: 69.2em;
}

.content-block {
    padding: 1em 0;
}

hr {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    border: 0;
    height: 3px;
    background-color: #f5821f;
    background-image: linear-gradient(to right, #f5821f, #ed1c24);
    margin: 0;
}

#doc {
    /* margin: 0 auto; */
    /* width: 69.2em; */
}

#hd ul {
    /* padding: 1.2em 0 1.2em 1em; */
    /* text-align: center; */
    /* display: inline-block; */
    /* vertical-align: middle; */
    float: right;
}

ul.clearfix {}
#hd ul li {
    display:inline;
}

#hd ul li a{
    display:inline-block;
    margin-left: 2em;
}

#hd ul li.first a {
    margin-left: 0;
}

#bd {box-sizing: border-box;}

#content {
    float: left;
    width: 48.4em;/*was 47em*/
    padding: 0 0 1.5em 0;
}

#content pre {
    overflow: auto;
    overflow-y: hidden;
    padding: 1em 1.5em;
}

#content .post-head {
    margin-bottom: 1em;
    position: relative;
}

.tip-please {
    position: absolute;
    right: 0;
    top: 0;
}

#content .post {
    font-family: Georgia, Times New Roman, Serif;
    font-size: 15px;
    line-height: 1.5;
}

#content .post h1,
#content .post h2,
#content .post h3 {
    font-weight: normal;
}

#content .post h1 {
    font-size: 200%;
}

#content .post h2 {
    font-size: 150%;
}

#content .post h3 {
    font-size: 125%;
}

#content .post-head h1,
#content .post-head h2,
#content .post-head h3,
#content .post-head p {
    margin-bottom: 0;
}

#content .post-comment {
    padding: 1em;
    margin-bottom: 1em;
}

#content .post-comment .post-comment-byline {
    margin-bottom: 0;
}

#content form textarea {
    width: 100%;
}

#content .notice {
    margin-top: 1em;
    padding: 1em;
}

#content .notice p {
    margin-bottom: 0;
}


#content .post-footer {
    margin-bottom: 1em;
}

#content .post-footer h2 {
    margin-bottom: 0.5em;
}

#content .post-footer-posts {
    float: left;
    width: 49%;
}

#content .post-footer-books {
    float: right;
    width: 49%;
}

#content .post-footer-books ul {
    margin: 0;
    padding: 0;
}

#content .post-footer-books ul li {
    list-style-type: none;
    display: inline;
}

#sidebar {
    float: right;
    padding: 0 1em;
    width: 15.7em;/*was 17em*/*
    width: 15.4em;
    background: #efefef;
}

#sidebar h2 {
    margin-top: 1em;
    margin-bottom: 0.3em;
}

#ft {
    clear: both;
}

.hide-offscreen {
    position: absolute;
    left: -1000em;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '.';
    height: 0;
    overflow: hidden;
    visibility: hidden;
    display: block;
    clear:both;
}

/*Format*/

html,body {
    background: #373736;
}

a, a:visited, a:active {
    color: rgb(15, 117, 202);
}

blockquote {
    background-image: url(/_images/quote.gif);
    background-repeat: no-repeat;
    padding-left: 100px;
    font-size: 110%;
    color: #333;
}

#doc {
    background: #f9f9f9;
    /* border: 1px solid #A2A749; */
    /* border-top: 0; */
    /* border-bottom: 0; */
    -moz-box-shadow: 0 0 1em black;
    /* -webkit-box-shadow: 0 0 1em black; */
    /* box-shadow: 0 0 1em black; */
}

#hd {
    background: #fff;
    /*border-bottom: 1px solid #ddd;*/
    box-sizing: border-box;
}

#hd h1 {
    font-size: 197%;
    font-family: "Arial Narrow";
    font-style: italic;
    font-weight: normal !important;
    display: inline-block;
    /* vertical-align: middle; */
    line-height: 0;
}

#hd h1 acronym {
    font-weight: bold;
}

#hd ul {
    /* border-top: 1px solid #ddd; */
    /* background: #E7E9C0; */
    font-size: 116%;
    font-weight: bold;
    height: 50px;
    display: flex;
    align-items: center;
}

#hd ul a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}

#hd ul a:hover {
    /* text-decoration: underline; */
    /* text-shadow: 0 0 1px #000; */
    /* transition: text-shadow ease 0.5s; */
    color: #f5821f;
}

#content .post-snippet {
    border-bottom: 1px solid #DDD;
}

#content .post-head p {
    font-size: 85%;
}

#content .post-head h2 a,
#content .post-head h3 a {
    text-decoration: none;
}

#content .post-head h2 a:hover,
#content .post-head h3 a:hover {
    text-decoration: underline;
    color: #000;
}

#content {
    /* border-right: 1px solid #A2A749; */
}

#content code {
    background: #efefef;
    border: 1px solid #ddd;
}

#content pre {
    background: #333;
    border: 1px solid #ddd;
    /*overflow: auto;
    *overflow: visible;
    *overflow-x: auto;
    *overflow-y: hidden;*/
    color: #f8f8f2;
}

#content pre code .kd {
    color: #66d9ef;
}

#content pre code .c1 {
    color: #aaa;
}

#content pre code .s2 {
    color: #e6db74;
}

#content pre code {
    background: inherit;
    border: none;
}


#content img {
    border: 1px solid #ddd;
}

#content pre code {
    border: none;
    line-height: 120%;
}

#content .post-comment {
    background: #EDEFC9;
}

#content .notice {
    background: #f7ffcd;
    border: 1px solid #a5a54a;
}

#content .disclaimer {
    font-size: 85%;
    font-style: italic;
}

.post-comment .post-comment-byline {
    font-size: 85%;
    text-align: right;
}

.post-comments {
    border-top: 1px solid #5B5F19;
}

#sidebar h2 {
    font-weight: bold;
    font-size: 123.1%;
    border-bottom: 1px solid #ddd;
}

#sidebar .books li {
    display: inline;
}

#ft {
    /* text-align: center; */
    /* font-size: 85%; */
    /* border-top: 1px solid #373736; */
    color: white;
}

#ft a {
    color: #f5821f;
}

#carbonads {
  margin: 0 auto;
  padding: 10px 0;
  max-width: 130px;
  font-size: .9em;
  font-family: Verdana, "Helvetica Neue", Helvetica;
  line-height: 1.5;
}

#carbonads span,
#carbonads a {
  display: block;
}

.carbon-img img {
    display: block;
    margin: 0 auto;
}

.carbon-text {
  margin-bottom: .5em;
}

.carbon-poweredby {
    text-align: right;
    font-size: .9em;

}