/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/


/* Layout
----------------------------------------------------------------------------------------------------*/

body { background: #252320; }

#block-toolbar { background: #100c0a; }

#block-headerbar {
	background: #2b1b14;
	background: url(../images/headerbar.png) 50% 50% repeat,
				url(../images/gradient.svg) 50% 0 no-repeat,
				url(../images/wood_bg.jpg) 50% 0 repeat,
				#674431;
	background-size: 100% 100%, 100% 100%, 1000px 515px;
}

#block-top-a {
	background: #674431 url(../images/wood_bg.jpg) 50% 0 repeat;
	background: url(../images/gradient.svg) 50% 0 no-repeat,
				url(../images/wood_bg.jpg) 50% 0 repeat,
				#674431;
	background-size: 100% 100%, 1000px 515px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
}

#block-main { background: #f5f4f2; }

#block-bottom { background: #2d2a27; }

#block-footer {
	border-top: 1px solid #23201f;
	background: #252320;
}


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown .dropdown-bg > div { background: #191919; }

.menu-dropdown a.level1,
.menu-dropdown span.level1 { color: #a29d9c; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
	background: #160e0a;
	background: rgba(0,0,0,0.15);
	box-shadow: 1px 0 0 rgba(255,255,255,0.04),
				-1px 0 0 rgba(255,255,255,0.04),
				inset 0 0 5px rgba(0,0,0,0.08);
	color: #fff;
}

.menu-dropdown  li.parent.remain > .level1 > span,
.menu-dropdown  li.level1.parent:hover > .level1 > span { background: url(../images/menu_dropdown_level1_parent.png) 50% 100% no-repeat; }


/* Modules
----------------------------------------------------------------------------------------------------*/


/* Tools
----------------------------------------------------------------------------------------------------*/

#top-a .button-primary,
#top-a .button-default,
#top-a form.style button,
#top-a form.style input[type='button'],
#top-a form.style input[type='submit'] {  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.7); }

#top-a .mod-plain .button-primary:hover,
#top-a .mod-plain .button-primary:active {
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.8),
				inset 0 0 1px rgba(0,0,0,1),
				0 1px 0 rgba(255,255,255,0.3);
}

#top-a .mod-plain .button-default:hover,
#top-a form.style button:hover,
#top-a form.style input[type='button']:hover,
#top-a form.style input[type='submit']:hover,
#top-a .mod-plain .button-default:active,
#top-a form.style button,
#top-a form.style input[type='button']:active,
#top-a form.style input[type='submit']:active {
	box-shadow: inset 0 0 0 1px rgba(50,35,25,0.8),
				inset 0 0 5px rgba(50,35,25,1),
				0 1px 0 rgba(255,255,255,0.2);
}


/* System
----------------------------------------------------------------------------------------------------*/

.searchbox input:-moz-placeholder { color: #a29d9c; }
.searchbox input::-webkit-input-placeholder { color: #a29d9c; }
.searchbox input.placeholder { color: #a29d9c; }

.searchbox .results { background: #191919; }

.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }