/* ---------------------------- */
/*        Light Style CSS
/* ---------------------------- */

body {
    color: #444;
}

.preloader {
    background: #fff url(../images/light/preload.gif) center center no-repeat;
}

.content img {
    background: #444;
}

.divider {
    background: url(../images/light/divider-bg.png) repeat-x center left;
}

.info-social li {
    border-left: 1px dotted #ddd;
}

    .info-social li.last-child {
        border-right: 1px dotted #ddd;
    }

.info-social a {
    background: url(../images/light/social-icons.png) no-repeat;
}

.info-top, .section-header, .dotted-header span, .content-inner, #footer-wrapper, .lp-description, .project-description, .blog-masonry-description,
.feature-box .content-inner, .feature-box h5 span, .feature-box img {
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
}

hr {
    border: solid #ddd;
}

a, a:visited {
    color: #333;
}

    a:hover, a:focus {
        color: #000;
    }

.subheader {
    color: #777;
}

.section-header {
    color: #444;
}

.header-triangle-down {
    background: url(../images/light/triangle-down.png) no-repeat;
}

.dotted-header, .feature-box h5 {
    background: #fff url(../images/light/headers-bg.png) repeat-x center left;
}

    .dotted-header span {
        color: #444;
    }

blockquote, blockquote p {
    color: #777;
}

blockquote {
    background: url(../images/light/quote.png) no-repeat 10px 15px;
}

.post-top-wrap blockquote {
    background: none;
    padding-left: 0;
}

blockquote cite {
    color: #999;
}

    blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
        color: #555;
    }

.dropcap2, .dropcap3 {
    color: #eee;
    background: #444;
}

ul.arrow li, .sidebar li, #footer li {
    background: url(../images/light/li-arrow.png) no-repeat 0 center;
}

cite.fn, cite.fn a {
    color: #666;
}

    cite.fn a:hover {
        color: #222;
    }

.page-title {
    background: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    border-bottom: 1px solid #f2f2f2;
}

    .page-title h1 {
        color: #444;
    }

.content a:hover {
    color: #000;
}

.accordion h3, .toggle h3 {
    background: #eee;
}

    .accordion h3 a, .toggle h3 a {
        color: #777;
    }

        .accordion h3 a:hover, .toggle h3 a:hover {
            color: #000;
        }

    .accordion h3.ui-state-active a:hover, .toggle h3.active a:hover {
        color: #000;
    }

    .accordion h3.ui-state-active, .toggle h3.active {
        background: #e2e2e2;
    }

.accordion div, .toggle div {
    border-color: #e2e2e2;
}

.content-slider .cs-slidecontrols li a:hover {
    color: #444;
}

.feature-box .feature-box-image.sett {
    background: url(../images/light/featuredbox-settings.png) no-repeat center center;
}

.feature-box .feature-box-image.resp {
    background: url(../images/light/featuredbox-responsive.png) no-repeat center center;
}

.feature-box .feature-box-image.maf {
    background: url(../images/light/featuredbox-ok.png) no-repeat center center;
}

.feature-box:hover .feature-box-image.sett {
    background: url(../images/dark/featuredbox-settings.png) no-repeat center center;
}

.feature-box:hover .feature-box-image.resp {
    background: url(../images/dark/featuredbox-responsive.png) no-repeat center center;
}

.feature-box:hover .feature-box-image.maf {
    background: url(../images/dark/featuredbox-ok.png) no-repeat center center;
}

#footer-bottom p, #footer-bottom a {
    color: #444;
}

.container a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
#commentlist a.comment-reply-link, #commentform input[type="submit"] {
    background: #E9E9E9; /* Old browsers */
    background: #E9E9E9 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
    background: #E9E9E9 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1)));
    background: #E9E9E9 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
    background: #E9E9E9 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
    background: #E9E9E9 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
    background: #E9E9E9 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
    border: 1px solid #bbb;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

    .container a.button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    #commentlist a.comment-reply-link:hover, #commentform input[type="submit"]:hover {
        background: #E9E9E9; /* Old browsers */
        background: #E9E9E9 -moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
        background: #E9E9E9 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(100%,rgba(255,255,255,.1)));
        background: #E9E9E9 -webkit-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%);
        background: #E9E9E9 -o-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%);
        background: #E9E9E9 -ms-linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%);
        background: #E9E9E9 linear-gradient(top, rgba(0,0,0,.1) 0%,rgba(255,255,255,.1) 100%);
        border: 1px solid #bbb;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.4);
    }

