body {
    line-height: 20px;
    color: #333;
}

strong {
    font-weight: 700;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.markdown-format h1 .octicon-link, .markdown-format h2 .octicon-link, .markdown-format h3 .octicon-link, .markdown-format h4 .octicon-link, .markdown-format h5 .octicon-link, .markdown-format h6 .octicon-link {
    display: none;
    color: #000;
}

.mega-octicon, .octicon {
    font: normal normal normal 16px/1 octicons;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a, a:visited {
    color: #4183c4;
    text-decoration: none;
}

.markdown-format h4 {
    color: #333;
    font-weight: 700;
    font-size: 1.2em;
    margin: 1em 0;
    text-align: left;
    padding-left: 20px;
}

.markdown-format h5 {
    color: #333;
    font-weight: 700;
    font-size: 1.1em;
    margin: 1em 0;
    text-align: left;
    padding-left: 50px;
}

.markdown-format a {
    color: #4183c4;
    text-decoration: none;
}

.markdown-format h3 {
    color: #325d72;
    font-weight: 700;
    font-size: 24px;
    margin: 1.5em 0 1em;
    border-bottom: 1px solid #ddd;
    text-align: left;
}


h1, h1 span, h2, h2 span {
    color: #333;
}

.content-wrapper{
    padding-top: 30px;
    position: relative;
}

.site {
    width: 640px;
    margin: 0 auto 0 auto;
    padding: 0 25px;
}

div.article {
    float: left;
    width: 640px;
}

.markdown-format p {
    margin: 1em 0;
    text-align: left;
    font-size: 15px;
}

h1, h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 10px 0;
}

.markdown-format ul li {
    padding-left: .7em;
    margin: 1em 0;
}

.pager ul, ol, ul {
    list-style: square;
    padding-left: 50px;
}

.sub-content {
    list-style: circle;
    padding-left: 20px;
    padding-right: 10px;
}

.sub-content p {
    text-align: left;
    line-height: 15px;
}

/*.sub-content li p {
    color: rgb(89, 89, 89);
    font-weight: 700;
    font-size: 1.1em !important;
    margin: 0;
}*/

.p-class {
    color: rgb(89, 89, 89);
    font-weight: 700;
    font-size: 1.1em !important;
}


.sub-ul {
    padding-left: 80px;
}

.sub-p-2 {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 1.1em !important;
}

.markdown-format table {
    width: 100%;
    border-collapse: collapse;
    border: solid #ddd;
    border-width: 1px 1px 2px;
    margin: 1em 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
}

.markdown-format table td, .markdown-format table th {
    border: solid #ddd;
    border-width: 1px;
    padding: 10px;
    vertical-align: top;
    text-align: left;
}

.markdown-format table th {
    font-weight: 700;
    /*color: #325d72;
    background-color: #eee;*/
    color: rgb(146, 208, 80);
    background-color: rgb(36, 58, 94);
    font-size: 1.2em;
    text-align: center;
}

.markdown-format table td>:first-child, .markdown-format table th>:first-child {
    margin-top: 0;
    margin-bottom: 0;
}

.container-fluid {
    width: 640px;
}

#footer {
    position: relative;
    height: 99px;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 13px;
    overflow: hidden;
    background: #f5f5f5;
    text-shadow: 0 1px 0 #fff;
}

#footer .inner {
    position: relative;
    display: block;
    width: 640px;
    margin: 0 auto;
    padding: 28px 0 0;
}

#footer .invertocat {
    position: absolute;
    left: 50%;
    margin-top: -4px;
    margin-left: -12px;
    opacity: .25;
}

#footer .left {
    float: left;
}

#footer .right {
    float: right;
}

#content-wrapper .clear {
    height: 140px;
    clear: both;
}

@media only screen and (max-width: 800px) {
    .site, div.article, .sub-content {
        width: 100%;
    }

    .sub-p {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .markdown-format h5 {
        padding-left: 10px;
    }

    .sub-p-2 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .container-fluid {
    width: 100%;
}
}