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


/* Full Yellow */

a {
    color: #FFEB9E;
}

h2,
h4,
ins,
code,
.menu-dropdown .level2 a.current,
.menu-dropdown .level2 a.current span.subtitle,
.menu-dropdown .level3 a.current,
.menu-sidebar li.level1>.level1>span,
.menu-sidebar .level2 a.current,
.menu-line a,
em.box,
#system .title a:hover,
.searchbox .results li.more-results,
#system span.highlight {
    color: #FFEB9E;
    text-shadow: 0 0 6px rgba(255, 144, 0, 0.5);
}


/* Light Yellow */

h1,
h3,
a:hover,
blockquote,
.menu-dropdown li.active .level1,
.menu-dropdown li.active .level1 span.subtitle,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level2:hover span.subtitle,
.menu-dropdown a.level3:hover,
.menu.menu-sidebar li.level1.active>.level1,
.menu.menu-sidebar li.level1.active>.level1:hover>span,
.menu-sidebar .level2 a:hover,
.mod-box-color .button-default,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input[type="submit"],
form.style button:hover,
form.style input[type="button"]:hover,
form.style input[type="submit"]:hover,
#system .title a,
.searchbox .results li.more-results:hover,
.searchbox .results li.result.selected,
.wk-slideshow-tabs-drive .nav li.active {
    color: #FFF9E5;
    text-shadow: 0 0 6px rgba(255, 144, 0, 0.5);
}


/* Dark Yellow */

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown li.level1:hover .level1 span.subtitle,
.menu-dropdown li.remain .level1 span.subtitle,
.menu-sidebar li.level1 .level1:hover>span,
.mod-box-color .menu.menu-sidebar li.level1>.level1:hover>span,
.mod-box-color .menu-sidebar .level2 a:hover,
.mod-box-color,
.mod-box-color h1,
.mod-box-color h3,
.mod-box-color a:hover,
.mod-box-color em.box,
.button-primary,
.mod-box-color form.style input,
.mod-box-color form.style select,
.mod-box-color form.style textarea,
#system .pagination strong {
    color: #4C462F;
}


/* Light Dark Yellow */

.mod-box-color .menu-sidebar li.level1>.level1>span,
.mod-box-color .menu-sidebar .level2 a,
.mod-box-color h4,
.mod-box-color h6,
.mod-box-color small {
    color: #84794E;
}


/* Module Color Link Color */

.mod-box-color h2,
.mod-box-color h5,
.mod-box-color a,
.mod-box-color em,
.mod-box-color code,
.mod-box-color .menu-sidebar .level2 a.current,
.button-primary:hover,
.mod-box-color .text-dark {
    color: #AB7910;
}


/* Selection */

::-moz-selection {
    background: rgba(255, 235, 158, 0.3);
    color: #FFF9E5;
}

::selection {
    background: rgba(255, 235, 158, 0.3);
    color: #FFF9E5;
}


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


/* System  White */

.system-white #content a {
    color: #c59400;
}

.system-white #content a:hover {
    color: #906c00;
}


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


/* Menu-Dropdown */

.menu-dropdown li.level1:hover,
.menu-dropdown li.level1.remain,
.menu-dropdown li.level1.remain:first-child,
.menu-sidebar li.level1 .level1:hover {
    background-color: #FFEB9E;
    box-shadow: inset 0 0 12px rgba(173, 112, 17, 0.8), inset 0 0 8px rgba(0, 0, 0, 0.3);
}

.menu-dropdown li.active .level1:before {
    background-image: url(../images/menu_dropdown_level1_active_color.png);
}

.menu-dropdown li.level2.current:before {
    background-image: url(../images/menu_dropdown_level2_active.png);
}

.menu-dropdown a.level3 {
    background-image: url(../images/menu_dropdown_level3.png);
}


/* Menu-Sidebar */

.menu.menu-sidebar li.level1.active>.level1,
.mod-box-color .menu.menu-sidebar li.level1.active>.level1 {
    background-color: #b2a77d;
    background-color: rgba(76, 70, 47, 0.3);
}

.menu-sidebar li.level1.active>.level1:before {
    background-image: url(../images/menu_sidebar_level1_active.png);
}

.mod-box-color .menu-sidebar li.level1.active>.level1:before {
    background-image: url(../images/menu_sidebar_level1_active_mod_color.png);
}

.menu-sidebar .level2 a {
    background-image: url(../images/menu_sidebar_level2.png);
}


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


/* Module Badges */

.module .badge {
    background-image: url(../images/module_badges.png);
}


/* Module Icons */

.module .module-title .icon {
    background-image: url(../images/module_icons.png);
}


/* Module Box Title */

.mod-box-color .module-title {
    text-shadow: none;
}


/* Module Box */

