#main {
  width: 68%;
}
#side {
  width: 26%;
  padding: 10px 10px 10px 10px;
}

.button_red {
  background: red;
}
.button_green {
  background: green;
}

#score {
  font-size: 150%;
}
#score_box h1 {
  font-weight: bold;
}

.score_unkwown {
}
.score_failed {
  color: red;
}
.score_complete {
  color: green;
}
.current {
  font-weight: bold;
}

#curr_score_box {
  float: right;
  font-size: 250%;
}
span.curr-score-unknown {
}
#time {
  color: #ff0000;
}

.sweet-alert strong {
  font-weight: 600;
  color: blue;
}

li.answer {
  color: #cc0000;
}
li.answer:hover {
  color: #ee8888;
  cursor: pointer;
}

#answers_heading {
  display: none;
}

#description_box {
  padding: 4px 4px 4px 4px;
  color: #444444;
  font-style: italic;
}

body {
  background-color: #fff0e5;
  font-size: 12pt;
}
/* #header { background-color: #ffccb3; } */
#header {
  background-color: #ff5555;
}
#main {
  background-color: #fff0aa;
}
#side {
  background-color: #aaddff;
}
div.entrywrap {
  background-color: #ffffff;
}
#navigation_box {
  background-color: #ccccff;
}
h1 {
  color: #000055;
}
#header h1 {
  color: #ffffff;
  font-weight: bold;
}

h3 {
  font-weight: normal;
  font-family: "Trebuchet MS", sans-serif;
}

/* Reduce opacity effect */
#side {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#side:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

button.ui_button {
  width: 8em;
  height: 2.4em;
}