/* stylesheet for Old Surly's Cookbook Database */

body{
    font-family: verdana,sans-serif;
    color:#8506a9;
    background-color: #d8F781;
    line-height:125%;
    margin:0;
}
li{
    font-size:small;
    list-style-type:none;
    color:#8506a9;
}
form.inputform  label{
    display:block;
    float:left;
    text-align:right;
    width:200px;
    padding-right:25px;
    border:0;
}
form.inputform  input[type="number"]{
    width:8ch;
}

form.inputform .buttonarea input{
   border-style: ridged;
   background:#8506a9;
   color:#D8F781;
   font-weight:bold;
   padding:3px;
}
a.button{
   -webkit-appearance: button;
   -moz-appearance: button;
   border-style: ridge;
   text-decoration: none;
   font-family: verdana,sans-serif;
   font-size:13px;
   appearance: button; 
   background:#8506a9;
   color:#D8F781;
   font-weight:bold;
   padding:3px;
    
}

form.inputform .updatebutton input{
   background:#8506a9;
   color:#D8F781;
   font-weight:n;
   padding:3px;
}

#formfield{
    margin:3px;
}
#divIngredient{
    margin:3px;
}
#navpane,#header,#pagebody {
    position:absolute;
    border:1px solid black;

}

#header{
    font-size:36pt;
    background-position:bottom left;
    background-image:url(images/bookshelfcropnew.JPG);
    background-repeat: no-repeat;
    padding-top:2em;
    padding-bottom:0.5em;
    background-color: #D8F781;
    width:100%;
    color:#D8F781;
    margin-left:0;
    }
#navpane{
    width:200px;
    padding-left:0;
    top:150px;
    margin-left:10px;
}
#pagebody{
    top:150px;
    margin-right:5px;
    padding:10px;
    left:220px;
    width:800px;
}
#frameLogin{
    width:450px;
}
#comment{
    resize:none;
    width:400px;
}
.icon{
    height: 20px;
    width: 20px;
}
.centred{
    text-align: center;
}
.id{
    width:40px;
}
.searchBox{

}
.ingredientUpdate{
    display: none;
}
#userComment{
    width:500px;
    height:250px;
}