body {
  background: url(images/back_lines.jpg) repeat;
  
  color: #000;
  font-family: comic sans ms, Arial, Helvetica, sans-serif, Tahoma; font-size:12px;
  width:760px;
  margin: 1% auto;
}
a:link {
  color: #790000;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #790000;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #F00;
  background-color: transparent;
  
}

p {
font-size:14px;
}


/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}

.header {
  width:759px;
  height: 239px;
}

.wrapper {
  
  padding: 0;
  border: thin solid #7d5500;
}
h1 {
  background: url(images/header.jpg) 25% 0 no-repeat;
  color: #EEE;
  margin: 0;
  padding: .2em 2%;
  height: 200px;
}
h2 {
  margin: .2em 0;
}
h4 {
  color: #790000;
  font-size:16px;
  font-weight:bold;
  margin-top:0;
  margin-bottom:0;
}
h3 {
  margin: 0;
  font-size:16px;
  font-weight:bold;
}

.main {
  clear: both;
  width: 760px;
  margin: 0;
  padding: 0;
  
  border-bottom: thin solid #7d5500;
  color: #000;
  background: #fef3df;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}
.content {
  width: 500px;
  float: left;
  margin: 0;
  padding: 1% 2%;
}
.content-shop {
  width: 95%;
  float: left;
  margin: 0;
  padding: 1% 2%;
}

.sidebar {
  margin-left: 580px;
  padding: 1%;
  font-size: 100%;
 border-left: thin solid #7d5500;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: #fef3df;  /* same bg color as h1 */
  color: #000;
  margin: 0;          /* flush with .main */
  padding: 10px;
  
}
.nav {
  border-top: thin solid #7d5500;
  font-size: 90%;
}
.nav ul {
  margin: .3em;
  padding: 0;
}
.nav li {
  list-style: none;
/*  display: inline; */
  float: left;
  padding: .5em 1em;
}