@charset "utf-8";
/* CSS Document */
html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background:url(images/background_01.jpg) repeat-x;
background-color:RGB(202,206,154);
}
#bkg {
background:url(images/background_food.jpg) no-repeat;
background-position:top;

}
#bkg p {
text-align:center;
font:.7em/.9em Arial, Helvetica, sans-serif;

}


#container {
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
width:800px;
border:2px solid black;
}

#header {
width:800px;
min-height:259px;
padding:0;
margin:0;
}

#logo {
background:url(images/caldarazzos_pizzeria.jpg);
background-repeat:no-repeat;
background-position:top;
height:224px;
padding:0;
margin:0;
}

#menu {
background:url(images/menu_bkg2.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:center;
background-color:RGB(53,70,0);
min-height:14px;
padding:0;
margin:0;
}

#menu ul, #menu li {
font:.9em/1em Arial, Helvetica, sans-serif;
font-stretch:extra-expanded;
font-weight:bold;
font-style:italic;
list-style:none;
color:white;
padding:0 1em 0 0;
display:inline;
margin:0;
text-decoration:none;
}

#menu ul a:link, #menu li a:link, #menu ul a:visited, #menu li a:visited {
color:white;
text-decoration:none;
}


#menu ul a:hover, #menu li a:hover, #menu ul a:active, #menu li a:active {
color:black;
text-decoration:none;
}


#stripes01 {
background:url(images/stripes_belowmenu.jpg);
background-position:top;
height:21px;
padding:0;
margin:0;

}

#stripes02 {
background:url(images/stripes02.jpg);
background-position:top;
height:10px;
padding:0;
margin:0;

}


#content {
background-color:white;
background:url(images/white_bkg.jpg) no-repeat;
}
#middle {
background:url(images/pizza_main_image.jpg);
background-color:white;
background-repeat:no-repeat;
height:360px;
padding:0;
margin:0;
padding-left:610px;
}

#middle_white {
min-height:360px;
background:url(images/white_bkg.jpg) no-repeat;
background-color:white;
padding:0;
margin:0;
}

#middle h1, #middle_white h1  {
font:1.0em/1.3em Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
color:black;
padding:.5em 0 0 0 ;
margin:0;
}

#middle_white h1 {
font:1.2em/1.4em Arial, Helvetica, sans-serif;
font-style:italic;
text-align:right;
padding:10px 24px 5px 0;
}
#middle_white h2 {
font:1.0em/1.2em Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
text-align:left;
padding:10px 0 5px 50px;
}


#middle h1 .size  {
font:1.2em/1.3em Arial, Helvetica, sans-serif;
}

#middle h1 .green {
color:RGB(33,132,27);
font:.9em/1.0em Arial, Helvetica, sans-serif;
}
#middle h2 {
}

#middle ul, #middle_white ul {
font:.9em/1.4em Arial, Helvetica, sans-serif;
color:black;
list-style:none;
padding:1.25em .5em .2em .5em;
margin:0;
}
#middle li, #middle_white li {
padding:.15em 0 .15em 0;
}

#middle li a:link, #middle li a:visited, #middle_white li a:link, #middle_white a:visited  {
color:black;
}

#middle li a:hover, #middle li a:active, #middle_white li a:hover, #middle_white li a:active {
color:RGB(33,132,27);

}

#middle_white p {
font:.9em/1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:black;
padding:20px 200px 50px 60px;
margin:0;
}
#orangebar {
background:url(images/orange_bar_white.jpg) no-repeat;
height:82px;
vertical-align:bottom;
}

#bottom {
background:RGB(99,46,32);
padding:5px 0 0 0;
margin:0;
margin-left:auto;
margin-right:auto;
text-align:center;
}


#bottom a:link, #bottom a:visited {
margin:0;
border:none;
padding:4px 4px 2px 2px;
}

#bottom a:hover, #bottom a:active {
margin:0;
border:none;
padding:4px 4px 2px 2px;
}


#footer {
background-color:black;
background:url(images/blk_pattern.jpg) repeat;
color:white;
font:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#footer p {
text-align:center;
font:.9em/1.2em Arial, Helvetica, sans-serif;
margin:0;
padding:.5em;
min-height:50px;
}

#footer p .gold {
color:RGB(241,186,69);
font:1.2em/1.4em Arial, Helvetica, sans-serif;

}


/* -------------------------------------------------------------------Specials */

#specials, #food {
width:700px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
height:auto;


}

#specials h2, #food h2 {
font:1.6em/1.7em Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
color:black;
}

#specials h3, #food h3 {
font:1.5em/1.6em Arial, Helvetica, sans-serif;
font-weight:bold;
color:black;
padding:0 0 0 90px;
margin:0;
}


