/*----------------------------------------------------------*/
/* Rosas Pizza Menu Styles "menu.css" */
/* Author: Steve Pettee, Glacier Web Creative */
/* www.GlacierWebCreative.com */
/*----------------------------------------------------------*/



ul {
    list-style: none;
    }

.bold {
    font: italic bold 18px "times new roman";
    text-decoration: underline;
    }
    
.decor {
    color: #e71823;
    }
    
.space 
    

    
    
/*-- Menuu Div --*/
div#menu {
     width: 95%;
     margin: 0 2.5% 0 2.5%;
     }
    
div#menu h1, div#menu h2{
    width: 100%;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-family: "times new roman";
    }
    
    
/*-- Specialty Pizzas Div --*/

div#specialty {
    padding-left: 25px;
    }

div#specialty div#combos-head {
    position: relative;
    width: 540px;
    height:  180px;
    display: inline-block;
    margin: 0 0 0 0;
    } 

div#specialty h1 {
    position: absolute;
    top: 30px;
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    font-style: italic;
    font-weight: bold;
    font-family: "times new roman";
    
    }
    
div#specialty img#pizza-menu-header-image {
    display: inline-block;
    margin: 40px 0px 0px 0px;
    }

ul#specialtyprices {
    position: absolute;
    top: 100px;
    left: 65px;
    width: 400px;
    height: 50px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    }
    
ul#specialtyprices li {
    float: left;
    width: 20%;
    }
    
ul#specialtypizzasleft {
    float: left;
    width: 43%;
    margin-left: 3%;
    text-align: center;
    }

ul#specialtypizzasright {
    float: right;
    width: 43%;
    margin-right: 3%;
    text-align: center;
    }    

ul#specialtypizzasleft li, ul#specialtypizzasright li {
    padding-bottom: 8px;
    }

ul#specialtypizzasleft li span, ul#specialtypizzasright li span {
    font: italic bold 18px "times new roman";
    text-decoration: underline;
    }
        
       
/*--Pizza Div --*/
div#pizza {
     width: 100%;
     margin: 0 0 30px 0;
     }
    
div#pizza h1 {
    padding: 60px 0 15px 0;
    }
    
ul#pizzasizes, ul#pizzaprices {
    width: 100%;
    float: left;
    }
    
ul#pizzasizes li {
    float: left;
    width: 13%;
    text-align: center;
    }
    
ul#pizzaprices li {
    float: left;
    width: 13%;
    text-align: center;
    padding-right: 0px;
    }    
    
ul#pizzasizes li#sizehdr, ul#pizzaprices li#priceshdr {
    text-align: right;
    width: 22%;
    padding-right: 0;
    }
    
div#pizza p {
    clear: both;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0 10px 0;
    }
    
div#pizza h2 {
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
    }
    

    
/*-- Salads Breads Treats Beverages Div --*/

div#saladbreadother ul {
    width: 43%;
    padding-top: 35px;
    padding-bottom: 10px;
    }
    
div#saladbreadother ul li.xtrspc {
    padding-bottom: 10px;
    }

div#saladbreadother ul#salad {
    float: left;
    margin-left: 3%;
    }
    
div#saladbreadother ul#calzone {
    float: right;
    margin-right: 3%;
    }
    
div#saladbreadother ul#sandwich {
    float: right;
    margin-right: 3%;
    }
    
div#saladbreadother ul#bread {
    
    float: right;
    margin-right: 3%;
    margin-top: -20px;
    }
    
div#saladbreadother ul#wings {
    float: left;
    margin-left: 3%;
    margin-top: 0px;
    }
    
div#saladbreadother ul#dessert {
    
    float: right;
    margin-right: 3%;
    }    
    
div#saladbreadother ul li {
    text-align: center;
    }
    
div#saladbreadother ul li h2 {
    padding-bottom: 10px;
    }
    
div#saladbreadother li span.lt {
    float: left;
    }
    
div#saladbreadother li span.rt {
    float: right;
    }
    
div#saladbreadother li br {
    clear: both;
    }
    
div#saladbreadother li span.custhdr {
    text-decoration: underline; 
    font-size:  18px;
    font-style: italic;
    font-weight: bold;
    }
    
    
/* change font size and wrapper size for 481-749 pixels screen
****************************************************************/

@media screen and (min-width: 481px) and (max-width: 749px) {
     .bold {
          font: italic bold 14px "times new roman";
          text-decoration: underline;
     }
}

@media screen and (min-width: 481px) and (max-width: 660px) {
     #saladbreadother ul li h2 {
          font: normal 15px/18px "times new roman";
          text-align: center;
          font-style: italic;
          font-weight: bold;
    }
}     
     
@media screen and (min-width: 661px) and (max-width: 850px) {
     #saladbreadother ul li h2 {
          font: normal 17px/20px "times new roman";
          text-align: center;
          font-style: italic;
          font-weight: bold;
    }
}