/* ---------------------------- */
/*        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: #95B4BC;}

.feature-box:hover .feature-box-title h5 {background: #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 #95B4BC;}

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

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

#nav ul a:hover {border-bottom: 1px solid #95B4BC;}
.content a, .portfolio-categories a {color: #95B4BC;}
.portfolio-standard .item:hover {border-bottom: 1px solid #95B4BC;}
.portfolio-triangle-up {border-bottom: 5px solid #95B4BC;}
.post-standard {background: #95B4BC url(../images/light/blog-post-icons.png) no-repeat 0 0;}
.post-gallery {background: #95B4BC url(../images/light/blog-post-icons.png) no-repeat 0 -50px;}
.post-video {background: #95B4BC url(../images/light/blog-post-icons.png) no-repeat 0 -100px;}
.post-audio {background: #95B4BC url(../images/light/blog-post-icons.png) no-repeat 0 -150px;}
.post-link {background: #95B4BC url(../images/light/blog-post-icons.png) no-repeat 0 -200px;}
.post-quote {background: #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;}