/**
 * XClusive - Blue Styles
 *
 * @file blue.css
 * @package xclusive 
 * @author Hafid Trujillo
 * @copyright 2010-2015 Xpark Media
 * @license license.txt 
 * @version release: 0.1.0
 * @filesource  wp-content/plugins/image-store/_css/blue.css
 * @since available since 0.1.0
 */
 
/* =Global
-------------------------------------------------------------- */
a,
a:hover,
a:focus {
	color:#ff6702;
}

body{ 
	background-color:#77645A
}

/* =Header
-------------------------------------------------------------- */
#header {
	background: #e47d1e;
}
#top-nav li a,
#site-title a {
	color:#fff;
}
#site-description {
	color:#E2D2AF;
}

/* =Menus 
-------------------------------------------------------------- */
#main-nav {
	background: #3F260F;
	border-top:none;
}
#main-nav ul ul  {
	background: #3F260F;
}
#main-nav ul li a {
	color:#eee;
}
#main-nav ul ul li a {
	border-bottom-color:#6D5338;
}
#main-nav ul li:last-child a{
	border-bottom:none;
}
#main-nav ul li.show-submenu {
	background:#f5f5f5;
}
#main-nav ul li a:focus,
#main-nav ul li a:hover,
#main-nav ul li.show-submenu a {
	color:#3F260F;
	background:#F3E38F;
}

/* =Main search
-------------------------------------------------------------- */
body #main-nav .search-field {
	border-color:#185a79;
}

/* =Menus actions
-------------------------------------------------------------- */
#main-nav ul li.show-submenu > a {
	background-image:url(../_img/icons.png);
	background-position: 50% -106px;
	background-repeat:no-repeat;
}
#main-nav ul li.show-submenu li.show-submenu > a {
	background-position: 90% -46px;
}

/* =Content
-------------------------------------------------------------- */
h1.page-title,
h1.archive-title {
	color:#ff6702;
	text-shadow: 1px 1px 0px #fff;
}
h1.entry-title, 
h2.entry-title, 
h2.entry-title a{
	color:#ff6702;
	text-shadow: 1px 1px 0px #fff;
}
.entry-meta,
.entry-meta a {
	color: #666;
}

/* =Post formats
-------------------------------------------------------------- */
.mejs-controls .mejs-time-rail span.mejs-time-current {
	background-color:#d58d21;
}
.mejs-controls .mejs-time-rail span.mejs-time-loaded {
	background-color:#d54e21;
}
.format-chat .entry-content > p:nth-child(odd) {
	background-color:#f7f2e5;
}
.format-quote blockquote,
.format-link .entry-content,
.format-quote .entry-content,
.format-status .entry-content {
	background-color:#f7f2e5;
}

/* =Sticky
-------------------------------------------------------------- */
.post.sticky {
	background:#ebf0f2;
}

/* =Comments
-------------------------------------------------------------- */
#reply-title,
.comments-title {
	color:#ff6702;
}
.bypostauthor {
	background:#ebf0f2;
}

/* =Forms
-------------------------------------------------------------- */
.secondary,
input.secondary,
.button.secondary {
	background:#9cc9d8;
	border-color:#9cc9d8;
}
.secondary:focus,
.secondary:hover,
input.secondary:focus,
input.secondary:hover,
.button.secondary:focus,
.button.secondary:hover {
	background:#ff6702;
	border-color:#ff6702;
}
.primary,
input.primary,
.button.primary,
#commentform #submit {
	background:#e47d1E;
	border-color:#c45f02;
	color:#fff;
}
.primary:focus,
.primary:hover,
input.primary:focus,
input.primary:hover,
.button.primary:focus,
.button.primary:hover,
#commentform #submit:focus,
#commentform #submit:hover {
	background:#f3e38F;
	border-color:#ffed1f;
	color:#3f260f;
}
input[type=radio]:checked:before,
input[type=checkbox]:checked:before {
	color:#ff6702;
}

/* =Page links
-------------------------------------------------------------- */
.page-links a {
	background:#e47D1e;
	border-color:#ff6702;
	color:#fff;
}
#content .page-links a:focus,
#content .page-links a:hover {
	background:#FF6702;
}

/* =Social icons
-------------------------------------------------------------- */
#menu-social-default a { 
	background-image:url(../_img/social-orange.png);
}

/* =Screen resolution more than 650px
-------------------------------------------------------------- */
@media (min-width:651px) {
	#main-nav ul li:focus,
	#main-nav ul li:hover {
		color:#F3E38F;
		/*background:#F3E38F;*/
	}
	#main-nav ul li:focus > a,
	#main-nav ul li:hover > a {
		color:#F3E38F;
	}
	#main-nav ul li a:focus,
	#main-nav ul li a:hover {
		color:#3F260F;
	}
}

/* =Screen resolution less than 640px
-------------------------------------------------------------- */
@media (max-width:640px) {
	h5.menu-toggle a {
		color:#ddd;
	}
	#main-nav ul,
	#main-nav ul ul {
		background: #3F260F;
	}
	#main-nav ul li a,
	#main-nav ul ul li a {
		border-bottom-color:#5F442B;
		color:#e2edf2;
	}
	#main-nav ul li:focus a,
	#main-nav ul li:hover a,
	#main-nav ul ul li:last-child a {
		border-bottom:solid 1px #5F442B;
	}
	#main-nav.show-menu .menu-toggle {
		border-bottom:solid 1px #5F442B;
	}
}