/*-----------------------------------------------------------------------------------

	Light style
	
----------------------------------------------------------------------------------- */

/* ---------------------------- */
/*           General
/* ---------------------------- */

body {
	background-color: #eee;
	color: #555;
}
a:hover {
	color: #555;
}
.divider-line {
	border-bottom-color: #ddd;
}
.gridbox {
	background-color: #eee;
}

/* ---------------------------- */
/*          Typography
/* ---------------------------- */

blockquote, blockquote p {
	color: #777;
}
blockquote {
	border-left-color: #ddd;
}

/* ---------------------------- */
/*           Tables
/* ---------------------------- */

th {
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	color: #555;
}
td {
	border-bottom-color: #e8e8e8;
	color: #999;
}
tr:nth-child(2n) {
	background-color: #fafafa;
}
.pinned {
	background-color: #fff; /* must be color of content background */
	border-right-color: #ddd;
	border-left-color: #ddd;
}
div.table-wrapper {
	border-right-color: #ddd;
}

/* ---------------------------- */
/*        Social Icons
/* ---------------------------- */

.socials ul li {
	border-right-color: #606060;
}
.socials ul li:first-child {
	border-left-color: #606060;
}
.team-member-socials ul li a {
	background-color: #bbb;
}

/* ---------------------------- */
/*         Structure
/* ---------------------------- */

/* --------- TOP --------- */

.top-wrapper {
	background-color: #555;
}
.info-text {
	color: #eee;	
}
.info-text a {
	color: #fff;
}

/* --------- NAVIGATION --------- */

.navigation-wrapper {
	background-color: #fff;
}
.navigation-wrapper select {
	background-color: #fff;
	border-color: #ddd;
}
.sf-menu a {
	color: #555;
}
.sf-menu > li a {
	color: #555;
}
.sf-menu > li.homepage-icon a:hover {
	background-color: #555555;
}
.sf-menu ul a {
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
}

/* ---------------------------- */
/*          Content
/* ---------------------------- */

.content {
	background: #fff;
}

/* --------- SECTION TITLE --------- */

.section-title {
	background-color: #fff;
}
.section-title:after {
	border-top-color: #fff;
}

/* --------- PAGE TITLE --------- */

.page-title {
	background-color: #fafafa;
}

/* --------- PROJECTS --------- */

.project-text a {
	background-color: #fff;
}
.project-text a:hover {
	color: #fff;
}

/* --------- CALLOUT BOX --------- */

.callout-box {
	background-color: #fff;
}

/* --------- SLOGAN BOX --------- */

.slogan-box-body {
	background-color: #fff;
}

/* --------- SERVICES --------- */

.service-body {
	background-color: #fff;
}
.service-body span {
	background: #aaa;
}

/* ---------------------------- */
/*    UI Accordion and toggle
/* ---------------------------- */

.accordion, .toggle {
	border-bottom-color: #ddd;
}
.accordion h3, .toggle h3 {
	background-color: #fafafa;
	border-top-color: #ddd;
	border-left-color: #ddd;
	border-right-color: #ddd;
}
.accordion h3 a, .toggle h3 a {
	color: #888;
	background: url(../images/acc-closed.png) 12px 12px no-repeat;
}
.accordion h3.ui-state-active a, .toggle h3.active a {
	color: #555;
	background: url(../images/acc-open.png) 12px 12px no-repeat;
}
.accordion h3 a:hover, .toggle h3 a:hover {
	background: url(../images/acc-closed.png) 12px 12px no-repeat;
}
.accordion h3.ui-state-active a:hover, .toggle h3.active a:hover {
	background: url(../images/acc-open.png) 12px 12px no-repeat;
}
.accordion h3.ui-state-active, .toggle h3.active {
	background: #fff;
	border-left-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
}
.accordion div, .toggle div {
	border-left-color: #ddd;
	border-right-color: #ddd;
	background: #fff;
}

/* Tabs */

.tabs ul.tabs-nav {
	border-bottom-color: #ddd;
}
.tabs ul.tabs-nav li a {
	border-color: #ddd;
	background-color: #fafafa;
	color: #aaa;
}
.tabs ul.tabs-nav li.ui-state-active a {
	background-color: #fff;
}
.tabs ul.tabs-content {
	border-color: #ddd;
	background-color: #fff;
}

/* Vetical Tabs */
.tabs.vertical ul.tabs-nav li a {
	border-color: #ddd;
	border-top-color: #ddd !important;
}

/* ---------------------------- */
/*        Content Slider
/* ---------------------------- */

.content-slider h6 {
	border-bottom-color: #ddd;
}
ul.cs-slidecontrols > li {
	background-color: #bbb;
}

/* ---------------------------- */
/*         Portfolio
/* ---------------------------- */

/* --------- Filter --------- */

a.filter-button:after {
	border-right-color: #fafafa;
}

/* --------- SINGLE PORTFOLIO --------- */

.portfolio-details h6 span {
	background-color: #ddd;
}
.portfolio-details .divider-line {
	border-bottom-color: #ddd;
}

/* --------------------------- */
/*        PRICING TABLES       
/* --------------------------- */

.pt-column {
	border-color: #f2f2f2;
}
.pt-features ul li {
	background-color: #fafafa;
	border-bottom-color: #f2f2f2;
}

/* ---------------------------- */
/*         Testimonials
/* ---------------------------- */

.testimonial {
    border-color: #f2f2f2;
    background: #fafafa;
}
.testimonial:before,
.testimonial:after {
	border-bottom-color: #fafafa;
}
.testimonial:before {
	border-bottom-color: #f2f2f2;
}

/* ---------------------------- */
/*            Team
/* ---------------------------- */

.team-member-description {
	border-top-color: #ddd;	
}
.team-member-socials {
	border-top-color: #ddd;
}

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

#contactform input, #contactform textarea {
	border-color: #ccc;
}
#contactform input:focus, #contactform textarea:focus {
	border-color: #777;
}

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

.post {
	border-bottom-color: #ddd;
}
.meta-top {
	color: #fff;
}
.meta-top .meta-date .day {
	background-color: #777;
}
.meta-bottom span a {
	background-color: #777;
	color: #fff;
}

/* --------- Pagination --------- */

.site-pagination a, .site-pagination span {
	background-color: #f2f2f2;
	color: #777;
}
.site-pagination span, .site-pagination a:hover {
	color: #fff;
}

/* ---------------------------- */
/*        Blog comments
/* ---------------------------- */

.commentlist ul.children {
	border-left-color: #ddd;
}
.commentlist ul.children::before {
	border-bottom-color: #ddd;
}
.comment-meta a {
    color: #888;
}
div.comment-body {
	border-color: #ddd;
}
#commentform input, #commentform textarea {
	border-color: #ccc;
}
#commentform input:focus, #commentform textarea:focus {
	border-color: #777;
}
#commentform p.form-allowed-tags {
	color: #777;
	background-color: #f8f8f8;
}

/* ---------------------------- */
/*           Sidebar
/* ---------------------------- */

.sidebar .widget {
	background-color: #fff;
}