/* 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
----------------------------------------------------------------------------------------------------*/

body#page {
	/* background: #FFF; */
}

a, h1 {
	color: #ff6600;
}
h3.module-title {
	color: #56595e;
}
h4 {
	margin-bottom: 0;
}
h4 + h4 {
	margin: 5px 0 0 0;
}


a:hover, code {
	color: #996666;
}

::-moz-selection {
background-color: #996666;
}
::selection {
	background-color: #996666;
}
ins, mark {
	background-color: #8CBF59;
}
/* Layout
----------------------------------------------------------------------------------------------------*/

#image {
	margin: 0 10px;
	background: transparent;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

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

.menu-dropdown li.level1.active a.level1, 
.menu-dropdown li.level1.active span.level1 {
	border-top-color: #ea5f03;
	border-bottom-color: #e58516;
	background: #ff6600;
	background: -webkit-linear-gradient(top, #ff6600, #ff9820);
	background: -moz-linear-gradient(top, #ff6600, #ff9820);
	background: -o-linear-gradient(top, #ff6600, #ff9820);
	background: linear-gradient(to bottom, #ff6600, #ff9820);
}
#page .menu-dropdown li.level1.active a.level1 > span, 
#page .menu-dropdown li.level1.active span.level1 > span {
	border-color: #ea5f03;
	box-shadow: inset -1px 0 0 #ff9820,  inset 1px 0 0 #ff9820;
}
.menu-dropdown .dropdown-bg > div {
	background: #f6f6f6;
}
.menu-dropdown a.level2:hover {
    background: #ffd7a9;
}
.menu-dropdown li.level2 a.current.level2 {
	border-color: #ea5f03;
	border-top-color: #ea5f03;
	background: #ff6600;
	background: -webkit-linear-gradient(top, #ff6600, #ff9820);
	background: -moz-linear-gradient(top, #ff6600, #ff9820);
	background: -o-linear-gradient(top, #ff6600, #ff9820);
	background: linear-gradient(to bottom, #ff6600, #ff9820);
}
.menu-dropdown a.level3:hover, 
.menu-dropdown a.current.level3 {
    color: #ff6600;
}

.module.mod-box .menu-sidebar li.level1 > .active.level1,  
.module.mod-box .menu-sidebar li.level1 > .current.level1 {
	border-color: #ea5f03;
	border-top-color: #ea5f03;
	background: #ff6600;
	background: -webkit-linear-gradient(top, #ff6600, #ff9820);
	background: -moz-linear-gradient(top, #ff6600, #ff9820);
	background: -o-linear-gradient(top, #ff6600, #ff9820);
	background: linear-gradient(to bottom, #ff6600, #ff9820);
}

.module.mod-box .menu-sidebar li.level1.parent > .level1.active,  
.module.mod-box .menu-sidebar li.level1.parent > .level1.current {
	border-bottom-color: #ff6600;
}
.module.mod-box .menu-sidebar li.level1:last-child > .active.level1,  
.module.mod-box .menu-sidebar li.level1:last-child > .current.level1 {
	border-bottom-color: #ff9820;
}
.module.mod-box .menu-sidebar li.level1:first-child > .active.level1,  
.module.mod-box .menu-sidebar li.level1:first-child > .current.level1 {
	border-top: 1px solid #ff6600;
}
.module.mod-box-black .menu-sidebar li.level1 > .active.level1,  
.module.mod-box-black .menu-sidebar li.level1 > .current.level1 {
	border-bottom-color: #ff9820;
}
.menu-sidebar li.parent .level1 > span {
	background-image: url(../images/menu_sidebar_parent.png);
}
.module.mod-box-black .menu-sidebar li.parent .level1 > span {
	background-image: url(../images/menu_sidebar_parent_black.png);
}

.menu-sidebar ul.level2 a {
	background-image: url(../images/menu_sidebar_level2.png);
}
.menu-sidebar ul.level2 a:hover,  
.menu-sidebar ul.level2 a.current {
	color: #ff6600;
}
/* Modules

----------------------------------------------------------------------------------------------------*/



.module .badge {
	background-image: url(../images/module_badges.png);
}
.mod-box-color .badge,  .mod-box-colorheader .badge {
	background-image: url(../images/module_badges_color.png);
}
.module .module-title .icon {
	background-image: url(../images/module_icons.png);
}
.mod-box-color .module-title .icon,  .mod-box-colorheader .module-title .icon {
	background-image: url(../images/module_icons_color.png);
}
.mod-box-header.mod-box-color .module-title {
	border-bottom-color: #6D9B3C;
	background-color: #80B647;
}
.mod-box-color {
	background: #8DC059;
}
.mod-box-color,  .mod-box-header.mod-box-color .module-title {
	background: -webkit-linear-gradient(top, #8DC059, #80B647);
	background: -moz-linear-gradient(top, #8DC059, #80B647);
	background: -o-linear-gradient(top, #8DC059, #80B647);
	background: linear-gradient(to bottom, #8DC059, #80B647);
}
.mod-box-color a {
	color: #5F8339;
}
.mod-box-color em.box {
	background-color: #79A949;
	border-color: #6D9B3C;
}
 .mod-box-color::-moz-selection {
background: #D165A9;
}
.mod-box-color::selection {
	background: #D165A9;
}
/* Tools

----------------------------------------------------------------------------------------------------*/



.color1 {
	color: #8CBF59;
}
.color2 {
	color: #D165A9;
}
form.style button:hover,  form.style input[type="button"]:hover,  form.style input[type="submit"]:hover,  .mod-box-color form.style button,  .mod-box-color form.style input[type="button"],  .mod-box-color form.style input[type="submit"],  .button-default:hover,  .button-primary,  .mod-box .button-primary {
	border-color: #7AA743;
	border-bottom-color: #6B943B;
	background: #8DC059;
	background: -webkit-linear-gradient(top, #8DC059, #80B647);
	background: -moz-linear-gradient(top, #8DC059, #80B647);
	background: -o-linear-gradient(top, #8DC059, #80B647);
	background: linear-gradient(to bottom, #8DC059, #80B647);
}
form.style button:active,  form.style input[type="button"]:active,  form.style input[type="submit"]:active,  .button-default:active {
	background: #80B647;
	background: -webkit-linear-gradient(top, #80B647, #8CBF58);
	background: -moz-linear-gradient(top, #80B647, #8CBF58);
	background: -o-linear-gradient(top, #80B647, #8CBF58);
	background: linear-gradient(to bottom, #80B647, #8CBF58);
}
.mod-box-color form.style button:hover,  .mod-box-color form.style input[type="button"]:hover,  .mod-box-color form.style input[type="submit"]:hover,  .button-primary:hover {
	border-color: #7AA743;
	border-bottom-color: #668B38;
	background: #80B647;
	background: -webkit-linear-gradient(top, #80B647, #7AAC44);
	background: -moz-linear-gradient(top, #80B647, #7AAC44);
	background: -o-linear-gradient(top, #80B647, #7AAC44);
	background: linear-gradient(to bottom, #80B647, #7AAC44);
}
.mod-box-color form.style button:active,  .mod-box-color form.style input[type="button"]:active,  .mod-box-color form.style input[type="submit"]:active,  .button-primary:active {
	border-color: #69973C;
	background: #7AAC44;
	background: -webkit-linear-gradient(top, #7AAC44, #80B547);
	background: -moz-linear-gradient(top, #7AAC44, #80B547);
	background: -o-linear-gradient(top, #7AAC44, #80B547);
	background: linear-gradient(to bottom, #7AAC44, #80B547);
}
.mod-box-color form.style input[type="text"],  .mod-box-color form.style input[type="password"],  .mod-box-color form.style select,  .mod-box-color form.style textarea {
	border-color: #6A953E;
}
.mod-box-color form.style input[type="text"]:focus,  .mod-box-color form.style input[type="password"]:focus,  .mod-box-color form.style select:focus,  .mod-box-color form.style textarea:focus {
	border-color: #6A953E;
}
.social-icons li a {
	background-image: url(../images/tools/icons_social.png);
}
/* System

----------------------------------------------------------------------------------------------------*/



#system .item > .links a:hover {
	border-color: #7AA743;
	border-bottom-color: #6B943B;
	background: #8DC059;
	background: -webkit-linear-gradient(top, #8DC059, #80B647);
	background: -moz-linear-gradient(top, #8DC059, #80B647);
	background: -o-linear-gradient(top, #8DC059, #80B647);
	background: linear-gradient(to bottom, #8DC059, #80B647);
}
#system .item > .links a:active {
	background: #80B647;
	background: -webkit-linear-gradient(top, #80B647, #8CBF58);
	background: -moz-linear-gradient(top, #80B647, #8CBF58);
	background: -o-linear-gradient(top, #80B647, #8CBF58);
	background: linear-gradient(to bottom, #80B647, #8CBF58);
}
.searchbox .results li.more-results:hover {
	color: #8CBF59;
}
.searchbox .results li.result.selected {
	border-color: #78A34C;
	border-top-color: #78A34C;
	background: #8DC059;
	background: -webkit-linear-gradient(top, #8DC059, #80B647);
	background: -moz-linear-gradient(top, #8DC059, #80B647);
	background: -o-linear-gradient(top, #8DC059, #80B647);
	background: linear-gradient(to bottom, #8DC059, #80B647);
}
#system span.highlight {
	background-color: #8CBF59;
}
/* Extensions

----------------------------------------------------------------------------------------------------*/



.wk-slideset-sync .nav.icon span {
	background-image: url(../images/widgetkit/nav.png);
}
