/*********
 * Menus *
 *********/

/* this controls the general appearance of the menubar */
.menubar {
    background-image: -gtk-gradient (linear,
				     left top, left bottom,
				     from (#2D2D2D),
				     color-stop (0.99, #2E2E2E),
				     to (#171717);
    border-width: 0;
    border-style: none;
    padding: 4;
    color: #fff;

    -GtkWidget-window-dragging: true;
    -GtkMenuBar-internal-padding: 0;
}

/* remove the image from the prelight areas */
.menubar.menuitem:prelight {
    background-color:#2E2E2E;
   


    border-style: outset;
    border-radius: 0;
    border-width: 1;
    border-color: #1B1B1B;
}

.menubar.menuitem {
    border-width: 1;
    border-style: none;
}

.menu {
    padding: 1;
    background-color: @menu_color;
    border-style: solid;
    border-width: 1;
    border-radius: 0;
    border-color: @menu_color;
    -unico-inner-stroke-color: @menu_color;

    -GtkMenuItem-arrow-scaling: 0.4;
    color: #fff;

}

.menu.menuitem {
    -unico-menuitem-arrow-color: @menu_controls_color;
    font: bold;
    padding: 2;
}

.menuitem.accelerator {
    color: alpha (#FFF, 0.66);
}

.menuitem.accelerator:prelight,
.menuitem.accelerator:active {
    color: alpha (@theme_base_color, 0.49);
}

.menuitem:insensitive {
    color: alpha (#000, 0.40);
}

.menuitem:active,
.menuitem:prelight {
    color: @selected_fg_color;
    border-style: solid;
    border-width: 1;
    border-radius: 0;

    background-image: -gtk-gradient (linear,
                    left top,
                    left bottom,
                    from (shade (@selected_bg_color, 1.20)),
                    to (shade (@selected_bg_color, 0.88)));

    -unico-border-gradient: -gtk-gradient (linear,
                    left top, left bottom,
                    from (shade (@selected_bg_color, 1.30)),
                    to (shade (@selected_bg_color, 0.98)));

    -unico-inner-stroke-color:              alpha (#fff, 0.00);

}

.menu.separator {
    -unico-border-gradient: -gtk-gradient (linear,
                                             left top, right top,
                                             from (alpha (@base_color, 0.00)),
                                             color-stop (0.30, alpha (@base_color, 0.25)),
                                             color-stop (0.50, alpha (@base_color, 0.30)),
                                             color-stop (0.70, alpha (@base_color, 0.25)),
                                             to (alpha (@base_color, 0.00)));

    -GtkSeparatorMenuItem-horizontal-padding: 0;
    -GtkWidget-separator-height: 1;
}

/* menu radio and check items are drawn differently */
.menu.check:active {
    color: @menu_controls_color;
}

.menu.radio:active {
    color: @menu_controls_color;
}

.menu.check:prelight {
    color: @theme_selected_fg_color;
}

.menu.radio:prelight {
    color: @theme_selected_fg_color;
}

