/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------

:: 01. Light 
:: 02. Dark
:: 03. Light/Dark

*/

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

   01. Light
   
--------------------------------------------------- */

body { 
	background: #f2f2f2; 
	color: #909090;
}

#home-slider .pager { background: #f2f2f2; }

.button { color: #fff !important; }
.button.white { color: #787878 !important; }

input,
textarea,
input:focus,
textarea:focus,
select {
	border: 1px solid #e8e8e8;
	color: #96999d;
	background: #f7f7f7;
}

#header nav .sub-menu li.menu-item-ancestor a {
	background-image: url(../images/header-nav-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 24px;
}

#header nav .sub-menu li.menu-item-ancestor li a {
	background-image: none;
	padding-right: 15px;
}

#masonry .item.featured .post-title,
h1,h2,h3,h4,h5,h6 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.13);
	color: #57595e;
}

#home-slider h1, #home-slider h2, #home-slider h3, #home-slider h4, #home-slider h5, #home-slider h6 { color: #fff; }

a { color: #505050;}

.back-to-portfolio:hover,
#filter li.current a,
.post-content ol,
a:hover { color: #1b1c21; }

#header nav .sfHover a,
#header nav .sfHover a:hover { color: #505050; }

.callout-quote,
.widget-title,
#logo a { color: #57595e; }

.post-content li,
.page-title { color: #909090; }

#home-widget-wrap,
#filter,
#main-wrap,
.hentry,
#control,
.page-title,
#header-wrap { border-bottom: 1px solid #e9e9e9; }

#content { border-right: 1px solid #e9e9e9; }

#sidebar { border-left: 1px solid #e9e9e9; }

.callout,
#home-bottom-widgets,
#related,
#control,
#filter,
#comments,
#footer-wrap { border-top: 1px solid #e9e9e9; }

#header nav .sub-menu a,
#header nav .sub-menu .sfHover li a { 
	color: #adadad; 
	background: #e8e8e8;
}

#header nav .sub-menu a:hover,
#header nav .sub-menu .sfHover a,
#header nav .sub-menu .sfHover li a:hover { 
	color: #32343a; 
	background: #e1e1e1;
}

#searchform input {
	background: #f7f7f7 url(../images/light-search-icon.png) center right no-repeat;
	border: 1px solid #d8d8d8;
	color: #919599;
}

.pagination a,
.pagination span {
	background: #e8e8e8;
	color: #9c9fa2;
}

#respond #submit,
.contact #submit,
.pagination a:hover,
.pagination .current {
	color: #fff;
	background: #57595e;
}

