/* McMenu (Red/Yellow/Brown) */
/* separated-layout: true */
/* Based on Ronald McDonald - McDonald's colors with burger brown (DOS palette) */

body {
    background-color: #AA5500; /* Brown outer background - burger brown! */
    color: #FFFFFF; /* White text - DOS palette */
}

#menu-box {
    background-color: #AA0000; /* Red menu background - McDonald's red - DOS palette (2.32% of image) */
}

.border-accent {
    border-color: #FFFF55;
}

.menu-content {
    color: #FFFFFF; /* White text - DOS palette */
    background-color: #AA0000; /* Red menu background */
}

.menu-title {
    color: #FFFF55; /* Yellow title text - DOS palette */
    background-color: #AA0000; /* Red background */
}

.menu-item {
    color: #FFFFFF; /* White menu text - DOS palette */
    background-color: #AA0000; /* Red background */
}

.menu-item:hover {
    background-color: #FFFF55; /* Yellow background on hover - DOS palette */
    color: #AA0000; /* Red text on hover */
}

.menu-item.selected {
    background-color: #FFFF55; /* Yellow background when selected - DOS palette */
    color: #AA0000; /* Red text when selected */
}

.menu-help {
    color: #FFFF55; /* Yellow help text - DOS palette */
    background-color: #AA0000; /* Red footer background */
}

/* Inset effect - add padding to outer td elements with matching interior colors */
#menu-box-outer .header-outer {
    background-color: #AA0000; /* Red background matching header */
    padding: 3px 9px 3px 3px !important;
}
/* commented backslash hack v2 - modern browsers get padding: 3px, hidden from IE5 Mac \*/
#menu-box-outer .header-outer {
    padding: 3px !important;
}
/* end hack */

#menu-box-outer .content-outer {
    background-color: #AA0000; /* Red background matching content */
    padding: 3px 9px 3px 3px !important;
}
/* commented backslash hack v2 - modern browsers get padding: 3px, hidden from IE5 Mac \*/
#menu-box-outer .content-outer {
    padding: 3px !important;
}
/* end hack */