<style type="text/css">

	#music{position:fixed;
 	top:148px;
 	left:290px;
 	z-index:99;
	}


	#music1{
 	position:fixed;
 	padding:2px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;}

	#music1:hover #music2{
 	opacity:0.7;
 	margin-top:-25px;
 	z-index:-1;}

	#music1:hover #music3{
	opacity:0.7;
	margin-top:0px;
	z-index:99;}

	#music1:hover #musiclist{ opacity:1;}


	#music3{
 	position:fixed;
	width:15px;
 	height:15px;
 	background-size: 15px;
 	background-image: url('http://www.free-icons-download.net/images/grays-play-button-icon-17896.png');
	background-repeat: no-repeat;
 	background-position: 50% 0%;
	padding-left:5px;
	padding-right:5px;
 	z-index:99;
 	margin-left:0px;
 	overflow:hidden;
	background-color: #736495;
	opacity:1.0;}

</style>


<div id="music">
<div id="music1">
<div id="music3">

<audio controls style="opacity: 0;"><source src="https://instaud.io/_/OxD.mp3"></audio>

</div>
</div>
</div>

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }

::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
</style>

<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Great+Vibes);


body {

background-color: #fff;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/22/Animated_fire_by_nevit.gif);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: 1500px;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}


a {color: black;
	text-decoration: none;
	}

	a:hover {color: grey;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

#pictureone { position:fixed; left:290px; top:165px; border: double 3px #fff; }
#picturetwo { position:fixed; left:835px; top:165px; border: double 3px #fff; }

.abox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555;  top:165; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.bbox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555;  top:365; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.navbar {Background-color: white; Position: absolute; Height: 13px; Width: 243px; Left: 292; Top: 485; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px;  Border: solid 1px #000;  Height: 10px; Width: 60px;  }

.link2 {Position: absolute; Left: 94px;  Border: solid 1px #000;  Height: 10px; Width: 60px;  }

.link3 {Position: absolute; Left: 170px;  Border: solid 1px #000;  Height: 10px; Width: 60px; }

.link1:hover {Background-color: #000;}
.link2:hover {Background-color: #000;}
.link3:hover {Background-color: #000;}


.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1;  transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
	#title {position:absolute;
	color: black;
	font-size:70;
	font-family:Freestyle Script;
	left:230;
	top:140;
	}


a {color: #B30000;
	text-decoration: none;
	}

	a:hover {color: black;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

.Name{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

.NameTwo{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

I{Color: #fff; font-size: 25px; font-family: French Script MT; text-shadow: 2px  3px 4px #8800FF , 1px -1px 1px #8800FF , -1px  1px 1px #8800FF , -1px -1px 1px #8800FF ;}

h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}

</style>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
</div>

<div id="pictureone">
<img src="http://3.bp.blogspot.com/-IPFpCg4i_jA/Ugty3V6k_tI/AAAAAAAAYV4/aMIqRObd7C8/s1600/Armageddon_Steel_Legion_Trooper.jpg" class="image" width="250px;" height="350px;">
</div>

<div id="picturetwo">
<img src="http://1.bp.blogspot.com/_B1krNDAlHDM/S81InojnBsI/AAAAAAAAAN0/q-fL6VUjutA/s320/DK_FlameTroopers_V3.1.gif" class="image" width="250px;" height="350px;">
</div>


<div id="1" class="slide">
<div class="abox">

Character info goes here. Use < br > to space it out.

</div>

<div class="Name">Wilhelm V. Scourge.
</div>

<div class="bbox">

Background/Personality/Whatever goes here.

</div>
</div>


<div id="2" class="slide">
<div class="abox">

<b>WEAPONS:</b><br>
M36 Pattern Lasgun - The M36 Pattern is one of the most ubiquitous patterns of Lasgun in use by the Imperial Guard, and has long been the standard weapon issued to the troops of the Armageddon Steel Legion regiments. <br><br>

Mark VII Salamander Assault Flamer - A somewhat common Flamer variant made popular in the Calixis Sector's Tranch War, it uses a lighter fuel mixture at higher pressures, with inert propellant gas mixed in. The firing barrel has a large, thin nozzle, resulting in a wider but less powerful spray of Promethium. Against lightly armoured foes like insurrectionists or Gretchin mobz, the weapon worked wonders, cutting down the creatures before they could overrun the defenders. Assault Flamers use backpack-mounted fuel canisters to lessen the weight of the gun itself and provide a more extensive fuel reserve. They also fire in a 45-degree arc as opposed to the normal 30-degree arc for Flame weapons. This weapon can be equipped with any form of Flamer ammuntion canister. <br><br>

Ultima Pattern Meltagun - Another common variant of the Meltagun, the Ultima pattern Meltagun is similar in design to a Vulkan Pattern Meltagun. This particular variant has earned the nickname "Tank Killer" for its effective use against smaller armoured personnel carriers. <br><br>

2 Photon Flash Grenades - Photon Flash Grenades detonate like a small star, blinding anyone nearby and bright enough to overload primitive vision protection systems. Anyone within 15 metres of a photon flash grenade when it detonates will be temporarily blinded. <br><br>

2 Smoke Grenades - Smoke grenades release a dense smoke which only obscures basic eyesight and optical based systems. They do not block detection systems that use heat or other spectral bands outside of normal human eyesight, but are much more widely available and easier to construct. <br><br>

4 Frag Grenades - Frag Grenades use a combustible charge and special fillers of shrapnel fragments which make them potent anti-personnel weapons. Imperial Frag Grenades are roughly the size of a clenched fist and covered with a heavily notched shell, both to increase the shrapnel produced and provide a more secure grip for throwing. <br><br>

Mono Knife - The Mono Knife is a one-handed melee implement is the ubiquitous back-up weapon for warriors all across the Imperium. <br><br>

<b>ARMOR:</b><br>
Flak Armour - Many layers of ablative and impact absorbent material go into making each suit, enough to deflect or negate most low-level attacks such as small arms, shrapnel, and proximity blasts. <br><br>

Armageddon Steel Legion Imperial Guard Uniform - The Armageddon Steel Legion uniform consists of a chemically-treated toxic-resistant trenchcoat, usually worn buckled along the chest, a helmet with special straps and lockplates for the Armageddon Pattern Rebreather that every soldier is issued. Additionally, soldiers of the Steel Legion wear thick, toxic-resistant gloves and boots, a basic set of trousers and an undershirt. <br><br>

Toxic-Resistant Trenchcoat - Each Guardsman of the Armageddon Steel Legions is equipped with a toxic-resistant trenchcoat, boots, and gloves. The specially-treated gear protects a Guardsmen from the most polluted or chemically toxic environments. <br><br>

Armageddon Pattern Rebreather - Designed to keep the wearer alive in even the most noxious atmosphere, this rebreather consists of a mask connected by hose to a small air supply. A character wearing an Armageddon Pattern Rebreather is immune to the effects of gases and issues of air quality, and can even survive underwater at limited depths. The air canister lasts for two full hours before requiring replacement. <br><br>

<b>MISC GEAR</b> <br>
Poor Weather Gear <br>
Rucksack <br>
Basic Toolkit <br>
Mess Kit and Water Canteen <br>
2 week's Rations <br>
Grooming Kit <br>
Dog Tags <br>
Blanket and Sleeping Bag <br>
4 Empty Sandbags <br>
M39 Entrenching Tool <br><br>

Rechargeable Lamp Pack - Sturdy and reliable, glow-globes illuminate many an Imperial paveway and cathedral. Most portable ones are roughly the size of a clenched fist and can shine strong, yellowish light a dozen or so metres in width, lasting roughly five hours before their power pack needs recharging or replacing. <br><br>

Imperial Infantryman's Uplifting Primer - A standard-issue Imperial text that covers a vast variety of topics, this book is possessed by all members of the Imperial Guard as part of their standard-issue equipment. The Primer is a basic guide that details everything a Guardsman needs to know: principles and regulations of the Imperial Guard, issued arms, attire, apparatus, and equipment, basic battlefield policy and Imperial Guard organisation and structure, elementary battlefield medical instructions, and a detailed guide on the foes of the Imperium. No Guardsman should ever be found without possession of a copy of the Uplifting Primer for the punishment is severe.

</center></div>

<div class="NameTwo">Emperor's Hellfire
</div>

<div class="bbox">
OOC TAB if you wish

</div>
</div></div></center></div></center>