blockquote { border-left: 3px solid #32343a; }

blockquote p { color: #626262; }

.back-to-portfolio,
#masonry .meta-categories {
	color: #b3b3b3;
}

.portfolio-nav .prev a,
.portfolio-nav .next a {
	background-image: url(../images/light-portfolio-nav.png);
}

.pager a { background: #676767; }

.pager a:hover,
.pager a.activeSlide { background: #b2b2b2; }

#home-slider-wrap { background: url(../images/light-slider-loader.gif) center center no-repeat #32343a; }

.slider-gallery,
#portfolio-slider-wrap { background: url(../images/light-content-loader.gif) center center no-repeat; }

#home-slider .post-content a,
#home-slider .post-title {
	color: #fff;
}

#home-slider .pager a:hover,
#home-slider .pager a.activeSlide { background: #b2b2b2; }


#home-slider .post-content { color: #6e737c; }

.slider-arrows a { background-image: url(../images/light-slider-arrows.png) }

.PT_Testimonials .slider-arrows a { background-image: url(../images/light-testimonial-slider-arrows.png) }

#home-bottom-widgets { background: #f5f4f4; }

.callout .quote-left { background: url(../images/light-left-quote.png); }

.callout .quote-right { background: url(../images/light-right-quote.png); }

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

   02. Dark
   
--------------------------------------------------- */

body.skin-dark { 
	background: #32343a; 
	color: #a4a6ab;
}

.skin-dark #home-slider .pager { background: #32343a; }

.skin-dark input,
.skin-dark textarea,
.skin-dark input:focus,
.skin-dark textarea:focus,
.skin-dark select {
	border: 1px solid #32343a;
	color: #919599;
	background: #fff;
}

.skin-dark #footer-widgets .meta-info,
.skin-dark .twitter a,
.skin-dark #footer-widgets .meta-info a { color: #66696d; }

.skin-dark #footer-widgets .meta-info a:hover { color: #8d9096; }

.skin-dark #masonry .item.featured .post-title,
.skin-dark h1, .skin-dark h2, .skin-dark h3, .skin-dark h4, .skin-dark h5, .skin-dark h6 {
	color: #fff;
	text-shadow: none;
}

.skin-dark .post-title,
.skin-dark a { color: #fff; }

.skin-dark .back-to-portfolio:hover,
.skin-dark #filter li.current a,
.skin-dark .post-content ol,
.skin-dark a:hover { color: #d5d5d6; }

.skin-dark #header nav .sfHover a,
.skin-dark #header nav a:hover { color: #b4b4b4; }

.skin-dark .twitter span a,
.skin-dark .callout-quote,
.skin-dark .widget-title,
.skin-dark #logo a { color: #fff; }

.skin-dark #home-widget-wrap,
.skin-dark #control,
.skin-dark #filter,
.skin-dark #main-wrap,
.skin-dark .hentry,
.skin-dark .post-content li,
.skin-dark .page-title,
.skin-dark #header-wrap { border-bottom: 1px solid #3b3e44; }

.skin-dark #header-wrap,
.skin-dark #footer-wrap { background: #35383e; }

.skin-dark #content { border-right: 1px solid #3b3e44; }

.skin-dark #sidebar { border-left: 1px solid #3b3e44; }

.skin-dark .callout,
.skin-dark #home-bottom-widgets,
.skin-dark #related,
.skin-dark #control,
.skin-dark #filter,
.skin-dark #comments,
.skin-dark #footer-wrap { border-top: 1px solid #3b3e44; }

.skin-dark #header nav .sub-menu a,
.skin-dark #header nav .sub-menu .sfHover li a { 
	color: #adadad; 
	background: #4f5258;
}

.skin-dark #header nav .sub-menu li.menu-item-ancestor a {
	background-image: url(../images/dark-header-nav-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 24px;
}

.skin-dark #header nav .sub-menu li.menu-item-ancestor li a {
	background-image: none;
	padding-right: 15px;
}

.skin-dark #header nav .sub-menu a:hover,
.skin-dark #header nav .sub-menu .sfHover a,
.skin-dark #header nav .sub-menu .sfHover li a:hover { 
	color: #fff; 
	background-color: #6c6e73;
}

.skin-dark #searchform input {
	background: #ffffff url(../images/light-search-icon.png) center right no-repeat;
	border: 1px solid #32343a;
	color: #919599;
}

.skin-dark .pagination a,
.skin-dark .pagination span {
	background: #4c4d52;
	color: #fff;
}

.skin-dark #respond #submit,
.skin-dark .contact #submit,
.skin-dark .pagination a:hover,
.skin-dark .pagination .current {
	color: #fff;
	background: #35383e;
}

