Alternative Maidens Layout for YumiDie - Description

<center>

<style>

.overlay {
width: 779px;
height: 690px;
background: url('http://i.imgur.com/5nOaJMy.png') 4px  5px no-repeat;
position: relative;
background-color: #6B0103;
border-radius: 0px;
border: none;
}
.innerbox {
overflow: auto;
border: none;
background: #1C0113;
position: absolute;
}
#about {
top: 309px;
left: 4px;
width: 300px;
height: 376px;
}
#rules {
top: 373px;
left: 305px;
width: 236px;
height: 151px;
}
#updates {
top: 373px;
left: 542px;
width: 233px;
height: 151px;
}
#staff {
top: 525px;
left: 305px;
width: 470px;
height: 160px;
}

</style>

<div class="overlay">
<div class="innerbox" id="about"><h1>About</h1>
<br />
<small>This is small text.</small><br />
 <b>This is bold text.</b><br />
 <u>This is underlined text.</u><br />
 <i>This is italic text.</i><br />
 <s>This is striked text.</s><br />
 This is normal text.<br />
 <a href="">This is a link.</a><br />
 <h1>This is the h1</h1> <h2>header2</h2> <h3>This is the h3</h3>

<blockquote>

Blockquote will look like this!
</blockquote>
</div>
<div class="innerbox" id="rules">
<h1>Rules</h1>
</div>
<div class="innerbox" id="updates">
<h1>Updates</h1>
</div>
<div class="innerbox" id="staff">
<h1>Cult Staff</h1>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>
<a href=LINK TO USERNAME><img src=http://i.imgur.com/2Wxq03g.png class="staff" ></a>

</div>
</div>