/* ---------------------------- */
/*          Navigation
/* ---------------------------- */

#nav {
    border: 1px solid #f3f3f3;
}

    #nav li a {
        color: #777;
    }

        #nav li a:hover {
            color: #000;
        }

    #nav li {
        border-left: 1px solid #f3f3f3;
        background: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
        background: -webkit-linear-gradient(top, #fff, #fafafa);
        background: -moz-linear-gradient(top, #fff, #fafafa);
        background: -o-linear-gradient(top, #fff, #fafafa);
        background: -ms-linear-gradient(top, #fff, #fafafa);
        background: linear-gradient(top, #fff, #fafafa);
    }

    #nav > li:hover, #nav > li.parent:hover {
        background: #fafafa;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));
        background: -webkit-linear-gradient(top, #fafafa, #fff);
        background: -moz-linear-gradient(top, #fafafa, #fff);
        background: -o-linear-gradient(top, #fafafa, #fff);
        background: -ms-linear-gradient(top, #fafafa, #fff);
        background: linear-gradient(top, #fafafa, #fff);
    }

    #nav ul a {
        background: #fff;
        color: #aaa;
        border-bottom: 1px solid #fff;
    }

        #nav ul a:hover {
            color: #000;
        }

    #nav > li.home-page {
        padding-left: 6px;
    }

        #nav > li.home-page > a {
            text-indent: -9999px;
            background: url(../images/light/home-page.png) no-repeat 0 0;
        }

        #nav > li.home-page:hover > a {
            background: url(../images/light/home-page.png) no-repeat 0 -40px;
        }

/* ---------------------------- */
/*         Blog colors
/* ---------------------------- */

.hentry h2 a {
    color: #444;
}

.hentry .meta a {
    color: #777;
}

.meta-author {
    background: url(../images/light/meta.png) no-repeat 0 0;
}

.meta-date {
    background: url(../images/light/meta.png) no-repeat 0 -20px;
}

.meta-comments {
    background: url(../images/light/meta.png) no-repeat 0 -40px;
}

.meta-category {
    background: url(../images/light/meta.png) no-repeat 0 -60px;
}

.comment-meta a {
    color: #888;
}

    .comment-meta a:hover {
        color: #222;
    }

.meta {
    background: #fbfbfb;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #e2e2e2;
}

div.comment-body {
    background: #fafafa;
    background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#fafafa 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#fafafa 100%);
    background: linear-gradient(top, #fefefe 0%,#fafafa 100%);
    border: 1px solid #ddd;
}

#commentform input, #commentform textarea {
    border: 1px solid #ddd;
    color: #444;
}

.content .wp-pagenavi a, .content .wp-pagenavi span {
    color: #222;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fdfdfd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fdfdfd));
    background: -webkit-linear-gradient(top, #fff 0%,#fdfdfd 100%);
    background: -o-linear-gradient(top, #fff 0%,#fdfdfd 100%);
    background: -ms-linear-gradient(top, #fff 0%,#fdfdfd 100%);
    background: linear-gradient(top, #fff 0%,#fdfdfd 100%);
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #fff;
    background: #444;
    background: -moz-linear-gradient(top, #444 0%, #222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
    background: -webkit-linear-gradient(top, #444 0%,#222 100%);
    background: -o-linear-gradient(top, #444 0%,#222 100%);
    background: -ms-linear-gradient(top, #444 0%,#222 100%);
    background: linear-gradient(top, #444 0%,#222 100%);
}

/* ---------------------------- */
/*       Sidebar/widgets colors
/* ---------------------------- */

.sidebar li a {
    color: #444;
}

.widget .lp-sidebar li {
    border-bottom: 1px solid #f1f1f1;
}

#footer .widget .lp-sidebar li img {
    background: #444;
}

.widget .lp-description span {
    color: #aaa;
}

.widget .lp-description p {
    color: #777;
}

.sidebar .sidebar-search-form input {
    border: 1px solid #ddd;
}

/* ---------------------------- */
/*       Portfolio colors
/* ---------------------------- */
.lp-image .triangle-up, .project-image .triangle-up, .blog-masonry-image .triangle-up {
    background: url(../images/light/triangle-up.png) no-repeat;
}

.project-description h3 a, .blog-masonry-description h3 a, .item-title h3 a {
    color: #777;
}

    .project-description h3 a:hover, .blog-masonry-description h3 a:hover, .item-title h3 a:hover {
        color: #000;
    }

.lp-readmore, .portfolio-boxed .project-description .project-readmore, .blog-masonry-readmore {
    background: url(../images/light/link.png) no-repeat 0 0;
}

.portfolio-standard .item {
    border-bottom: 1px solid #eaeaea;
}

.lp-readmore:hover, .portfolio-boxed .project-description .project-readmore:hover, .blog-masonry .blog-masonry-readmore:hover {
    background: url(../images/light/link.png) no-repeat 0 -16px;
}

#portfolio-filters a {
    color: #888;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%);
    background: -o-linear-gradient(top, #fff 0%,#ddd 100%);
    background: -ms-linear-gradient(top, #fff 0%,#ddd 100%);
    background: linear-gradient(top, #fff 0%,#ddd 100%);
    border: 1px solid #ccc;
}

    #portfolio-filters a:hover {
        color: #111;
    }

#portfolio-filters li.current a {
    color: #ddd;
    background: #444;
    background: -moz-linear-gradient(top, #666 0%, #444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#444));
    background: -webkit-linear-gradient(top, #666 0%,#444 100%);
    background: -o-linear-gradient(top, #666 0%,#444 100%);
    background: -ms-linear-gradient(top, #666 0%,#444 100%);
    background: linear-gradient(top, #666 0%,#444 100%);
    border: 1px solid #333;
}

#post-navigation .previous-link a, #post-navigation .next-link a, .comments-navigation .next-comments a,
.comments-navigation .prev-comments a, a.portfolio-slide-next, a.portfolio-slide-prev {
    color: #444;
}

/* ---------------------------- */
/*        Plugins colors
/* ---------------------------- */

.tweetList li p {
    background: #444;
    color: #fafafa;
}

.tweetList li a {
    color: #aaa;
}

.twitter-triangle-down {
    border-top: 10px solid #444;
}

#flickr-feed a {
    background: #aaa;
}

.es-nav span {
    background: #fff url(../images/light/carousel-arrows.png) no-repeat -20px 0;
}

/* ---------------------------- */
/*         Contact form
/* ---------------------------- */

#contact h1 {
    color: #333333;
}

#contact hr {
    border: 1px solid #d9d9d9;
}

#contact input, #contact textarea, #contact select, #contact input.submit {
    color: #666;
    background: #f3f3f3;
    border: 1px solid #ddd;
}

    #contact input:focus, #contact textarea:focus, #contact select:focus, #contact input.submit:hover {
        color: #444;
        background: #fff;
        border: 1px solid #ccc;
    }

    #contact input.submit {
        background: #eee;
        background: #eee -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
        background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1)));
        background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
        background: #eee -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
        background: #eee -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
        background: #eee linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
    }

        #contact input.submit:hover {
            background: #fff;
            background: #fff -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
            background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1)));
            background: #fff -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
            background: #fff -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
            background: #fff -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
            background: #fff linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);
        }

    #contact select:focus {
        color: #444;
    }

.ie #contact select option {
    padding: 10px;
    background: #bbb;
}

.ie #contact select:focus {
    background: #bbb;
    color: #fff;
}

