codeses

<style>

/* pet + minion overlay stuff. if no overlay, remove these. */
#pet_image {background-image: url('http://i.imgur.com/7f6xcnJ.png');}
#pet_image{margin-left:50px;}

#pet_minion img {height: 0px; width: 64px; padding-bottom: 64px; padding-top: 0px; background: url(http://i.imgur.com/fSUmUQr.png) left top no-repeat;}


/* baseline stuff, don't touch pls */
div#header,#footer,.events,#announcement,div.leftpanelseparator,div.leftpanel,div#loginstatus
div,div#loginstatus,#header,div#time,#events-container,.header,div#datediv,#header-lrc, #header-rrc,#loginstatus,#postcards,#menu,#sidebar,#rightbg,#postcards, #header-ban, #header-ban-main, #menu, #menu-right, #sidebar, #rightbg, #spacer,#bookmarks,.statbar,.pet_age_info, .pet_age_info_date, .pet_wco_info, .pet_wco_info_date {display:none;}
#main-content {background-image: none;}
#content {background:transparent;}
#page {background:transparent;}
#content {background:transparent; max-height: 550px !important; min-width: 1000px !important;}
#content {width:800px;height:550px;left:150px}
#content, #index, body, #page, #bookmarks, #rightbg {background-color:transparent;}
{display:none;}
h2{display:none;}

/* color stuff. super customizable. */
/* background color. */
body,html{background-color: #2b0101;}

/* color & size control for assorted text. */
/* this chunk right here determines all displayed text + border colors. */
html, body, a, div, li {color: #8a4545; font-family: times new roman; font-size: 12px; line-height: 13px;}

/* link colors... */
a:link, a:visited {text-decoration: bold; color: #8a4545;}
a:hover, a:active {color: #df7272;}

/* bold, italics, underlined text */
b {color: #a34141;}
i {color: #a34141;}
u {color: #a34141;}

/* you can force a specific section to have a specific color + border! */
/* just replace C1 with whatever section you wish to have a unique color for its text and border! C1 is the story box, for reference. */
#C1 {color: #b81818 !important;}


/* column config. column 1 is minion, column 2 is general, don't touch, pet stuff */
#column_1{width:64px; height:80px !important; position:absolute;top:20px;left:162px}
#pet_minion {background-color:#FFFFFF; height: 138px; border:2px solid;}
#column_2{width:300px; height:300px !important; position:absolute;top:80px;left:235px;}

/* column 3 is stats. if you don't wish to display stats, remove all but the first column 3 config and just slap a display none in there. */
#column_3 {display: none;}


/* name/info/owner config, feel free to edit */
.pet_name{position:absolute;top:-30px;left:25px;width:256px;font-size:26px; color: #a34141; font-family: occidental;}
.pet_color_info{position:absolute;top:218px;left:105px;}
.owner{position:absolute;top:231px;left:121px;}
.pet_color_info,.owner{line-height:3px;}


/* storybox config. editable, but size and location might overlap w friends box if changed */
#C1{width:325px;height:215px; top:95px;left:540px; overflow:hidden;position:absolute; padding: 4px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; background-color:#FFFFFF;z-index:10; border:4px solid;}
#C1:hover{overflow:auto;}


/* friends box config. easy to break, ask me for edits */
#pet_friends{position:absolute; top:325px; left:600px;
height:1px; width:215px; overflow:hidden;
transition: height .7s ease-in-out;
-moz-transition: height .7s ease-in-out;
-webkit-transition: height .7s ease-in-out;
-o-transition: height .7s ease-in-out;z-index:20;
background-color:#FFFFFF;
border:3px solid;}

#pet_friends:hover{position:absolute; overflow:auto;
width:215px;height:70px; z-index:35;}
#pet_friends:hover {position: absolute; height: 80px; overflow:auto;}

.friend_div {width: 180px; height: auto; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.friend_div img {float: left; width: 64px; height: 64px;}


/* pet treasure config */
#pet_treasure
{position:absolute;
text-align: center;
top:380px; left:248px;
width:290px; height:108px;
overflow: hidden;
background-color:#FFFFFF;
border:3px solid;}
#pet_treasure:hover {overflow: auto}
#pet_treasure img {border:1px solid;}

/* spotlight config */
.pet_spotlight{position:absolute;width:64px !important; top:140px; left:-70px; background-color:#FFFFFF; border:2px solid;}
div.treasure_item {height:48px;width:48px; margin-top: 6px; margin-left: 6px;}
#pet_spotlight img {border:1px solid;}

/* hover effects config. it's v self-explanatory and customizable. */
/* if you don't want any hover effects, just snip out this chunk. */

.treasure_item{filter: alpha(opacity=70);opacity: .7;-moz-opacity: .7}
.treasure_item:hover{filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1}

#pet_minion {opacity:0.6;-webkit-transition: opacity .5s linear;-moz-transition: opacity 0.5s linear;}
#pet_minion:hover{opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#pet_image{opacity:0.8;-webkit-transition: opacity .5s linear;-moz-transition: opacity 0.5s linear;}
#pet_image:hover{opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.pet_spotlight{opacity:0.4;-webkit-transition: opacity .5s linear;-moz-transition: opacity 0.5s linear;}
.pet_spotlight:hover{opacity:0.8;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#C1{filter: alpha(opacity=90);opacity: .9;-moz-opacity: .9}
#C1:hover{filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1}
</style>



<div id="C1">
testing placeholder profile!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
story box height test.<br><br><br><br><br><br><br><br><br><br>
</div>