.mod-box-color,
.wk-slideset-drive li>article {
    background: #FFEB9E;
    background: -moz-radial-gradient(50% 50%, #FFF2C1 0%, #FFEB9E 90%);
    background: -webkit-radial-gradient(50% 50%, #FFF2C1 0%, #FFEB9E 90%);
    background: -o-radial-gradient(50% 50%, #FFF2C1 0%, #FFEB9E 90%);
    background: radial-gradient(at 50% 50%, #FFF2C1 50%, #FFEB9E 90%);
    box-shadow: inset 0 0 30px rgba(197, 154, 42, 0.5);
}

.mod-box-color code {
    text-shadow: none;
}

#footer:before,
.mod-box-effect:before {
    background: url(../images/mod_box_effect.png) 0 0 repeat-x;
}


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


/* Buttons */

.button-primary {
    background-color: #FFEB9E;
    box-shadow: inset 0 0 12px rgba(173, 112, 17, 0.8), inset 0 0 8px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
}

.button-primary:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0 12px rgba(173, 112, 17, 1), inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.mod-box-color .button-primary {
    border: 1px solid #bfb386;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 12px rgba(173, 112, 17, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.07), 0 1px 0 rgba(0, 0, 0, 0.07);
}

.mod-box-color .button-primary:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 12px rgba(173, 112, 17, 0.4), inset 0 0 8px rgba(0, 0, 0, 0.07);
}


/* List Line */

.mod-box-color ul.line>li,
.mod-box-color .comments-list>article,
.mod-box-color .wk-twitter-list article,
.mod-box-color ul.zoo-list>li,
.mod-box-color .zoo-comments-list>article {
    border-top: 1px solid #E5D491;
    border-top: 1px solid rgba(76, 70, 47, 0.1);
}

.mod-box-color ul.line>li:first-child,
.mod-box-color .comments-list>article:first-child,
.mod-box-color .wk-twitter-list article:first-child,
.mod-box-color ul.zoo-list>li:first-child,
.mod-box-color .zoo-comments-list>article:first-child {
    border: none;
}


/* List Line Icon */

#page ul.line-icon>li,
#page ul.line-icon>li:first-child {
    background-image: url(../images/tools/list_line_icon.png);
}


/* List Check */

ul.check>li {
    background-image: url(../images/tools/list_check.png);
}


/* List Zebra */

.mod-box-color ul.zebra>li.odd,
.mod-box-color ul.tag-cloud>li {
    background: #E4D28D;
    background: rgba(76, 70, 47, 0.1);
}

.mod-box-color ul.zebra>li:nth-of-type(odd) {
    background: #E4D28D;
    background: rgba(76, 70, 47, 0.1);
}


/* Inline Text Box */

ins,
em.box,
#system span.highlight,
p.links>a,
div.reply>a {
    background: #3C3C36;
    background: rgba(255, 235, 158, 0.1);
}

.mod-box-color ins,
.mod-box-color em.box {
    background: #E4D28D;
    background: rgba(76, 70, 47, 0.1);
}


/* Boxes */

.box-info {
    background-image: url(../images/tools/box_info.png);
}

.box-warning {
    background-image: url(../images/tools/box_warning.png);
}

.box-hint {
    background-image: url(../images/tools/box_hint.png);
}

.box-download {
    background-image: url(../images/tools/box_download.png);
}


/* Form Elements */

.mod-box-color form.style input,
.mod-box-color form.style select,
.mod-box-color form.style textarea {
    border: none;
    background-color: #E4D28D;
    background-color: rgba(76, 70, 47, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
}

.mod-box-color form.style input:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus {
    background-color: #665F44;
    background-color: rgba(76, 70, 47, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
}


/* Social Icons */

.social-icons li a {
    background-image: url(../images/tools/icons_social.png);
}


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


/* Searchbox */

.searchbox {
    background-image: url(../images/searchbox_magnifier.png);
}


/* Pagination */

#system .pagination strong {
    background-color: #FFEB9E;
    box-shadow: inset 0 0 8px rgba(173, 112, 17, 0.8), inset 0 0 3px rgba(0, 0, 0, 0.3);
}


/* Latest Comments */

#system #comments .comment-byadmin .comment-head {
    border-color: #FFEB9E;
}


/* Extensions
----------------------------------------------------------------------------------------------------*/


/* Widgetkit Spotlight */

.spotlight .overlay-default {
    background-color: rgba(255, 235, 158, 0.5);
}


/* Widgetkit Slideset : Drive */

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

.wk-slideset-drive>div .next,
.wk-slideset-drive>div .prev {
    background-image: url(../images/widgetkit/buttons.png);
}


/* Widgetkit Slideshow Tabs : Drive */

.wk-slideshow-tabs-drive .nav li.active:before {
    background-image: url(../images/widgetkit/color_line.png);
}

.cb_template {
    color: #efefef!important;
}





select, option, input, textarea, button { font-size: 14px; } 
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #444444!important;
    background-clip: padding-box!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.cb_template .form-control {
    background-color: #444444!important;
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #292929!important;
    border: 1px solid #292929!important;
}