Cult Layout for WickedGrin - Description

<center>


<style>

.overlay {
width: 800px;
height: 800px;
background: #0A0702;
position: relative;
border: 2px solid #790900;
background: url('http://i.imgur.com/nA09MW5.png') 0px  0px no-repeat;
}

.innerbox {
overflow: auto;
border: none;
background: #312728;
position: absolute; border-radius: 0px;
}

#about {
top: 325px;
left: 4px;
width: 350px;
height: 295px;
}
#navig {
top: 325px;
left: 625px;
width: 170px;
height: 295px;
}
#rules {
top: 325px;
left: 360px;
width: 260px;
height: 144px;
}
#rules2 {
top: 475px;
left: 360px;
width: 260px;
height: 144px;
}
#featmalechar {
top: 625px;
left: 4px;
width: 260px;
height: 170px;
}
#featmem {
top: 625px;
left: 270px;
width: 260px;
height: 170px;
}
#featfemalechar {
top: 625px;
left: 535px;
width: 260px;
height: 170px;
}
 </style>

<div class="overlay">
<div class="innerbox" id="about"><h1>About Cult!</h1>
<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><br />
<h2>header2</h2><br />
<h3>This is the h3</h3><br />
</div>
<div class="innerbox" id="navig"><h1>Navigation </h1>

<a href="http://vampirefreaks.com/cults/group_edit.php?c=LayoutTester4Wicked" class="linkage">Edit Cult</a>
<a href="http://vampirefreaks.com/group_edit_members.php?c=LayoutTester4Wicked" class="linkage">Edit Members</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=LayoutTester4Wicked" class="linkage">Control Panel</a>
<a href="http://vampirefreaks.com/group_invite.php?c=LayoutTester4Wicked" class="linkage">Send Invites</a>
<a href="http://vampirefreaks.com/group_profile.php?u=CosmicKarma&amp;c=LayoutTester4Wicked" class="linkage">Cult Stats</a>
<a href="http://vampirefreaks.com/CosmicKarma" class="linkage" title="Coding and Graphics made by CosmicKarma at CosmicCreations © 2015">Credit</a>
 <h1>Important Threads</h1>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>

</div>
<div class="innerbox" id="rules"><h1>Warnings &amp; Guidlines</h1>

</div>
<div class="innerbox" id="rules2"><h1>Disclaimer</h1>

</div>
<div class="innerbox" id="featmalechar"><h1>Featured Female Character</h1>
<a href="URL LINK GOES HERE" title="TITLE"><img src="http://i.imgur.com/RbKCIdx.png" class="featured" /></a><br />
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
</div>
<div class="innerbox" id="featmem"><h1>Featured Member</h1>
<a href="URL LINK GOES HERE" title="TITLE"><img src="http://i.imgur.com/RbKCIdx.png" class="featured" /></a><br />
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
</div>
<div class="innerbox" id="featfemalechar"><h1>Featured Female Character</h1>
 <a href="URL LINK GOES HERE" title="TITLE"><img src="http://i.imgur.com/RbKCIdx.png" class="featured" /></a><br />
<a href="URL" class="linkage">Link</a>
<a href="URL" class="linkage">Link</a>
</div>
</div>