html body {
	background-color: #2b2b2b;
}

#container {
  height: 100%;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

#titleblock {
	height: 160px;
  width: 800px;
  padding-left: 10px;
}

h1, h2
{
  font-family: "Comic Sans MS";
  font-style: italic;
  font-weight: 900;
  font-size: 45px;
  color: white;
}

h2 {
    font-size: 16px;
}

.panel {
  position: relative;
  height: 280px;
  width: 400px;
  border:10px solid #2b2b2b;
  float: left;
  overflow: hidden;
  background: blue;
}

.single {
  width: 780px;
  clear: both;
}

.double-narrow {
  width: 280px;
}

.double-wide {
  width: 480px;
}

.textbox {
    font-family: "Comic Sans MS";
    font-style: italic;
    font-weight: 900;
    font-size: 15px;
    padding: 15px;
    color: white;
    margin: 10px;
    background-color: #2b2b2b;
}

.narration {
    font-family: "Comic Sans MS";
    color: white;
    font-style: italic;
    font-weight: 900;
    font-size: 30px;
    line-height: 100%;
    margin: 20px;
    text-shadow:2px 2px #2b2b2b;
}

.left {
    position:absolute;
    left: 0;
}

.right {
    position:absolute;
    right: 0;
}

.top {
    position:absolute;
    top: 0;
}

.bottom {
    position:absolute;
    bottom: 0;
}