* {
  box-sizing: border-box;
}
body {
  background: #f0c66a url("img/sunsetbg.gif") repeat-x fixed; 
  font-family: verdana, sans-serif;
  font-size:10px;
  line-height:1.5;
  padding:0;  
  color:#222;
}
@font-face {
  font-family: 'silkscreen';
  src: url('slkscr.ttf') format('truetype');
}
@font-face {
  font-family: 'supermarket';
  src: url('supermarket.ttf') format('truetype');
}
::-webkit-scrollbar {
  width:10px;
  height:0;
}
::-webkit-scrollbar-thumb {
  background: #f0c66a;
  border: 1px solid #ffffff;
}
::-webkit-scrollbar-thumb:hover{
  background: #f9d4ff;
}
::-webkit-scrollbar-track{
  background: #ffeecc;
}
::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
  background:#f0c66a;
  border: 1px solid #fff;
}
::-webkit-scrollbar-button:hover {
  background: #481b4f;
}
b {
  color:#900C3F;
  font-size:9px;
  font-weight:900;
  }
i {
  color:#f7941d;
  margin:0px;
  padding:0px;
}
u {
  text-decoration:none;
  border-bottom:1px solid #f7941d;
}

a:link,a:visited {
  color:#9966cc;  
  text-decoration:dotted;
}

a:hover,a:active {
  color:#f7941d;
  text-decoration: line-through;
  }
ul {
  margin:0;
  padding:0px 20px;
  list-style-type: "\2726";
  }
li {
  margin:0;
  padding:0px 5px;
  }
h1 {    
  letter-spacing: 10px;  
  font-family: 'silkscreen', monospace;
  font-size: 18px;
  color:#481b4f;
  margin-bottom:10px;
  padding:0;
}
h2 {
  font-family:'supermarket', monospace;
  font-size: 13px;
  color:#481b4f;
  margin-bottom:10px;
  padding-left:10px;
}
img {
  border:0;
}
a img:hover {
  opacity:0.5;
}
header {
  height:150px;
  width:600px;
  margin:auto;
  padding:0;
  background: url('HEADER.gif') no-repeat right bottom;
  }
.content {
  width:600px;
  height:500px;
  margin:auto;
  padding:0;  
}

.sidebar {   
  float: left;
  width: 30%;
}
.main {
  float: left;
  width: 70%;
  height:500px;
  overflow:scroll;  
  background: #ffeecc;
  padding:0px 20px;
  margin:0;
  border:1px solid #481b4f;
  }
.card {
  background-color: #ffeecc;
  padding:10px;
  margin:10px;
  border:1px solid #481b4f;
}
.card > h2 {
  margin:0;
  padding:0;
  }
.column {
  float:left;
  width:50%;
  padding:20px;
  }
.content:after {
  content: "";
  display:table;
  clear:both;
}
.nav {
  font-family:'silkscreen', monospace;
  font-size: 15px;
  margin:auto;
  padding:50px;
  text-align:center;
  }
.nav a {
  display: inline;
  color: #220144;
  margin: 0;
  padding: 10px;
  text-decoration:none;
}
.nav a:hover {
  color: #f0c66a;
  background: #9966cc;
}
footer {
  bottom:0px;
  margin:auto;
  padding:0;
  text-align:center;
}
.shoptable {
  display:table;
  padding:5px;
  margin:10px;
  border: 1px solid #333;
  text-align:center;
  }
.shoprow {
  display:table-row;
  }
.shophead {
  font-weight: bold;
  }
.shopcell, .shophead {
  display: table-cell;
  padding:5px 0px 2px 0px;
  border-bottom: 1px dashed #666;
  vertical-align: middle;
  }
textarea {
  overflow:hidden;
  resize: none;
  outline: none;
  }