body #footer, body #footer h3 {color: #ccc;}
    html {
        background: #f2f2f2;
    }
    .page-title {
        color: #fff;
    }
    .container h3 { color: #2551a1; }


    #logo span,

    a:hover, a > *:hover,
    .member-social-links a:hover,
    blockquote .person .accent,
    .member-info h4,
    .accordion-button.ui-state-active,
    .comment .reply:hover,
    .post-block .post-entry h2,
    .project-item .thumb-item-title h6 a,
    #sidebar .widget_categories li a:hover,
    #sidebar .jta-tweet-timestamp-link:hover,
    #footer .jta-tweet-timestamp-link:hover,
    #sidebar .jta-tweet-text a:hover,
    .social-links li a:hover,
    .content-social-links li a:hover {
        color: #333;
    }

    #footer .logo span,
    #footer .widget_categories li a:hover,
    #footer .widget_recent_entries a:hover,
    #footer a:hover,
    { color: #fff; }

    .page-title,
    .skillbar .skill-progress,
    .pricing-table-extended .level-max .header,
    .project-item .mask,
    #infscr-loading div,
    .photo-stream a:hover,
    .pagination a:hover,
    .pagination .current,
    .project-nav a:hover,
    #back-to-top:hover {
        background: #2551a1 url(../../images/banner-tile.png);
    }

    /* Shortcodes ------------------------------*/
    .post-block .post-entry h2 { color: #2379d8; }

    .service-icon {
        background: #2551a1;
        color: #fff;
        background: rgb(35,121,216); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(35,121,216,1) 0%, rgba(24,85,150,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,121,216,1)), color-stop(100%,rgba(24,85,150,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(35,121,216,1) 0%,rgba(24,85,150,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(35,121,216,1) 0%,rgba(24,85,150,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(35,121,216,1) 0%,rgba(24,85,150,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(35,121,216,1) 0%,rgba(24,85,150,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2379d8', endColorstr='#185596',GradientType=0 ); /* IE6-9 */

    }


    /* Colors ------------------------------*/
    .gray-theme            { background: #ccc; }
    .gray-theme:hover      { background: #2551a1; }

    .theme-gray            { background: #2551a1; }
    .theme-gray:hover      { background: #ccc; }

    .theme-darkgray        { background: #2551a1; }
    .theme-darkgray:hover  { background: #333; }

    .darkgray-theme        { background: #333; }
    .darkgray-theme:hover  { background: #2551a1; }

    /* Service Icons */
    .service-icon i { font-size: 18px; }


    /* Tabs ------------------------------*/
    .ui-tabs .ui-tabs-nav li a {
        color: #fff;
        background: #2379d8;
    }
    .ui-tabs .ui-tabs-nav li a span {
        color: #fff;
    }
    .ui-tabs .ui-tabs-nav li {
    }
    .ui-tabs .ui-tabs-nav li a i {
        color: #fff;
        border-color: #fff;
    }
    .ui-tabs .ui-tabs-nav li a:hover {
        border-top: 1px solid #2551a1;
        color: #fff;
        background: #2551a1;
    }
    .ui-tabs .ui-tabs-nav li a:hover i {
        color: #fff;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
        border-top: 1px solid #2379d8;
        background: #fff;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a span {
        color: #000;
        font-family: "Open Sans", "Helvetica Neue", Arial!important;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
        color: #2551a1;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover i {
        border-color: #2379d8;
        color: #2551a1;
    }


    /* Left Tabs */
    .icon-tabs.left-tabs {
        border-top: 1px solid #2379d8;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }
    .icon-tabs.left-tabs .ui-tabs .ui-tabs-nav { border: 0; }
    .icon-tabs.left-tabs .ui-tabs .ui-tabs-nav li {
        position: relative;
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
        line-height: 32px;
        border: 0;
        border-right: 1px solid #2379d8;
        border-left: 1px solid #2379d8;
        border-bottom: 1px solid #fff;
        box-sizing:border-box;
        -moz-box-sizing:border-box; /* Firefox */
        -webkit-box-sizing:border-box; /* Safari */

    }
    .icon-tabs.left-tabs .ui-tabs .ui-tabs-nav li.ui-state-active {
        border-right-color: #FFFFFF;
        border-bottom-color: #2379d8;
    }
    .icon-tabs.left-tabs .ui-tabs .ui-tabs-nav li a { border: 0; }


    blockquote {
        border-left: 3px solid #2551a1;
    }


    .project-item {
        border-bottom: 3px solid #2551a1;
        color: #2551a1;
    }


    input[type="text"]:focus, textarea:focus {
        border-color: rgba(120, 185, 247, .5);
        -webkit-box-shadow: 0 0 5px rgba(120, 185, 247, .5);
           -moz-box-shadow: 0 0 5px rgba(120, 185, 247, .5);
                box-shadow: 0 0 5px rgba(120, 185, 247, .5);
    }