/*
Theme Name: Infinitano
Author: Davinder Singh
Author URI: http://plus.google.com/+DavinderSinghLotey
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Infinitano is a simple, minimalistic and responsive theme built with Twitter Bootstrap. The aim of this theme is to bring a pure Bootstrap experience in an extremely simple layout, forcing the user to focus on the content. It is thought to be used mainly in blogs, although future releases will bring support for more complex and complete websites. Features include custom logo (under Appearance > Customize), navigation menu with two-levels deep dropdown, ability to override default styles under Appearance > Editor. Supports the following languages: English.
Version: 1.0.4
Tags: light, red, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, sticky-post, threaded-comments,  fluid-layout,  responsive-layout

Infinitano WordPress theme, Copyright (C) 2013 Davinder (WebzoneCreatives.net)

This theme, Infinitano WordPress Theme is licensed under the GPL.
Infinitano uses Bootstrap and Font-Awesome.
Which are licenced under Apache v2, by Twitter and MIT Licence for Font-Awesome repectively.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body
{
    background-color: #222;
}

.infinitano-container
{
    margin: 0 1em
}

html, body, .infinitano-container
{
    min-height: 100%
}

.wrapper
{
    background: url(images/header_bg.png) repeat-x;
    background-color: #f7f7f7;
    padding: 5em 1em 1.5em 1em;
    height: 100%
}

/** navigation **/
.nav.nav-justified.navtop
{
    position: relative;
}

