New temp for new alt

<style>


@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700|Dynalight|Oranienbaum|Raleway:400,900|Bitter:400,700,400italic|Lato:300,400|Roboto+Condensed:400,700|Parisienne);
@import url(http://fonts.googleapis.com/css?family=Enriqueta:400,700|Archivo+Narrow|Fredericka+the+Great|Oswald:300,400,700|Special+Elite|UnifrakturCook:700|Rye|Yanone+Kaffeesatz:400,700,300,200|Anton|Vast+Shadow);
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);


.pfor {display: none;}
#profile { background-color: transparent; border: 0px;}

body {
background-image: url(PUT BACKGROUND IMAGE URL HERE);
background-color: 333333;
background-repeat: repeat;
background-position: bottom right; }


::-webkit-scrollbar { width: 3px; height:0px; }
::-webkit-scrollbar-thumb:vertical {
background-color: #222222; border: none; }
I {
font-family: monotype corsiva;
font-size: 16px;
line-height: 12px;
color:#3082C9; text-shadow: 0px 1px #2388bc;
font-weight: normal;
letter-spacing: 0px;
text-transform: none;
text-decoration: none;
}

blockquote{ font-family:Georgia;text-shadow: 0px 1px #000000; font-size:12px;margin-top:2px; margin-bottom:-5; color: #333333; border-left: 5px solid #aaa; border-right: 5px solid #ddd;margin-right:0px; margin-left:0px; font-style: italic;font-weight:bold;line-height:17px; text-align:justify;padding:3px;}


h1 {
font-family:tahoma;
text-transform: uppercase;
font-size:12px;
font-weight:normal;
text-align:center;
color:#2489bd; text-shadow: 0px 1px #bf0266;
background-color:transparent;
letter-spacing:2px;
margin:1px;
padding:0px;
line-height:15px;
border-bottom: 1px dotted #003f6b ;
}


h2 {
font-family:dynalight;
font-style: italic;
font-size:50px;
font-weight:bold;
text-transform: none;
text-align:center;
color:#aaa;
background-color:transparent;
margin:1px;
letter-spacing:-4px;
padding:0px;
line-height:35px;
border-bottom: 0px solid #53290c;
}



h3 {
font-family:tahoma;
text-transform: uppercase;
font-size:12px;
font-weight:normal;
text-align:center;
color:#bf0266; text-shadow: 0px 1px #2489bd;
background-color:transparent;
letter-spacing:2px;
margin:1px;
padding:0px;
line-height:14px;
border-bottom: 1px dotted #003f6b ;
}



a:active, a:visited, a:link {
color:bf0266;text-shadow: 0px 1px #000000;
font-family:georgia;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
line-height:12px;
    -webkit-transition: all 0.3s
   ease-out; -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;}
a:hover {
color:bf0266; text-shadow: -1px -1px #003f6b, 1px 1px #2489bd;
font-size:15px;
line-height:12px;
background-color:transparent;
    -webkit-transition: all 0.3s
   ease-out; -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;}



a.two, a.two:link, a.two:active, a.two:visited
{
font-family:georgia;
color:#aaa;
background-color:#ffffff;text-shadow: 0px 1px 0px #000000;
font-size: 10px;
text-align: center;
text-decoration:none;
text-transform: uppercase;
font-weight: normal;
line-height: 25px;
width:50px;
height:25px;
display:inline-block;
margin:2px;
padding:0px;
letter-spacing:0px;
border: 1px solid #aaa;
-webkit-transition: all 0.3s
   ease-out; -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in; }

a.two:hover
{font-family:georgia;font-size:10px;
color:#333333;text-shadow: 0px 0px 10px #be0266;
background-color:#ffffff;
display:inline-block;
border: 1px solid #333333;
-webkit-transition: all 0.3s
   ease-out; -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;  }



a.three, a.three:link, a.three:active, a.three:visited
{
font-family:georgia;
color:#333333;
background-color:#ffffff;text-shadow: 0px 1px 0px #000000;
font-size: 10px;
text-align: center;
text-decoration:none;
text-transform: uppercase;
font-weight: normal;
line-height: 25px;
width:50px;
height:25px;
display:inline-block;
margin:2px;
padding:0px;
letter-spacing:0px;
border: 1px solid #333333;
-webkit-transition: all 0.3s
   ease-out; -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in; }

a.three:hover
{font-family:georgia;font-size:10px;
color:#aaa;text-shadow: 0px 0px 10px #2489bd;
background-color:#ffffff;
display:inline-block;
border: 1px solid #aaa;
-webkit-transition: all 0.3s
   ease-out; -moz-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;  }


.tabbed {
background-color: transparent;
height:200px;
left:40px;
opacity:0;
position:fixed;
bottom:-250px;
width:200px;
}

.tabbed:target {
opacity:1;
z-index:5;
top: 73px; }

.tab{
background-image: url();
background-color: #fff;
border-left: 10px solid #ddd;
border-right: 10px solid #aaa;
border-top: 10px solid #ddd;
border-bottom: 10px solid #aaa;
color:black;
font-family: "Lato", sans-serif;
font-size:14px;
padding: 20px;
height: 282px;
width: 315px;
left: 0px;
overflow:auto;
position:absolute;
text-align:justify;
top: 0px;
z-index:5;}

#pic {
position:absolute;
top: 73px;
left: 40px;
height: 322px;
width: 357px;
background-color: #fff;
border-left: 10px solid #ddd;
border-right: 10px solid #aaa;
border-top: 10px solid #ddd;
border-bottom: 10px solid #aaa;
}

#navibox {
position:absolute;
top: 15px;
left: 40px;
height: 31px;
width: 357px;
background-color: #fff;
border-left: 10px solid #ddd;
border-right: 10px solid #aaa;
border-top: 10px solid #ddd;
border-bottom: 10px solid #aaa;
}


