/*
Theme Name:   Twenty Eleven Custom
Theme URI:    http://gomilkyway.com
Description:  Custom twenty Eleven
Template: twentyeleven
Author: the Gomilkyway
Author URI: https://gomilkyway.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header
Text Domain: twentyten
*/

.entry-meta{
    font-size:inherit;
}

.entry-title {
    font-size: 1.5em;
}

.hentry, .no-results {
    border-bottom: 10px dashed black;
}

.bottom_header_wrap{
    background: #242424;
    height: 100%;
}

.entry-title {
    font-size: 1.5em;
}

#page{
    max-width:none;
    font-size: 1.5em;
}

#site-title {
    margin-right: 220px !important;
}

ins {
    background:none;
}

#site-description{
    margin-bottom:1em;
}

.entry-header .comments-link a {
    right: 10px;
}
#site-title {
    padding: 1em 0 0;
}
#branding #searchform {
    top: 1em;
}
#page {
    margin: 0 auto;
}
/*code colouring*/


#content div.hl-main{
    border-top: 2px solid #959596;
    border-left: 2px solid #737374;
    border-right: 3px solid #333333;
    border-bottom: 3px solid #000000;
    font-size:1.5em;
    line-height:1.4em;
    background:#CCCCCC;
    font-family:"Times New Roman", Times, serif;
    max-height: 400px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;

}

#content .hl-main li{
    font-size:1.3em;
    padding: 10px 0;
    margin: 0;
    background: white;
    font-family:Arial, Helvetica, sans-serif;
}

#content .hl-main li span{
    font-size:1.5em;
    white-space:pre-wrap;
        line-height: 2em;
}

.hl-default {
    color: Black;
}
.hl-code {
    color: Gray;
}
.hl-brackets {
    color: Olive;
}
.hl-comment {
    color: Orange;
}
.hl-quotes {
    color: Darkred;
}
.hl-string {
    color: Red;
}
.hl-identifier {
    color: Blue;
}
.hl-builtin {
    color: Teal;
}
.hl-reserved {
    color: Green;
}
.hl-inlinedoc {
    color: Blue;
}
.hl-var {
    color: Darkblue;
}
.hl-url {
    color: Blue;
}
.hl-special {
    color: Navy;
}
.hl-number {
    color: Maroon;
}
.hl-inlinetags {
    color: Blue;
}
.hl-main {
    background-color: White;
    font-size: 14px;
    font-weight:bold;
    line-height:17px;
    font-family:Arial, Helvetica, sans-serif;
    padding: 10px 5px;
    border-left: red solid 3px;
    
}


.hl-gutter {
    background-color: #999999;
    color: White
}
.hl-table {
    font-family: courier;
    font-size: 16px;
    border: solid 1px Lightgrey;
}

/* end of code highlighter */

.widget ul li {
    list-style: none;
}


.code_enclosed.inline_code_encolsed {
    font-weight: bold;
    font-size: 120%;
    font-style: italic;
}


/* additional css */
/* Increase font size of body text */
body {
    font-size: 16px;
}

/* Increase font size of page title */
.entry-title {
    font-size: 2em;
}

/* Add some space between the title and the meta info */
.entry-header {
    margin-bottom: 1em;
}

/* Add some space between paragraphs */
.entry-content p {
    margin-bottom: 1em;
}

/* Add some space around images */
.entry-content img {
    display: block;
    margin: 0 auto 1em;
    max-width: 100%;
    height: auto;
}

/* Add a border to the post */
.hentry {
    border: 1px solid #e5e5e5;
    padding: 0.51em;
}

/* Add a border to the "No Results" message */
.no-results {
    border: 1px solid #e5e5e5;
    padding: 0.5em;
}

/* Add some padding to the footer */
#colophon {
    padding: 2em;
}

/* Use a modern sans-serif font */
body {
    font-family: 'Helvetica Neue', sans-serif;
}

/* Add a subtle shadow to the header */
#masthead {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Make the header sticky */
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

/* Add some padding to the main content area */
#content {
    padding: 0.5em;
    width: auto;
    margin: 0;
    max-width: 100%;
}

#main {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

#primary {
    flex: 1;
    margin-right: 2em;
    width :auto;
    max-width: 100%;
}

#secondary {
    flex: 1;
    margin-top: 2em;
    width :auto;
    max-width:230px;
}

.entry-content::first-letter {
    text-transform: uppercase;
}

@media (max-width: 768px) {
    body {
        padding:0;
        margin: 0;
    }
    #site-title {
        margin-right: 0 !important;
        padding: 2px 0;
        padding: 0;
    }
    #branding #searchform {
        top: 40px !important;
        right: 0;
    }
    #site-description {
        max-width: 90%;
    }
    #main {
        flex-direction: column;
        margin:0;
        padding: 0;
    }
    #main #content {
        margin: 0;
        width: auto;
        border: none;
    }
    .entry-title, .entry-title a {
        width: 100%;
        display: block;
        font-size: 1.5rem;
        padding: 5px 0;
    }
    .entry-header .comments-link a {
        position: relative;
        top: 0;
        left: 0;
        color: inherit;
        background: inherit !important;
        right: unset;
        width: auto;
        height: auto;
        display: inline;
    }
    .entry-header .comments-link .leave-reply {
        visibility: visible;
    }
    .entry-content, .entry-summary {
        padding: 0;
    }
    #secondary {
        margin-top: 0;
        margin-bottom: 2em;
    }

    #primary {
        margin:0;
        padding:2px;
        border: none;
    }

    #main .syntaxhighlighter {
        padding: 0 !important;
        max-width: 100% !important;
    }
}