BODY {
  background-repeat: no-repeat;
  background-color: #fef0c5;
}

@font-face {
  
  font-family: "tippa";
  
  font-style: normal;
  
  font-weight: normal;
  
src: url("../fonts/tippa-webfont.woff2") format("woff2"), url("../fonts/tippa-webfont.woff") format("woff");
}

a.nav:link {
  color: #ffffc6;
  text-decoration: underline;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
}

a.nav:visited {
  color: #ffffc6;
  text-decoration: underline;
  font-family: "Times New Roman", Times, serif;
}

a.nav:hover {
  color: orange;
  text-decoration: underline;
}

a.nav:active {
  color: red;
}

.quote {
  font-size: 12px;
  font-weight: bold;
}

.source {
  font-size: 14px;
}

.luke {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #512800;
  font-size: 60px;
}

.luketippa {
  font-family: "Tippa", Arial, Helvetica, sans-serif;
  color: #512800;
  font-size: 50px;
}

.luke2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #512800;
  font-size: 35px;
}

.luke2tippa {
  font-family: "Tippa", Arial, Helvetica, sans-serif;
  color: #512800;
  font-size: 35px;
}

.luke3 {
  font-family: Verdana, Geneva, sans-serif;
  color: #512800;
  font-size: 8px;
}

.luke4 {
  font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
  color: #512800;
  font-size: 12px;
  text-align: left;
}

.luke4tippa {
  font-family: "Tippa", Arial, Helvetica, sans-serif;
  color: #512800;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}

.lukebox2 {
  width: 340px;
  height: 532px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #512800;
  padding: 10px 5px 0px;
}

.lukebox1 {
  width: 375px;
  height: 532px;
}

.lukebox3 {
  width: 175px;
  height: 515px;
  padding: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  color: #512800;
}

.contact {
  width: 210px;
  height: 60px;
  float: right;
  text-align: left;
  font-size: 10px;
  background-color: #663300;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffc6;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}

.lofiemail {
  font-family: "Tippa", Verdana, Geneva, sans-serif;
  color: blue;
  font-size: 12px;
  text-align: left;
}

.music {
  margin-top: 30px;
  font-size: 11px;
  height: 400px;
  vertical-align: middle;
}

ol {
  padding: 0px;
  margin: 0px;
  list-style: outside none none;
  color: #663300;
  width: 175px;
  height: 50px;
  border-top: 2px solid #663300;
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif, Times, serif;
  display: table;
}

ol li {
  position: relative;
  margin: 0px;
  padding: 1px;
  border-bottom: 1px solid #663300;
  cursor: pointer;
  text-decoration: none;
  height: 85px;
  display: table;
  vertical-align: middle;
  font-size: 14px;
}

ol li a {
  display: table-cell;
  color: #663300;
  text-decoration: none;
  height: 30px;
  width: 175px;
  vertical-align: middle;
  padding: 1px;
}

li.playing {
  color: green;
}

li.playing a {
  color: green;
}

li.playing::before {
  width: 15px;
  height: 15px;
  line-height: 14px;
  margin: 0px;
  position: absolute;
  left: -24px;
  color: #ffffc6;
  font-size: 13px;
}