/*
--------COLORS-------
header/footer: #FFFFFF
text: #000000
special text: #590222
links: #C1B387
links, hover: #51674E

*/


body{
  background-color: #000000;
  background-image: url('../images/paper1.png');
  background-repeat:repeat;
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  margin: 0px;
  margin-bottom: 0px;
  padding-bottom: 15px;
}

#wrapper{
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  min-height: 400px;
  //clear: both;
  
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(118, 108, 75) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(118, 108, 75, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99766C4B, endColorstr=#99766C4B);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99766C4B, endColorstr=#99766C4B)";
  
  border-style: inset;
  border-width: thick;
}

#header{
  width: 100%;
  /*height: 160px;
  border-bottom: solid #590222 30px;
  */color: #ffffff;
  
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(9, 54, 41) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(9, 54, 41, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99093629, endColorstr=#99093629);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99093629, endColorstr=#99093629)";
}

#nav {
  margin-top: 0px;
  padding-top: 5px;
  width: 100%;
  background-color: #590222;
  min-height: 30px;
  max-height: 30px;
}

#nav li{
  display: inline;
  padding-right: 50px;
}

#nav ul{
  padding: 5px;
  padding-left: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
}

#header h1{
  font-family: 'Dancing Script', serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.023em;
  word-spacing: 0em;
  line-height: 1.2;
}

#header h2{
  padding-top: 0px;
  margin-top: 0px;
  text-align: left;
  font-size: .8em;
  color: #FFFFFF;
  text-decoration: none;
}

#headertext a{
  color: #FFFFFF;
  text-decoration: none;
}

#headertext a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

#headerwrap{
  width: 960px;
  min-height: 160px;
  max-height: 160px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../images/5ssOP.png');
  background-repeat: no-repeat;
}

#headertext {
  float: left;
}

#navwrap{
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#navbar{
  text-align: left;
}

#home .home, #about .about, #contact .contact, #rates .rates, #shopping .shopping {
  text-decoration: none;
  color: #FFFFFF;
}

#logo{
  float: left;
}

h1{
  text-align: left;
  font-family: cursive;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 3em;
}

h2{
  font-size: 1.5em;
  color:#590222;
  text-decoration: underline;
}

#main{
  margin-top: 15px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px;
}

#footer{
  color: #FFFFFF;
  margin: 10px;
  text-align: center;
  border-left-color: #939393;
  border-right-color: #939393;
  border-top-color: #000000;
  border-style: solid;
  border-bottom: none;
  padding-bottom:12px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  margin-bottom: 0px;
  background-color: #590222;
}

#footer p{
  font-size: .7em;
}

#footer li{
  display: inline;
  padding-right: 10px;
}

a:link{
  color: #C1B387;
  font-weight: bold;
  font-family: sans-serif;
}

img{
  border: 0px;
}

a:visited {
  color: #C1B387;
}

a:hover{
  color: #51674E;
}

#updates{
  font-size: 125%;
  font-weight: bolder;
  color: #590222;
  text-align: center;
  border: double #093629 10px;
}

#encouragement {
  color:#590222;
  text-align:center;
}

#shoppinglist ul{
  padding-bottom: 18px;
  padding-top: 5px;
  font-weight: bold;
}

#shoppinglist ul ul{
  font-weight: normal;
}