.contact-address {
    background: url(../images/light/contact-icons.png) no-repeat 0 0;
}

.contact-mail {
    background: url(../images/light/contact-icons.png) no-repeat 0 -20px;
}

.contact-phone {
    background: url(../images/light/contact-icons.png) no-repeat 0 -40px;
}

/* ---------------------------------- */
/*    Flexslider and other sliders
/* ---------------------------------- */

.flexslider .slides {
    border: 10px solid #fff;
}

    .flexslider .slides > li {
        background: #fff;
    }

.container .flex-caption {
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);
}

.container .flex-caption {
    background: rgba(255,255,255,.7);
    color: #333;
}

.container .flex-direction-nav li .next {
    background: url(../images/slider/light/arrows.png) no-repeat -32px 0;
}

.container .flex-direction-nav li .prev {
    background: url(../images/slider/light/arrows.png) no-repeat 0 0;
}

.container .flex-direction-nav li .next:hover {
    background: url(../images/slider/light/arrows.png) no-repeat -32px -34px;
}

.container .flex-direction-nav li .prev:hover {
    background: url(../images/slider/light/arrows.png) no-repeat 0 -34px;
}

.container .flex-control-nav li a {
    background: url(../images/slider/light/slider-pagination.png) no-repeat 0 0;
}

    .container .flex-control-nav li a:hover {
        background: url(../images/slider/light/slider-pagination.png) no-repeat 0 -17px;
    }

    .container .flex-control-nav li a.active {
        background: url(../images/slider/light/slider-pagination.png) no-repeat 0 -34px;
    }