#specials h4, #food h4 {
font:1.3em/1.6em Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
color:black;
}


#specials h5, #food h5{
font:1.2em/1.7em Arial, Helvetica, sans-serif ;
font-weight:bold;
padding-left:40px;
padding-bottom:5px;
color:black;
}

#specials p, #food p {
font:.9em/1.5em Arial, Helvetica, sans-serif;
font-weight:bold;
color:black;
width:600px;
padding:0 0 0 50px;
margin:0;
}




#pasta_special, #pizza_special, #baked_special, #chicken_special, #deli_special, #lunch_special {
color:black;
width:665px !important;
height:123px !important;
padding:0;
margin:0;
margin-left:auto;
margin-right:auto;
}


#pasta_special {
background:url(images/specials_pasta.jpg) no-repeat;
}

#pizza_special {
background:url(images/specials_pizza.jpg) no-repeat;
}

#baked_special {
background:url(images/specials_baked.jpg) no-repeat;
}

#chicken_special {
background:url(images/specials_chicken.jpg) no-repeat;
}

#deli_special {
background:url(images/specials_deli.jpg) no-repeat;
}

#lunch_special {
background:url(images/specials_lunch.jpg) no-repeat;
}

#pasta_special ul, #baked_special ul, #deli_special ul, #pizza_special ul,  #chicken_special ul, #lunch_special ul {
padding:10px 30px 10px 375px;
}


#pasta_special li, #baked_special li, #deli_special li, #pizza_special li,  #chicken_special li, #lunch_special li {
font:.9em/1.2em Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
color:black;
padding:0;
padding-top:10px;
margin:0;
list-style:square;
vertical-align:middle;

}

#pasta_special p, #baked_special p, #deli_special p, #pizza_special p,  #chicken_special p, #lunch_special p {
font:.9em/1.2em Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
color:red;
padding-left:375px;

}

/* -------------------------------------------------------------------Menu */

#menu_pizza, #menu_appetizers, #menu_salads, #menu_subs, #menu_sandwiches, #menu_italian {
width:700px;
margin:0;
padding:0;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#menu_pizza h1, #menu_appetizers h1, #menu_salads h1, #menu_subs h1, #menu_sandwiches h1 {
text-align:center;
}
#menu_pizza h2, #menu_appetizers h2, #menu_salads h2, #menu_subs h2, #menu_sandwiches h2 {
text-align:left;
padding:20px 0 10px 60px;
margin:0;
}

#menu_pizza p   {
padding:0;
padding-left:70px;
padding-right:70px;
margin:0;
font:Arial, Helvetica, sans-serif;
color:black;
}

div.item {
float:left;
background-color:white;
margin:10px 0 0 0 ;
padding:1px 3px 1px 70px;
font:bold 1em/1.1em Arial, Helvetica, sans-serif;
color:black;
clear:both;
max-width:500px;
}

div.cost {
float:right;
background-color:white;
margin:10px 0 0 0 ;
padding:1px 20px 1px 3px;
font:bold 1em/1.1em Arial, Helvetica, sans-serif;
color:green;
text-align:left;
width:100px;
clear:right;
}

div.description {
float:left;
background-color:white;
margin:10px 0 0 0 ;
padding:1px 3px 1px 70px;
font:.9em/1.1em Arial, Helvetica, sans-serif;
color:black;
clear:both;
max-width:500px;

}

div.extras {
float:left;
background-color:white;
margin:0;
padding:1px 3px 1px 80px;
font:italic .9em/1em Arial, Helvetica, sans-serif;
color:black;
clear:both;
max-width:350px;
height:auto;


}

div.xcost {
float:right;
background-color:white;
margin:0;
padding:1px 20px 1px 3px;
font:.9em/1em Arial, Helvetica, sans-serif;
color:green;
text-align:left;
width:100px;
clear:right;
}

dl{
width: auto;
overflow: auto;
clear:both;
margin: 0;
padding:0;
background: url(images/dot.gif) repeat-x 0 1.5em;
}

dd {
width: auto;
overflow: auto;
clear:both;
margin: 0;
padding:0;
background: url(images/dot.gif) repeat-x 0 .7em;
}



/* -------------------------------------------------------------------Classes */


.underline {
border-bottom:thin solid black;
}

.red {
color:red;

}

.red_underline {
color:red;
border-bottom:thin solid black;
}

.star {
font:1.5em Arial, Helvetica, sans-serif;
}

.smaller {
font-size:.7em;
}


#clear {
clear:both;
}

#menuclear {
clear:both;
padding:10px;
}

.map {
margin-left:120px;
}