/* This controls everything in the html tags */
body{
background-color: #3c1213;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #cebe8a;
}
/* Changes in here will affect the whole page, such as moving it around etc */
#container{
background-color: #3c1213;
width: 900px;
}
#pageHeader img{
width: 709px;
height: 159px;
text-align:center;
margin-left: auto;
margin-right: auto;
display:block;
}
/* This controls the layout of the navigation, ie the links on the left of the page */
#nav{
padding-top: 10px;
position: relative;
float: left;
width: 25%;
}
#nav a:hover img{
filter:alpha(opacity:50);
opacity: 0.50;
-moz-opacity:0.50;
}
/* This controls the content box of the page*/
.content{
margin-top: 10px;
position: relative;
float: left;
width: 65%;
}
.content legend {
font-size: 25px;
color: #cebe8a;
}
.content fieldset {
background-color: #55191a;
}
/* This controls the footer, the text at the bottom of the page */
#footer{
position: relative;
float: left;
margin-top: 20px;
font-size: 10px;
width: 100%;
}
/* Firefox container hack */
.clearfix:after
{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* This controls the contents of the pizza menu */
#pizzaMenu{
}
#pizzaTitle{
position: relative;
align: left;
font-weight: bold;
font-size: 20px;
width: 60%;
}
#pizzaDescription{
color: #dfcf9b;
width: 100%;
}
#pizzaPrice{
float: right;
width: 10%;
}
/* This controls the toppings in the menu */
#toppings{
font-size: 10px;
font-style: italic;
}
/* These control the layout of offers */
#offer_left{
text-align: center;
float: left;
width: 250px;
padding-bottom: 50px;
margin: 5px;
}
#offer_right{
text-align: center;
padding-bottom: 50px;
float: right;
width: 250px;
margin: 5px;
}
#title {font-size: 18px; text-decoration: underline; }
#description(font-size: 12px; )
#price {font-size: 12px; }
/* These control the order page elements */
#orderPage img{
text-align:center;
margin-left: auto;
margin-right: auto;
display: block;
}
/* These control all the elements of their type on the whole website */
img { border: 0px;}
a:link {text-decoration: none; color: e8c23b;}
a:visited {text-decoration: none; color: e8c23b;}
a:hover {text-decoration: none; color: FFFFFF;}
a:active {text-decoration: none; color: e8c23b;}