/**
 * Responsive Pro Skin File
 *
 * Orange Skin
 *
 * Please do not edit this file. This file is part of the Cyber Chimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category Responsive Pro Framework
 * @package  Framework
 * @since    1.0
 * @author   CyberChimps
 * @license  http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
 * @link     http://www.cyberchimps.com/
 */
/* ==================================== MENU ================================================== */
.menu {
	background-color: #fe811a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9d4d), to(#fe811a));
	background-image: -webkit-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: -moz-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: -ms-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: -o-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: linear-gradient(to top, #fe9d4d, #fe811a);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fe9d4d, endColorstr=#fe811a)";
}

.menu a {
	border-left: 1px solid #e46801;
	text-shadow: 0 -1px 0 #e46801;
}

.menu a:hover,
ul.menu > li:hover,
.menu .current_page_item a,
.menu .current-menu-item a,
.front-page .menu .current_page_item a {
	background-color: #fe811a;
	background-image: none;
	filter: none;
}

@media screen and (max-width: 650px) {
	.js .main-nav {
		background-color: #fe811a;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9d4d), to(#fe811a));
		background-image: -webkit-linear-gradient(top, #fe9d4d, #fe811a);
		background-image: -moz-linear-gradient(top, #fe9d4d, #fe811a);
		background-image: -ms-linear-gradient(top, #fe9d4d, #fe811a);
		background-image: -o-linear-gradient(top, #fe9d4d, #fe811a);
		background-image: linear-gradient(to top, #fe9d4d, #fe811a);
  		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fe9d4d, endColorstr=#fe811a)";
	}
}

/* ==================================== PAGE ELEMENTS ================================================== */
blockquote {
	border-left: 4px solid #fe811a;
}

.call-to-action a.blue,
input[type='reset'],
input[type='button'],
input[type='submit'] {
	background-color: #fe811a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9d4d), to(#fe811a));
	background-image: -webkit-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: -moz-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: -ms-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: -o-linear-gradient(top, #fe9d4d, #fe811a);
	background-image: linear-gradient(to top, #fe9d4d, #fe811a);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fe9d4d, endColorstr=#fe811a)";
	border: 1px solid #b15001;
	color: #ffffff;
	text-shadow: 0 -1px 0 #b15001;
}

.call-to-action a.blue:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
	background-color: #fe811a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#feb980), to(#fe811a));
	background-image: -webkit-linear-gradient(top, #feb980, #fe811a);
	background-image: -moz-linear-gradient(top, #feb980, #fe811a);
	background-image: -ms-linear-gradient(top, #feb980, #fe811a);
	background-image: -o-linear-gradient(top, #feb980, #fe811a);
	background-image: linear-gradient(to top, #feb980, #fe811a);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#feb980, endColorstr=#fe811a)";
	border: 1px solid #b15001;
	color: #ffffff;
	text-shadow: 0 -1px 0 #b15001;
}

a {
	color: #fe811a;
}

a:hover {
	color: #e46801;
}