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

#block-toolbar { background: #181320; }

#block-headerbar { 
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background: #20192f;
	background: url(../images/headerbar.png) 50% 50% repeat,
				url(../images/gradient.svg) 50% 0 no-repeat,
				url(../images/frost_img.jpg) 50% 0 no-repeat,
				url(../images/frost_bg.jpg) 50% 0 repeat,
				#20192f;
	background-size: 100% 100%, 100% 600px, 2500px 600px, 200px 200px;
}

#block-top-a {
	background: #201d3a url(../images/frost_img.jpg) 50% 0 no-repeat;
	background: url(../images/gradient.svg) 50% 0 no-repeat,
				url(../images/frost_img.jpg) 50% 0 no-repeat,
				url(../images/frost_bg.jpg) 50% 0 repeat,
				#201d3a;
	background-size: 100% 100%, cover, 200px 200px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
}

#block-main { background: #f9f9f9; }

#block-bottom { background: #323138; }

#block-footer {
	border-top: 1px solid #28272d;
	background: #2a292f;
}


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

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

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

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { 
	background: #191919;
	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(60,60,110,0.5),
				inset 0 0 5px rgba(60,60,110,0.8), 
				0 1px 0 rgba(255,255,255,0.3);
}


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

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

.searchbox .results { background: #24212c; }

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

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