/************************************************

 red Color

************************************************/

body#skin-red,
#skin-red .header-widget .widget {
	background-color: #fff;
	color: #666;
}

#skin-red .widget-title span.ico,
#skin-red #site-navigation-toggle,
#skin-red .slider-nav__item:hover,
#skin-red .slider .slider-nav__item--current,
#skin-red .form-submit input,
#skin-red .more-link,
#skin-red .slider-arrows a,
#skin-red #page .full-width-nav,
#skin-red .widget_calendar td#today,
#skin-red .site-footer .site-info {
	background-color: #df1004;
}

#skin-red .site-footer .site-info {
	background-color: #a8170e;
}

#skin-red .entry-title,
#skin-red a:link,
#skin-red a:visited,
#skin-red .nav-menu a:link,
#skin-red .nav-menu a:visited {
	color: #a8170e;
}

#skin-red #page .more-link,
#skin-red #page .full-width-nav a,
#skin-red .site-footer .site-info,
#skin-red .site-footer .site-info a {
	color: #fff;
}

#skin-red #page .full-width-nav ul li {
	border-color: #fff; 
}

/************************************************

 Brown Color

************************************************/

body#skin-brown,
#skin-brown .header-widget .widget {
	background-color: #d6cdba;
	color: #361513;
}

#skin-brown .widget-title span.ico,
#skin-brown #site-navigation-toggle,
#skin-brown .slider-nav__item:hover,
#skin-brown .slider .slider-nav__item--current,
#skin-brown .form-submit input,
#skin-brown .more-link,
#skin-brown .widget_calendar td#today,
#skin-brown #page .full-width-nav,
#skin-brown .site-footer .site-info {
	background-color: #8b1b1b;
}

#skin-brown .slider-arrows a,
#skin-brown .site-footer .site-info {
	background-color: #440d09;
}

#skin-brown .entry-title,
#skin-brown a:link,
#skin-brown a:visited,
#skin-brown .nav-menu a:link,
#skin-brown .nav-menu a:visited {
	color: #a13820;
}

#skin-brown .widget-title {
	border-bottom-color: #d6cdba; 
}

#skin-brown #page .more-link,
#skin-brown #page .full-width-nav a,
#skin-brown .site-footer .site-info,
#skin-brown .site-footer .site-info a {
	color: #fff;
}

#skin-brown #page .full-width-nav ul li {
	border-color: #d6cdba; 
}

/************************************************

 Pink Color

************************************************/

body#skin-pink,
#skin-pink .header-widget .widget {
	background-color: #f0d5ce;
	color: #333;
}

#skin-pink .widget-title span.ico,
#skin-pink #site-navigation-toggle,
#skin-pink .slider-nav__item:hover,
#skin-pink .slider .slider-nav__item--current,
#skin-pink .form-submit input,
#skin-pink .more-link,
#skin-pink .slider-arrows a,
#skin-pink .widget_calendar td#today,
#skin-pink #page .full-width-nav,
#skin-pink .site-footer .site-info {
	background-color: #e73d60;
}

#skin-pink .entry-title,
#skin-pink a:link,
#skin-pink a:visited,
#skin-pink .nav-menu a:link,
#skin-pink .nav-menu a:visited {
	color: #d81b41;
}

#skin-pink .hentry,
#skin-pink #primary .widget,
#skin-pink #secondary .widget {
    border: 1px solid #fff;
}

#skin-pink .widget-title {
	color: #666;
	border-bottom-color: #666; 
}

#skin-pink #page .more-link,
#skin-pink #page .full-width-nav a,
#skin-pink .site-footer .site-info,
#skin-pink .site-footer .site-info a {
	color: #fff;
}

#skin-pink #page .full-width-nav ul li {
	border-color: #fff; 
}

/************************************************

 Black Color

************************************************/

body#skin-black {
	background-color: #444;
}

#skin-black,
#skin-black #colophon a:link,
#skin-black #colophon a:visited,
#skin-black #page a:link,
#skin-black #page a:visited,
#skin-black .entry-title,
#skin-black .entry-title a,
#skin-black .widget_search #s {
	color: #fff;
}

#skin-black .hentry,
#skin-black #primary .widget,
#skin-black #secondary .widget {
    border: 1px solid #000;
}

#skin-black #site-navigation ul,
#skin-black #site-navigation li {
	border-top-color: #000;
	border-bottom-color: #000; 
}

#skin-black .widget-title {
	border-bottom-color: #fff; 
}

#skin-black #site-navigation ul {
	border-left-color: #000; 
	border-right-color: #000; 
}

#skin-black #site-navigation:after {
	border-top-color: #000; 
	border-right-color: #000;
}

#skin-black .widget-title span.ico,
#skin-black #site-navigation-toggle,
#skin-black .slider-nav__item:hover,
#skin-black .slider .slider-nav__item--current,
#skin-black .more-link,
#skin-black .slider-arrows a,
#skin-black .widget_calendar td#today,
#skin-black .article-main,
#skin-black .foot-meta,
#skin-black #primary .widget,
#skin-black #secondary .widget,
#skin-black .comments-area,
#skin-black .pager {
	background-color: #000;
}

#skin-black .slider-nav__item:hover,
#skin-black .slider .slider-nav__item--current,
#skin-black .widget_calendar td#today {
	background-color: #CCC;
}

#skin-black a.more-link,
#skin-black .form-submit input {
	background-color: #555;
}

#skin-black .slider-arrows a {
	border: 1px solid #CCC;
}

#skin-black .widget_calendar td#today,
#skin-black .widget_calendar td#today a:link,
#skin-black .widget_calendar td#today a:visited {
	color: #000;
}

#skin-black .site-header .widget {
	background: #444;
}
#skin-black .site-footer .widget,
#skin-black .site-footer,
#skin-black .site-footer .site-info,
#skin-black #page .full-width-nav {
	background: #000;
}

#skin-black #page .full-width-nav ul li {
	border-color: #999;
}



/*****************************************

 Small Screen and iPhone Retina

*****************************************/

@media only screen and (max-width:640px),
       only screen and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2) {

	#skin-black #site-navigation:after {
		border-top-color: #000; 
		border-right-color: #000; 
		background-color: #000; 
	}

	#skin-black #site-navigation li {
		background-color: #000; 
		border-bottom-color: #ccc; 
	}

	#skin-pink #page .full-width-nav ul a {
		color: #d81b41;
	}

	#skin-brown #page .full-width-nav ul a {
		color: #a13820;
	}
	#skin-red #page .full-width-nav ul a {
		color: #a8170e;
	}

	#skin-pink #page .full-width-nav ul li,
	#skin-brown #page .full-width-nav ul li {
		border-top-color: #ABABAB;
		border-bottom-color: #ABABAB;
	}
	#skin-red #page .full-width-nav ul li {
		border-top-color: #CCC;
		border-bottom-color: #CCC;
	}


}