.skin-dark blockquote {	border-left: 3px solid #fff; }

.skin-dark blockquote p { color: #e0e0e0; }

.skin-dark .toggle .trigger { 
	color: #fff; 
	border: 1px solid #3b3e44; 
	background: #35383e; 
}
	
.skin-dark .toggle-pane { 
	background: #2f3136; 
	border: 1px solid #3b3e44; 
	border-top: none; 
}
	
.skin-dark .toggle .trigger span { background-image: url(../images/dark-toggle-arrow.png); }

.skin-dark dl.tabs dd a { 
	text-shadow: none; 
	border: solid 1px #3b3e44; 
	color: #a4a6ab; 
	background: #393b41; 
}

.skin-dark dl.tabs dd a.active { 
	background: #32343a; 
	color: #fff; 
}
    
.skin-dark dl.tabs dd a:hover { 
	background: #32343a; 
	color: #fff; 
}

.skin-dark ul.tabs-content { border-bottom: 1px solid #3b3e44; }

.skin-dark dl.tabs { border-bottom: solid 1px #3b3e44; }

.skin-dark .portfolio-nav .prev a,
.skin-dark .portfolio-nav .next a {
	background-image: url(../images/dark-portfolio-nav.png);
}

.skin-dark .pager a { background: #676767; }

.skin-dark .pager a:hover,
.skin-dark .pager a.activeSlide { background: #b2b2b2; }

.skin-dark #home-slider-wrap { background: url(../images/dark-slider-loader.gif) center center no-repeat  #3c3d43; }

.skin-dark .slider-gallery,
.skin-dark #portfolio-slider-wrap { background: url(../images/dark-content-loader.gif) center center no-repeat; }

.skin-dark #home-slider .post-content a,
.skin-dark #home-slider .post-title {
	color: #fff;
}

.skin-dark #home-slider .post-content { color: #a4a6ab; }

.skin-dark .PT_Testimonials .slider-arrows a { background-image: url(../images/dark-testimonial-slider-arrows.png) }

.port-overlay { background: url(../images/light-port-overlay.png) repeat; }

.skin-dark #home-bottom-widgets { background: #35383e; }

.skin-dark .callout .quote-left { background: url(../images/dark-left-quote.png); }

.skin-dark .callout .quote-right { background: url(../images/dark-right-quote.png); }

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

   03. Light/Dark
   
--------------------------------------------------- */

body.skin-black-white { 
	background: #f2f2f2; 
	color: #909090;
}

.skin-black-white input,
.skin-black-white textarea,
.skin-black-white input:focus,
.skin-black-white textarea:focus,
.skin-black-white select {
	border: 1px solid #e8e8e8;
	color: #96999d;
	background: #f7f7f7;
}

.skin-black-white h1, .skin-black-white h2, .skin-black-white h3, .skin-black-white h4, .skin-black-white h5, .skin-black-white h6 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.13);
	color: #57595e;
}

.skin-black-white a { color: #505050; }

.skin-black-white .post-content ol,
.skin-black-white a:hover { color: #1b1c21; }

.skin-black-white #header-wrap { border-bottom: 1px solid #3B3E44; }

.skin-black-white #header nav a { color: #fff; }
.skin-black-white #header nav .sfHover a,
.skin-black-white #header nav a:hover { color: #b4b4b4; }

.skin-black-white #header nav .sub-menu li.menu-item-ancestor a {
	background-image: url(../images/dark-header-nav-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 24px;
}

.skin-black-white #header nav .sub-menu li.menu-item-ancestor li a {
	background-image: none;
	padding-right: 15px;
}

.skin-black-white .widget-title,
.skin-black-white #logo a { color: #57595e; }

.skin-black-white .post-content li,
.skin-black-white .page-title { color: #a4a6ab; }

.skin-black-white .page-title { border-bottom: 1px solid #e9e9e9; }

.skin-black-white #header-wrap,
.skin-black-white #footer-wrap { background: #35383e; }

.skin-black-white #content { border-right: 1px solid #e9e9e9; }

.skin-black-white #sidebar { border-left: 1px solid #e9e9e9; }

.skin-black-white .hentry { border-bottom: 1px solid #e9e9e9; }

.skin-black-white #comments { border-top: 1px solid #e9e9e9; }

.skin-black-white #footer-wrap { border-top: 1px solid #3b3e44; }

.skin-black-white #header nav .sub-menu a,
.skin-black-white #header nav .sub-menu .sfHover li a { 
	color: #adadad; 
	background: #4f5258;
}

.skin-black-white #header nav .sub-menu a:hover,
.skin-black-white #header nav .sub-menu .sfHover a,
.skin-black-white #header nav .sub-menu .sfHover li a:hover { 
	color: #fff; 
	background: #6c6e73;
}

.skin-black-white #searchform input {
	background: #f7f7f7 url(../images/light-search-icon.png) center right no-repeat;
	border: 1px solid #d8d8d8;
	color: #919599;
}

.skin-black-white .pagination a,
.skin-black-white .pagination span {
	background: #e8e8e8;
	color: #9c9fa2;
}

.skin-black-white #respond #submit,
.skin-black-white .pagination a:hover,
.skin-black-white .pagination .current {
	color: #fff;
	background: #57595e;
}

.skin-black-white #footer-widgets { 
	background: #32343a; 
	color: #a4a6ab;
}

.skin-black-white #footer-widgets a,
.skin-black-white #footer-wrap a { color: #fff; }

.skin-black-white #footer-widgets a:hover,
.skin-black-white #footer-wrap a:hover { color: #d5d5d6; }

.skin-black-white #footer-widgets .widget-title { 
	color: #fff; 
	text-shadow: none;
}

.skin-black-white blockquote { border-left: 3px solid #32343a; }

.skin-black-white blockquote p { color: #626262; }

.skin-black-white #home-slider-wrap { margin-top: -55px; }

.skin-black-white #home-slider .pager a:hover,
.skin-black-white #home-slider .pager a.activeSlide { background: #b2b2b2; }