@font-face {
  font-family: "Emblema One";
  src: url("font/EmblemaOne-Regular.woff");
}
body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: medium;
  background-color: #b5a789;
  /* margin-left: 20%; */
  /* margin-right: 20%; */
  border: 2px dotted black;
  padding: 10px 10px 10px 10px;
}

#starbuzz h1, #starbuzz h2 {
  /*font-family: sans-serif;*/
  color: gray;
}

#starbuzz h1 {
  font-family: "Emblema One", sans-serif;
  font-size: 220%;
  text-decoration: underline;
  border-bottom: 1px solid black;
}

#starbuzz h2 {
  font-size: 1.3em;
  /*font-weight: normal;*/
  border-bottom: thin dotted #888888;
}

p {
  /*font-family: Consolas, sans-serif;*/
  color:maroon;
  background-color: #72a2b1;
  /*border: 1px solid gray;*/
}

p.heading {
  font-weight: bold;
}

div.tableRow p, div.tableRow > label {
  display: table-cell;
  vertical-align: top;
  padding: 3px;
}

div.tableRow p:first-child, div.tableRow label:first-child {
  text-align: right;
}

blockquote {
  font-family: Consolas, sans-serif;
  font-style: italic;
}

em {
  font-family: Consolas, sans-serif;
  font-weight: bold;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.cellcolor {
  background-color: #fcba7a;
}

.tableRow {
  display: table-row;
}

/* ***************************************************** */
#order header {
  background-color: #675c47;
}

header.top {
  background-color: #675c47;
}

footer {
  font-size: 60%;
  text-align: center;
  line-height: normal;
  margin-top: 30px;
}

header.top img#logoright {
  float: right;
}

/* ***************************************************** */
nav {
  background-color: #efe5d0;
  margin: 10px 10px 0px 10px;
}

nav ul {
  margin: 0px;
  list-style-type: none;
  padding: 5px 0px 5px 0px;
}

nav ul li {
  display: inline;
  padding: 5px 10px 5px 10px;
}

nav ul li a:link, nav ul li a:visited {
  color: #954b4b;
  border-bottom: none;
  font-weight: bold;
}

nav ul li.selected {
  background-color: #c8b99c;
}

table {
  margin-left: 20px;
  margin-right: 20px;
  border: thin solid black;
  caption-side: bottom;
  /* border-spacing: 0px; */
  border-collapse: collapse;
}

td, th {
  border: thin dotted gray;
  padding: 5px;
}

th {
  background-color: #cc6600;
}

/* table table th {
  background-color: white;
} */

/* tr:nth-child(odd) {
  background-color: #fcba7a;
} */

caption {
  font-style: italic;
  padding-top: 8px;
}

form {
  display: table;
  padding: 10px;
  border: thin dotted #7e7e7e;
  background-color: #e1ceb8;
}

/* form textarea {
  width: 500px;
  height: 200px;
} */

/* ***************************************************** */
#order {
  width: 500px;
  float: right;
  border: thin solid #007e7e;
}
/* ***************************************************** */
#tableContainer {
  display: table;
  border-spacing: 10px;
}

#starbuzz {
  display: table-cell;
  vertical-align: top;
  background: #efe5d0 url(images/background.gif) top left;
  /* width: 800px; */
  border-width: thin;
  border-style: solid;
  border-color: #007e7e;

  padding: 20px;
  margin: 0px 0px 0px 0px;

  /* float: left; */
}

#learned {
  display: table-cell;
  vertical-align: top;
  /* width: 300px; */
  border-width: thin;
  border-style: solid;
  border-color: #007e7e;
  /* margin: 0px 0px 0px 841px; */

  /* float: right; */
}

#quan {
  position: absolute;
  top: 250px;
  left: 400px;
}

#qq {
  position: fixed;
  top: 200px;
  right: -60px;
}

#cry {
  position: relative;
  top: -40px;
  left: -40px;
  /* bottom: -20px; */
  z-index: -1;
}

#c1, #c2, #c3, #c4 {
  /* width: 100px; */
  float: left;
  margin: 10px;
}