/* original */

#body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Franklin Gothic Medium, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
#structure {
  background-color: #FFFFCC;
  background-image: url(structure.png);
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 754px;
}

#header {
  background-image: url(header.png);
  height: 123px;
}

.section {
  background-position: center;
  background-repeat: repeat-y;
  margin-top: 20px;
}
.section div {
  background-position: top;
  background-repeat: no-repeat;
}
.section div div {
  background-position: bottom;
  background-repeat: no-repeat;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
.section a:hover {
  background-position: center;
  background-repeat: repeat-x;
  text-decoration: none;
}

#pageinfo {
  background-image: url(pageinfo-c.png);
  margin-top: 10px;
}
#pageinfo div {
  background-image: url(pageinfo-t.png);
}
#pageinfo div div {
  background-image: url(pageinfo-b.png);
  padding-top: 22px;
}
#pageinfo a {
  color: #990000;
}
#pageinfo a:hover {
  background-image: url(pageinfo_hover.png);
}

#navigation {
  background-image: url(navigation-c.png);
}
#navigation div {
  background-image: url(navigation-t.png);
}
#navigation div div {
  background-image: url(navigation-b.png);
  padding-top: 22px;
}
#navigation a {
  color: #666600;
}
#navigation a:hover {
  background-image: url(navigation_hover.png);
}

.weekdisplay {
  background-image: none !important;
  font-size: 18px;
  font-weight: bold;
  padding: 0px !important;
}
.weekdisplay .literal_week {
  text-transform: uppercase;
}
.weekdisplay .literal_digits-leading {
  display: none;
}
.weekdisplay .literal_digits-crucial, .weekdisplay .literal_colon {
  font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Sans, Lucida Grande, Microsoft Sans Serif, Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.song {
  margin-top: 10px;
  padding-top: 0px !important;
  padding-left: 60px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.sotw {
  background-position: center left !important;
  background-repeat: no-repeat !important;
  font-size: 15px;
  font-weight: bold;
}
.ru {
  background-position: center left !important;
  background-repeat: no-repeat !important;
}
.comment {
  background-image: none !important;
  margin-top: 5px;
}
.comment p {
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, Microsoft Sans Serif, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  margin-top: 0px;
  margin-bottom: 5px;
}

#weekcurrent {
  background-image: url(weekcurrent-c.png);
}
#weekcurrent div {
  background-image: url(weekcurrent-t.png);
}
#weekcurrent div div {
  background-image: url(weekcurrent-b.png);
}
#weekcurrent .weekdisplay {
  color: #006600;
}
#weekcurrent .sotw {
  background-image: url(weekcurrent_sotw.png);
}
#weekcurrent .ru {
  background-image: url(weekcurrent_ru.png);
}
#weekcurrent a {
  color: #009900;
}
#weekcurrent a:hover {
  background-image: url(weekcurrent_hover.png);
}

.weekarchive {
  background-image: url(weekarchive-c.png);
}
.weekarchive div {
  background-image: url(weekarchive-t.png);
}
.weekarchive div div {
  background-image: url(weekarchive-b.png);
}
.weekarchive .weekdisplay {
  color: #002266;
}
.weekarchive .sotw {
  background-image: url(weekarchive_sotw.png);
}
.weekarchive .ru {
  background-image: url(weekarchive_ru.png);
}
.weekarchive a {
  color: #003399;
}
.weekarchive a:hover {
  background-image: url(weekarchive_hover.png);
}

#footer {
  background-image: url(footer-c.png);
}
#footer div {
  background-image: url(footer-t.png);
  background-position: top;
  background-repeat: no-repeat;
}
#footer div div {
  background-image: url(footer-b.png);
  background-position: bottom;
  background-repeat: no-repeat;
  color: #887755;
  font-size: 10px;
  line-height: 13px;
  padding-top: 57px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 17px;
  text-align: center;
}
#footer a {
  color: #887755;
}
#footer a:hover {
  color: #000000;
}

#verybottom {
  margin-top: 10px;
  padding-bottom: 10px;
}

#verybottom * {
  vertical-align: middle;
}
