/*
    RMenu Public CSS
    This is the CSS that's included for the site visitor

*/


/* 
    Separator
    This is the divider between sections on the menu
*/

.rmenu_category_separator {
    width:              90%;
    height:             2px;
    margin:             0 auto 10px;
    background:         #003C00;
}


/*
    Category Styles
    These are the styles that apply to category names, headers and footers
*/

.rmenu_category_name {
    font-size:          1.8em;
    font-weight:        bold;
    color:              #005C00;
    text-align:         center;
    line-height:        1.2em;
    margin-bottom:      5px;
}

.rmenu_category_header {
    font-size:          1.1em;
    font-weight:        bold;
    text-align:         center;
    line-height:        1.2em;
    margin-bottom:      10px;
}

.rmenu_category_footer {
    font-size:          0.9em;
    font-style:         italic;
    text-align:         center;
    line-height:        1.2em;
    margin-bottom:      10px;
}



/* 
    Column Styles
    These are the styles that define the number of columns of categories.
    It is advisable to have the percentages add up to less than 100% in case of rounding problems.
*/

.rmenu_item_1_col {
    width:              100%;
    clear:              both;
}

.rmenu_item_2_col {
    width:              48%;
    float:              left;
    margin:             0 10px 10px 0;
}

.rmenu_item_3_col {
    width:              33%;
    float:              left;
    margin:             0 10px 10px 0;
}

.rmenu_item_4_col {
    width:              24%;
    float:              left;
    margin:             0 10px 10px 0;
}


/* 
    Item Styles
    These are the styles that apply to items.
*/

.rmenu_item_price {
    float:              right;
    margin-left:        10px;
    font-weight:        bold;
}

.rmenu_item_name {
    font-weight:        bold;
    color:              #005C00;
}

.rmenu_item_description {
    font-size:          0.9em;
}

ul.rmenu_item_varieties {
    padding-left:       3.0em;
    list-style-type:    square;
    list-style-position:inside;
    font-size:          0.9em;
}

ul.rmenu_item_varieties li {
    text-indent:        -2.0em;
}

.rmenu_item_price_name {
    font-size:          0.9em;
}