Description Codes

<center>
<img src="http://i.imgur.com/CGzDRMQ.png" style="margin-top: 5px;" />

<style>
.overlay {
width: 1000px;
height: 800px;
background: #C77356;
position: relative;
border-bottom: 4px double #C77356;
border-left: 2px dotted #630603;
border-right: 2px dotted #630603;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-top: 25px;
box-shadow: 2px 2px 4px #330613;
}

.innerbox {
overflow: auto;
border: none;
background: #C64C45;
position: absolute;
border-bottom: 4px double #C77356;
border-left: 2px dotted #630603;
border-right: 2px dotted #630603;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: 2px 2px 4px #330613;
}

#char {
top: 4px;
left: 4px;
width: 495px;
height: 400px;
}

#cults {
top: 4px;
left: 505px;
width: 490px;
height: 791px;
}

#about {
top: 410px;
left: 4px;
width: 250px;
height: 385px;
}

#rules {
top: 410px;
left: 259px;
width: 240px;
height: 385px;
}


</style>

<div class="overlay">
<div class="innerbox" id="char">
<h1>Characters</h1>
<i>LAYOUT UNDER CONSTRUCTION</i>
Character Slots here - Table, Male + Female</div>
<div class="innerbox" id="cults">Cult Slots go here, table- Owned, Staffed, Member</div>
<div class="innerbox" id="about">About/welcome goes here!</div>
<div class="innerbox" id="rules">Guidelines will go here.</div>
</div>