.content-slider .cs-slidecontrols li a.next {
    background: #444 url(../images/dark/carousel-arrows.png) no-repeat 0 0;
}

.content-slider .cs-slidecontrols li a.prev {
    background: #444 url(../images/dark/carousel-arrows.png) no-repeat -20px 0;
}

/* ---------------------------- */
/*        Standard color
/* ---------------------------- */

.highlight, #flickr-feed a:hover, .sidebar .lp-image a img:hover, .content a:hover, .portfolio-categories a:hover, #footer a:hover, #footer-bottom a:hover,
.feature-box:hover .content-inner, .feature-box:hover img, .feature-box:hover .feature-box-title h5 span, .slogan a:hover,
.content-slider .cs-slidecontrols li a, #footer .widget .lp-sidebar li img:hover {
    background: #008DD2/*#95B4BC*/;
}

.feature-box:hover .feature-box-title h5 {
    background:  #008DD2/*#95B4BC*/ url(../images/dark/headers-bg.png) repeat-x center left;
}

.feature-box:hover .feature-box-desc a {
    color: #fff;
}

.container ul.tabs li a.active {
    border-top: 2px solid  #008DD2/*#95B4BC*/;
}

.es-nav span:hover {
    background:  #008DD2/*#95B4BC*/ url(../images/dark/carousel-arrows.png) no-repeat -20px 0;
}

.es-nav span.es-nav-next:hover {
    background:  #008DD2/*#95B4BC*/ url(../images/dark/carousel-arrows.png) no-repeat 0 0;
}

.content-slider .cs-slidecontrols li a.next:hover {
    background:  #008DD2/*#95B4BC*/ url(../images/dark/carousel-arrows.png) no-repeat 0 0;
}

.content-slider .cs-slidecontrols li a.prev:hover {
    background:  #008DD2/*#95B4BC*/ url(../images/dark/carousel-arrows.png) no-repeat -20px 0;
}

::-moz-selection {
    background-color:  #008DD2/*#95B4BC*/;
}

::-webkit-selection {
    background-color: #95B4BC;
}

::selection {
    background-color:  #008DD2/*#95B4BC*/;
}

::-moz-selection {
    color: #fff;
}

::-webkit-selection {
    color: #fff;
}

::selection {
    color: #fff;
}

#nav ul a:hover {
    border-bottom: 1px solid  #008DD2/*#95B4BC*/;
}

.content a, .portfolio-categories a {
    color:  #008DD2/*#95B4BC*/;
}

.portfolio-standard .item:hover {
    border-bottom: 1px solid  #008DD2/*#95B4BC*/;
}

.portfolio-triangle-up {
    border-bottom: 5px solid  #008DD2/*#95B4BC*/;
}

.post-standard {
    background:  #008DD2/*#95B4BC*/ url(../images/light/blog-post-icons.png) no-repeat 0 0;
}

.post-gallery {
    background:  #008DD2/*#95B4BC*/ url(../images/light/blog-post-icons.png) no-repeat 0 -50px;
}

.post-video {
    background:  #008DD2/*#95B4BC*/ url(../images/light/blog-post-icons.png) no-repeat 0 -100px;
}

.post-audio {
    background:  #008DD2/*#95B4BC*/ url(../images/light/blog-post-icons.png) no-repeat 0 -150px;
}

.post-link {
    background:  #008DD2/*#95B4BC*/ url(../images/light/blog-post-icons.png) no-repeat 0 -200px;
}

.post-quote {
    background:  #008DD2/*#95B4BC*/ url(../images/light/blog-post-icons.png) no-repeat 0 -250px;
}

.highlight, .content a:hover, .portfolio-categories a:hover, #footer a:hover, #footer-bottom a:hover, #post-navigation .previous-link a:hover,
#post-navigation .next-link a:hover, .comments-navigation .next-comments a:hover, .comments-navigation .prev-comments a:hover,
a.portfolio-slide-next:hover, a.portfolio-slide-prev:hover, .feature-box:hover .feature-box-title h5, .feature-box:hover .feature-box-desc,
.slogan a:hover, .content-slider .cs-slidecontrols li a {
    color: #fff;
}