::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #DDDDDD ! important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #DDDDDD ! important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #DDDDDD ! important;
}
:-moz-placeholder { /* Firefox 18- */
    color:#DDDDDD ! important;
}
h1, h2, h3, h4, h5{
    position:relative;
}

body{
    background-color:#fff;
    /*
    margin-top:55px;
    font-family:"Open Sans",sans-serif;
    */
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    line-height:1.428571429;
    color:#555;
}
    .blog-nav-bar{
        background-color:#000000;
        background-image: url(/images/homepage/homepage_header_bg_3.jpg);
        background-size: cover;
        opacity:0.9;        
    }
    .home-nav-bar{
        
    }
    #navbar-container{
        /*
        background-color:transparent ! important;
        */
        background-color:#000000;
        padding:20px 0px 20px 0;
        font-family: 'Open Sans', sans-serif;
        margin:0px 0px 0px 0px;
        font-size:14px;
        color:#ffffff;
    }
        #navbar-container .bg-dark{
            background-color:transparent ! important;
        }
        #navbar-container .navbar{
            padding:0px;
        }
        #navbar-container a{
            color:#ffffff;
            font-family: 'Open Sans', sans-serif;
        }
        #navbar-container a:hover{
            text-decoration: none;
        }
    .connect-with-me-bar{
        position:relative;
        top:-5px;
    }
        .connect-with-me-bar a{
            position:relative;
            top:4px;
        }
        .connect-with-me-bar a:hover{
            color:red ! important;
        }

.blog-post-list{
    padding:10px 0 40px 0;
    clear:both;
}
.blog-post-list h3{
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
}
.blog-post-list a{
    width:200px;
    display:inline-block;
    margin: 0px 10px 10px 0px;
    background-color:#000;
    color:#fff;
    font-size:70%;
    height:100px;
    position:relative;
    background-image: url(/images/bg1.gif);
    
}
.blog-post-list > a > img{
    width:200px;
}
.blog-post-list > a > div{
    left:0px;
    bottom:0px;
    padding:10px;
    position:absolute;
}
@media (max-width: 767px) {
    .blog-post-list > a{
        width:140px;
        height:70px;
        font-size:50%;
    }
    .blog-post-list > a > img{
        width:140px;
    }
}

/* for highlightjs plugin */

/* for block of numbers */
td.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    text-align: center;
    color: #ccc;
    border-right: 1px solid #CCC;
    vertical-align: top;
    padding-right: 5px ! important;
}

/* for block of code */
td.hljs-ln-code {
    padding-left: 10px ! important;
}

code a{
    text-decoration:underline;
}
