Cosimia

<style type="text/css">

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

	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('http://29.media.tumblr.com/tumblr_m1kz7e6dzU1rrt2v9o1_500.png');
	background-repeat:repeat;
	background-position:center;
	background-attachment: fixed;
	background-color:04361A;
	font: 11px arial;
	color: black;}
	#profile {background-color: transparent;
	border:0px;
	}

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

	::-webkit-scrollbar-thumb {
	background-color: white;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

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

	a:hover {color: #ccc;
	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;
	}

h1{ font-family: 'Great Vibes'; font-size: 22px; color: #000; margin-left: 5px; margin-right: 5px; text-transform: none;  letter-spacing: 2px; margin-top: 10px; margin-left: 10px; margin-right: 10px;  line-height: 20px; text-align: center; }

.abox {background-color:#fff; color: #000; font-size: 15px; font-family: tunga; text-align: justify; position: absolute; width:310; height:290; left: 553;  top:200; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.aimg { position: absolute; width:330; height:120; left: 554;  top:525; overflow:auto; border:4px double black;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 564; Top: 155; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px;  Border: solid 1px #000;  Height: 10px; Width: 55px; background-color: #fff; }

.link2 {Position: absolute; Left: 90px;  Border: solid 1px #000;  Height: 10px; Width: 55px; background-color: #fff; }

.link3 {Position: absolute; Left: 160px;  Border: solid 1px #000;  Height: 10px; Width: 55px; background-color: #fff; }

.link4 {Position: absolute; Left: 230px;  Border: solid 1px #000;  Height: 10px; Width: 55px; background-color: #fff; }

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

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; 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:tunga;
	left:230;
	top:140;
	}

#bar {
position: fixed;
top: 80px;
left:-10px;
height: 100px;
width: 2000px;
border: 3px #000 solid;
background-color: #393F82;
overflow: auto;
opacity: 0.9;
z-index: -3;
}

#title{
position:fixed;
top: 84px;
left: 620px;
height: 30px;
width: 670px;
text-align: left;
font-family: 'Great Vibes';
text-shadow: 0 0 10px white;
font-size: 75px;
color: #000000;
z-index:1;
transform: rotate(0deg);
opacity: 1;
}

h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #000000;}
</style>

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

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

<div id="mainfuckinimage">
<img src="RENDERED IMG HERE" class="image" height="700px;" width="300px;">
</div>

<div id="bar">
</div></div>

<div id="title">
Cosimia
</div></div>

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

Tab one

</center>
</div>

<div class="aimg"><img src="IMG OR GIF HERE" Height="100%" Width="100%"></div></div>

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

Tab two

</div>

<div class="aimg"><img src="IMG OR GIF HERE" Height="100%" Width="100%"></div></div>

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

box for stuff

</div>

<div class="aimg"><img src="IMG OR GIF HERE" Height="100%" Width="100%"></div></div>