.nav.nav-justified.navtop li a
{
    color: #dadada;
    font-size: 16px;
    border-top: 5px solid rgba(0, 0, 0, 0);
    padding: 20px 4px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav.nav-justified.navtop li a:hover,
.nav.nav-justified.navtop li a:active,
.nav.nav-justified.navtop li a:focus,
.nav.nav-justified.navtop li.current-menu-item a
{
    color: #fff;
    background: none;
    border-top-color: #dadada
}

.nav.nav-justified.navtop ul
{
    position: absolute;
    top: 100%;
    background-color: #333;
    z-index: 99999;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
    min-width: 250px
}

.nav.nav-justified.navtop li:hover ul
{
    display: block
}

.nav.nav-justified.navtop li:hover ul ul
{
    display: none
}

.nav.nav-justified.navtop ul a
{
    display: block;
    padding: 7px 15px;
    font-size: 14px;
    border-bottom: 1px dotted #555
}

.nav.nav-justified.navtop ul a:hover
{
    text-decoration: none;
}

.nav.nav-justified.navtop ul ul
{
    display: none;
    top: 0;
    left: 100%;
    background-color: #444
}

.nav.nav-justified.navtop ul li:hover ul
{
    display: block;
}

/** phone nav **/
.nav.navbar-nav.phonenav .sub-menu
{
    text-align: left;
    list-style-type: none;
}

.nav.navbar-nav.phonenav .sub-menu li
{
    text-align: left;
}

.nav.navbar-nav.phonenav ul
{
    margin: 0;
    padding: 0
}

.nav.navbar-nav.phonenav ul li a
{
    color: #ccc;
    display: block;
    padding: 4px 12px 4px 20px
}

/** center logo in header **/
.logo
{
    padding: 5px 0
}

.logo h2
{
    color: #fff;
    margin: 0;
    margin-top: 15px;
    font-size: 24px;
    margin-bottom: 0px;
}

.logo h2 a
{
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.logo .desc
{
    color: #999 text-shadow : 1 px 1 px 1 px rgba(0, 0, 0, 0.2);
}

/** header in page **/
.header-h2
{
    margin: 0;
    font-size: 36px;
    text-shadow: 0px 1px 1px rgba(173, 51, 51, 0.2);
}

.header-h2 small
{
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.2);
}

.top-header
{
    border: 0px solid #333;
    min-height: 110px;
}

.clear
{
    clear: both;
}

.btn-cats
{
    width: 150px
}

/** post format **/
.sticky, .post-sticky
{
    background-color: #ffffff;
    border: 1px solid #ffb2b4;
    padding: 1em 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.post-container
{
    margin-bottom: 2.8em;
}

.post-container .post-title
{
    margin-top: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.post-container .stats
{
    margin-bottom: 10px;
    color: #666;
}

.post-container .stats i
{
    margin-left: 10px
}

.post-container .stats i:first-child
{
    margin-left: 0
}

.post-container .stats .edit-link
{
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    cursor: default;
}

.post-container .stats .edit-link a
{
    color: #fff;
    cursor: pointer
}

.post-container .excerpt
{
    margin-top: 0;
}

.post-container .img-thumbnail-fix
{
    margin-right: 12px;
}

.post-container .content
{
    margin-top: 22px
}

.post-container img.alignnone,
.post-container img.size-full,
.post-container img:not(.img-circle)
{
    max-width: 100% !important;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.post-container div[style]
{
    max-width: 100% !important;
}

.post-container .alignleft
{
    float: left;
    margin: 0.9% 1%;
    margin-left: 0
}

.post-container .alignright
{
    float: right;
    margin: 0.9% 1%;
    margin-right: 0
}

.post-container .aligncenter
{
    text-align: center;
}

.post-container .bypostauthor
{
    /* by post author css */
}

.post-container .wp-caption
{
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 0px 10px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.post-container .wp-caption:hover .wp-caption-text
{
    background-color: #ec2125;
}

.post-container .wp-caption:hover .wp-caption-text a
{
    color: #ececec;
}

.post-container .wp-caption .wp-caption-text
{
    z-index: 99999;
    display: block;
    border: 0px solid #c60;
    bottom: 0px;
    color: #fff;
    background-color: #222;
    font-size: 13px;
    padding: 5px 0;
    margin: 0 4px 10px 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.post-container .wp-caption .wp-caption-text:before
{
    font-family: 'FontAwesome';
    content: '\f02c';
    padding-right: 4px;
}

.post-container .wp-caption.alignnone
{
    margin: 0 0px 10px 0px;
}

.post-container .wp-caption.alignnone .wp-caption-text
{
    margin: 0 0 10px 0;
}

.post-container .wp-caption img
{
    border: 0 none;
    height: auto;
    margin: 0;
    width: 98.5%;
    padding: 0;
    width: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.post-container .gallery-caption
{
    font-size: 11px;
}

.post-container table
{
    width: 100%
}

.post-container th
{
    font-weight: bold;
    padding: 5px 7px;
}

.post-container td
{
    padding: 5px 7px;
}

/** sidebar css **/
.sidebar
{
    background-color: #f7f7f7;
}

.sidebar .sidebar_list
{
    padding-left: 0;
    margin-top: 0
}

.sidebar .sidebar_list li.widget
{
    list-style-type: none;
    padding-bottom: 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar .sidebar_list .widget h3
{
    background-color: #222222;
    color: #fff;
    padding: 10px 12px;
    font-size: 16px;
    margin-top: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar .sidebar_list .widget:hover h3
{
    background-color: #ec2125;
    color: #fff;
    cursor: default
}

.sidebar .sidebar_list .widget h3 a
{
    color: #fff
}

.sidebar .sidebar_list .widget ul
{
    list-style-image: url(images/arrow.png);
    color: #ec2125;
    padding-left: 25px
}

.sidebar .sidebar_list .widget ul ul
{
    padding-left: 12px
}

.sidebar .sidebar_list .widget ul li a
{
    color: #444
}

.sidebar .sidebar_list .widget ul li a:hover
{
    color: #d21214
}

.sidebar img, .sidebar img[style]
{
    max-width: 100%;
    height: auto;
}

.searchform input[type=text]
{
    width: 65%;
    display: inline-block
}

.searchform input[type=submit]
{
    width: 30%;
    display: inline-block
}

/** widgets **/
.widget table
{
    width: 100%
}

.widget table caption
{
    background-color: #222222;
    color: #fff;
    padding: 7px 12px;
    font-size: 16px;
    margin-top: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.widget table td
{
    padding: 5px 7px
}

.widget table th
{
    padding: 5px 7px;
    font-weight: bold
}

/** footer **/
.footer
{
    color: #fff;
    padding: 15px 0
}

.footer a
{
    color: #f00;
}

/*-[Comments]--------------*/
.total-comments
{
    clear: both;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    float: left;
    width: 100%;
    background: #d21214;
    padding: 0.15em 1em;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.cnumber
{
    color: #2db2eb
}

#comments
{
    padding: 1em;
    background-color: #fff;
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #dadada;
    border-top: 0;
    margin-bottom: 15px;
}

#commentsAdd
{
    padding: 0 4% 3%;
    background-color: #fff;
    width: 100%;
    float: left;
    clear: both;
    border: 1px solid #dadada;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#comments .avatar
{
    float: left;
    margin-right: 20px;
}

.comment time
{
    color: #999999;
    font-size: 13px;
}

ul.children .commentImageLeft
{
    width: 60px;
    height: 90px;
    border-left: 1px solid #c1bbb6;
    border-bottom: 1px solid #c1bbb6;
    position: absolute;
    top: -50px;
    left: -70px;
}

input.text-input, #commentform input
{
    padding: 11px
}

input#author, input#email, input#url
{
    width: 300px;
    border: 1px solid #f4f4f4;
    background: #fff;
    font-size: 14px;
    float: left;
    clear: both;
    max-width: 85%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input#author, input#email, input#url, #comment
{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-color: #bebebe;
}

#cancel-comment-reply-link
{
    float: right;
    line-height: 24px;
    margin-top: 0;
}

#cancel-comment-reply-link
{
    padding: 7px 20px;
    color: white;
    cursor: pointer;
    background: #d21214;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#commentform input#submit
{
    color: #fff;
    border: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ec2125;
}

#commentform input#submit:hover
{
    background-color: #d21214;
    background-position: 0 -15px
}

ol.commentlist
{
    margin-left: 0;
    padding-left: 0
}

.commentlist li
{
    list-style: none;
    margin: 0 0 10px 0;
    padding-left: 0;
    float: left;
    width: 100%;
    border-top: 1px solid #cccccc;
    padding: 15px 0;
}

.commentContainer
{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.children .commentCInner
{
    width: 95%;
    float: right;
}

.children .children .commentCInner
{
    width: 90%
}

.commentlist p
{
    margin-bottom: 0;
    line-height: 21px;
}

.fn
{
    font-size: 14px;
    line-height: 1.375em;
}

.fn a
{
    color: #d21214
}

.comment-meta
{
    font-size: 12px;
}

.comment-meta a
{
}

.commentmetadata
{
    overflow: hidden
}

.reply
{
    overflow: hidden;
    width: auto;
    float: left;
}

.reply a
{
    padding: 0 5px;
    font-size: 13px;
}

.reply a:hover
{
    color: #222
}

.commentlist .children
{
    margin-left: 6%;
    margin-bottom: 0;
    margin-top: 15px;
    float: left;
    width: 94%;
}

.commentlist .avatar
{
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.commentlist .children li
{
    margin-bottom: 10px;
    padding-bottom: 0;
}

.avatar
{
    float: left
}

#respond h3
{
    margin-top: 18px;
    font-size: 18px;
    margin: 15px 0 0 0;
    padding: 0 0 20px 0;
}

.cancel-comment-reply a
{
    float: right;
    margin-top: -8px;
    font-size: 14px;
}

.comment-awaiting-moderation
{
    font-style: italic;
    font-weight: bold;
}

/*-[ Comment Form ]----------------------------*/
#commentform textarea
{
    width: 96.4%;
    border: 1px solid #bebebe;
    background: #fff;
    font-size: 14px;
    padding: 5px 10px 10px 10px;
    line-height: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#commentform p
{
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
}

#commentform p label
{
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

.required
{
    display: none;
    color: red;
    float: left;
    font-size: 18px;
    padding: 5px;
    padding-top: 9px;
}

.comment-notes .required
{
    padding-left: 0;
    padding-top: 3px;
}

.comment-notes
{
    font-style: italic;
    display: none;
}

.form-allowed-tags
{
    display: none
}

.post-password-form
{

}

.post-password-form label
{
    vertical-align: top;
    display: compact;
    width: 300px;
}

.post-password-form input[type=submit]
{
    vertical-align: bottom;
    margin-bottom: 7px;
}

/** responsive part - iphone specific **/
@media screen and (max-device-width: 640px) and (orientation: portrait)
{
    .header-h2
    {
        margin: 0;
        font-size: 28px;
        margin-bottom: 10px
    }

    .post-container .post-title
    {
        font-size: 24px
    }

    .wrapper
    {
        background: url(images/header_bg.png) repeat-x;
        background-color: #f4f4f4;
        padding: 2.5em 0em 1.5em 0em;
        height: 100%
    }

    .cats-list
    {
        text-align: center
    }
}