/*
Theme Name: Buffercode-Blue
Theme URI: http://buffercode.com/fast-loading-wordpress-theme-buffercode-blue/
Author: M.A. Vinoth Kumar
Author URI: http://buffercode.com
Description: Buffercode-Blue is one of the fast loading and responsive WordPress theme with wide variety of blogging options. Easy to add top 728x90 px banner either by adding banner ads or advertising scripts. Easy to add Social networking links like Facebook, Linkedin, Twitter and Google Plus and better way to add logo and copy rights link at footer.
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/quick-guide-gplv3.html
Text Domain: buffercode
Tags: blue,two-columns,responsive-layout,sticky-post,theme-options,threaded-comments,holiday,seasonal,right-sidebar,custom-menu,post-formats

Buffercode-Blue is based on Bootstrap CSS.
*/

.bypostauthor, .alignright, .alignleft, .aligncenter{}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-full, img.size-large, img.wp-post-image{
    height:auto;
    width:100%;
}

.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption{
    max-width: 100%;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

img {
    border: 0 none;
    vertical-align: middle;
}
header{
    margin-bottom: 5px;
    
}
.comment-respond{margin:5px;}

article{
    margin:5px;
}
.navbar container{
    border-radius: 0px;
    background: #000;
}
.readmore, .readmore a{
    background: #0099CC;
    padding:5px;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    font-variant:small-caps;
}
.author-social{
    margin-top: 5px;
}
.row.author-social img {
    margin-right: 5px;
}
.avatar{
    border: 1px solid #f5f5f5;
    margin-left:-10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    max-width: 96px;
}
.row.forward-backward{
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;    
}
.row .author-bg{
    border:2px solid #0099CC;
    margin-left:  15px;
    margin-right:15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.left-text{
    float:left;
}
.right-text{
    float:right;
    margin-right: 20px;
}

.left-text > a, .right-text > a{
    background: #0099CC;
    padding:5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    color:#fff;
}


.sticky{
    background-color: #f5f5f5;

}
.sidebar-bg{
    margin:5px;
}
.sidebar-bg > ul {
    list-style-type: square;
}

blockquote {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding: 1em 1em;
    background-color: #F5F5F5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 0;
}

blockquote:before {
    content: "\201C";
    color: #fff;
    font-size: 12em;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
}
blockquote p{
    margin-left:40px;
    margin-top:40px;
}

td{
    padding: 5px;
}

.row .social {
    margin-left: 20px;
    margin-top: 10px;

}
.col-md-2.thumbnail{
    margin:5px;
}
.round-full-color > a{
    padding: 3px;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #0099CC;
}
.sidebar-bg{
    background-color: #f0f0f0;
    padding-left: 10px;
    padding-bottom: 10px;
}
.form-submit {
    display: none;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 50%;
}

//Comment
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { list-style:none; border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

.margin-top-15 { margin-top: 15px; }
.margin-top-25 { margin-top: 25px; }

.margin-top-bottom-15 { margin-top: 15px; 
                        margin-bottom: 15px;}
.margin-top-bottom-25 { margin-top: 25px; 
                        margin-bottom: 25px;}

.margin-top-bottom-25-color, 
.margin-top-bottom-25-color a
{
    margin: 20px; 
    background-color: #0099CC;
    color:#fff;
}
.margin-bottom-15 { margin-top: 15px; }
.margin-bottom-25 { margin-top: 25px; }

.margin-left-20{margin-left: 20px;}

.entry-title {font-variant:small-caps;
              background-color: #0099CC;
              padding: 5px;}
.entry-title a { color:#fff;} 

.entry-title { color:#fff;}

.entry-content img{max-width: 750px; height: auto;
}

.entry-content{text-align: justify;
               margin:10px;
               padding-bottom: 40px;
}

.buffercode_top_ads_728x90 img {max-width: 728px;}

.sidebar-bg img{max-width: 350px;}

.rounded, .rounded a{background-color: #0099CC;
                     padding: 7px;
                     color:#fff;
                     margin-left: -10px;
                     text-align: center !important;}

.site-description{font-size: 20px;font-variant:small-caps;}

.site-title{font-variant:small-caps;}

.site-title a img {max-width: 350px;}
.menu-bg{ background-color: #f0f0f0;
          padding: 5px;
          margin-bottom: 15px;
          margin-top: 15px;}

.input-group{
    margin-top: 60px;
}
/* Pagination */

.page_nav{
    margin-left: 5px;
    margin-top: 40px;
    margin-bottom: 20px;

}
.page-numbers {
    margin-right: 5px;
    padding:6px;
    border:1px solid #0099CC;
    background-color:#fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #330066; 
}
.page_nav .current{
    padding:6px;
    border:1px solid #0099CC;
    background-color:#0099CC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.page_nav .prev, .page_nav .next{
    padding:6px;
    border:1px solid #0099CC;
    background-color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#330066; 
}


/*===== Media ===== */
@media (max-width: 450px){
    .entry-content img{max-width: 100%; height: auto;
    }
    .mobile-head h1{font-size:25px;}

    .mobile-head h2{font-size:15px;}

    .entry-title{
        font-size : 15px;
    }
    .social-hide{display: none;}
    .input-group{margin-bottom: 5px;}
    .avatar{
        max-width: 50px;
        max-height: 50px;
}
}
@media (max-width: 643px) and (min-width:460px){
    .input-group{margin-bottom: 5px;}
    .menu-bg{ background-color: #fff; }

    .mobile-content{display: none;}

    .mobile-head h1{font-size:30px;}

    .mobile-head h2{font-size:20px;}

    .entry-title{
        font-size : 20px;
    }
    .input-group{
        margin-top: 30px;
        margin-bottom: 5px;
    }
    .entry-content img{max-width: 100%; height: auto;
    }
    .social-hide{display: none;}
    .avatar{
        max-width: 50px;
        max-height: 50px;
}
}


@media (max-width: 730px) {
    .buffercode_top_ads_728x90{
        display: none !important;
    }
    .input-group{
        margin-top: 30px;
         margin-bottom: 5px;
    }
    .entry-content img{max-width: 100%; height: auto;
    }
    .social-hide{display: none;}
        .avatar{
        max-width: 60px;
        max-height: 60px;
}
}

@media (max-width: 1000px) {
    .input-group{
        margin-top: 30px;
         margin-bottom: 5px;
    }
    .menu-bg{ background-color: #fff; }
    .textwidget{margin-top: 20px;}
    .social-hide{display: none;}
}
@media (max-width: 1240px) {
    .social-hide{display: none;}
}