table.interestsAndDetails, table.interestsAndDetails td {border:0px; background-color:transparent;}
table.interestsAndDetails span.lightbluetext8,
table.interestsAndDetails td.text {display:none;}
table.interestsAndDetails td td {width:0px; padding:0px;}

#friendbar {
position:absolute;
top:15px;
left:425px;
width:0px;
height:400px;
overflow:hidden;
background-color:#ffffff;
border-left: 10px solid #f0f0f0;
border-right: 10px solid #aaa;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;}

#friendbar:hover {
position:absolute;
top:15px;
left:425px;
width:255px;
height:400px;
overflow:hidden;
background-color:#ffffff;
border-left: 10px solid #ddd;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;}

</style>


<style onload="try { document.title = 'PUT PAGE TITLE HERE'; } catch (e) { }"></style>

<div id="pic"><img src="PUT BOX PICTURE HERE" width="357"></div>

<div id="navibox">
<a href="#01"class="two">I</a>
<a href="#02"class="three">II</a>
<a href="#03"class="two">III</a>
<a href="#04"class="three">IV</a>
<a href="Http://Sakura-Templates.yolasite.com"class="two">CodeR</a>
<a href="##"class="three">↻</a>
</div>

<div id="friendbar"><BR>
<h2> Friends</h2>
<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>

<a href="THIS IS WHERE YOU PUT A URL TO YOUR FRIENDS PROFILE"><img src="THIS IS WHERE YOU PUT A PICTURE OF YOUR FRIEND"height="80"width="80"span title="THIS IS WHERE YOU  PUT A NAME/DESCRIPTION OF YOUR FRIEND"></a>
</div>


<div id="01" class="tabbed">
<div class="tab">
<h1> Statistics</h1>
<span style="float:left;"><b>Name</b></span> <span style="float:right;">INPUT INFO</span><br>
<span style="float:left;"><b>Race</b></span> <span style="float:right;">INPUT INFO</span><br>
<span style="float:left;"><b>Gender</b></span> <span style="float:right;">INPUT INFO</span><br>
<span style="float:left;"><b>Age</b></span> <span style="float:right;">INPUT INFO</span><br>
<span style="float:left;"><b>D.O.B</b></span> <span style="float:right;">INPUT INFO</span><br>
<span style="float:left;"><b>Height</b></span> <span style="float:right;">INPUT INFO</span><br>
<span style="float:left;"><b>Build</b></span> <span style="float:right;">INPUT INFO</span><br>


Need more of those? Its called copy and paste.


</div></div></div>
<div id="02" class="tabbed">
<div class="tab">
<h1> History</h1>
 WORDS HERE


</div></div></div>
<div id="03" class="tabbed">
<div class="tab">
<h1> Abilities </h1>

WORDS HERE

</div></div></div>
<div id="04" class="tabbed">
<div class="tab">
<h1>Out Of Character</h1>
<span style="float:left;"><b>01.)</b></span> <span style="float:right;">OOC RULE HERE</span><br><BR>
<span style="float:left;"><b>02.)</b></span> <span style="float:right;">OOC RULE HERE</span><br><BR>

<BR><BR>
<center>Code Credit goes to <a href="http://sakura-templates.yolasite.com">Sakura.</a>
</div></div></div>