/* 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: #2c2c2c; }

#block-toolbar { background: #333; }

#block-headerbar { 
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: #43665c;
	background: url(../images/headerbar.png) 50% 50% repeat,
				url(../images/spring_bg.jpg) 50% 0 repeat,
				#43665c;
}

#block-top-a{ 
	background: #648072 url(../images/spring_bg.jpg) 50% 0 repeat;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	background-size: cover;
}

#block-main { background: #f9f9f9; }

#block-bottom { background: #333; }

#block-footer {
	border-top: 1px solid #262626;
	background: #2c2c2c;
}


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

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

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

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
	background: #35534a;
	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 { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

#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.5),
				inset 0 0 1px rgba(0,0,0,0.5),
				0 1px 0 rgba(255,255,255,0.3);
}

#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.5); }

#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(65,75,70,0.6),
				inset 0 0 5px rgba(65,75,70,0.8),
				0 1px 0 rgba(255,255,255,0.3);
}


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

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

.searchbox .results { background: #333; }

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

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