Pretty Purple

<style type="text/css">



.pfor{display:none;}
#profile{border:none;background: transparent;}








 #s-m-t-tooltip{
max-width:300px;
margin:15px;
padding:2px 4px;
border:#eee solid 1px;
background:#FFF;
color:#AAA;
z-index:999999;
font-size:9px;
border-right:2px #cab1da solid;
border-left:2px #cab1da solid;
border-radius:4px;
text-transform:lowercase;
letter-spacing:2px;}

iframe#tumblr_controls {
right:2px !important;
position: fixed !important;
opacity:0.1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-filter: invert(100%);
}

iframe#tumblr_controls:hover{
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity:0.9;}

p {
margin:0px;
margin-top:0px;
}

body {
padding: 0px;
margin: 0px;
color:#bbbbbb;
font-family: serif;
font-size:11px;
background-color:#424A53;
background-image:url('http://assets.tumblr.com/images/x.gif?v=1');
background-attachment: fixed;
background-repeat: repeat;
cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
}

#lights{
background:url();
background-repeat:repeat-x;
top:0px; left:0px;
position:fixed;
width:100%; height:40px;
z-index:101;
border-top:1px #fff solid;
}

a:link, a:active, a:visited{
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
color:#cab1da;
font-style:normal;
letter-spacing:1px;
}

a:hover {
text-decoration: none;
color: #000;
cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
}

#png{bottom:0px; left:0px; position:fixed; z-index:0; opacity:0.3;
 width:340px;
}

#png2{bottom:0px; right:0px; position:fixed; z-index:0; opacity:0.15;
 width:400px;
}

#creds{
 background:#424A53;
 border:#ddd 0px solid;
 font-size:10px;
 position:fixed;
 border-radius:5px;
 padding:3px 3px 3px 8px;
 text-transform:uppercase;
 text-align:center;
 left:-59px;
 top:9px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
letter-spacing:1px;
}

#creds a{color:#bbbbbb; font-style:normal;} #creds a:hover{color: #cab1da;}

#creds:hover{left:-5px;}

.yo {border:1px solid #eee; padding:4px; border-radius:4px; background:#fbfbfb;}

/*CUSTOMIZE ENTRY SETTINGS HERE*/
.entry {
float:left;
display: block;
margin:10px;
overflow:hidden;
width:200px;
padding:15px;
border:1px #eee solid;
border-radius:2px;

width:465px;
text-align:left;
line-height:10px;

background:white;
background-image:URL();
}

/*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
.entry .perma{
position:absolute;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
z-index:999;
opacity:0.0;
transition:All 0.9s ease;
 -webkit-transition:All 0.9s ease;
 -moz-transition:All 0.9s ease;
 -o-transition:All 0.9s ease;
 position:absolute;
 right:-30px; bottom:3px;
 color:#fff;
 font-size:8px;
 padding:2px;
 text-align:right;
}

.perma a{border-bottom:1px dashed #cab1da;}

.entry:hover .perma{
opacity:1.0; right:10px;
}

.entry img{max-width:238px; opacity:0.6;
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;


max-width:465px;

}

.entry:hover img{opacity:0.8;}


/*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
#posts {
width:774px;
margin-top:10px;
z-index:99;
left:415px;
right:auto;
background:transparent;
margin-right:auto;
position:relative;
overflow-y: hidden;
}


/*CUSTOMIZE SIDEBAR HERE*/
#sidebar{
position:fixed !important;
top:160px; left:90px;
width:191px;
background:white;
padding:10px;
border-bottom:3px #dccbe7 solid;
border-top:3px #dccbe7 solid;
border-left:1px #eee solid;
border-right:1px #eee solid;
border-top-left-radius:30px 10px;
border-top-right-radius:30px 10px;
border-bottom-left-radius:30px 10px;
border-bottom-right-radius:30px 10px;
}

.sideb{
position:relative;
width:155px; height:auto;
background:white;
padding:12px;
border:1px #ececec solid;
font-size:10px;
text-align:center;
margin:5px;
z-index:5;
}

#simg{
 width:145px;
 padding:4px;
 border:1px solid #ececec;
 height:auto;
 overflow:hidden;
 opacity:0.8;
 border-radius:3px;
 -webkit-filter: grayscale(100%) brightness(100%) contrast(100%);
}

#simg img{border-radius:3px;}

#desc{
 overflow:auto;
 position:relative;
 padding:3px;
 text-align:justify;
}

#blogtitle{
 font-size:10px;
 text-transform:uppercase;
 letter-spacing:2px;
 line-height:13px;
 color:#cab1da;
 text-align:center;
 text-decoration:underline;
}

::-webkit-scrollbar {
height:auto; width:9px; background-color:#bbbbbb; border:4px solid #fff;}

::-webkit-scrollbar-thumb{
background-color: #dccbe7;
border:1px solid #d2dae5; height:auto; -moz-border-radius: 10px; border-radius:10px;}

.nav{
 margin-top:3px;
 text-align:left;
 position:absolute; bottom:10px; left:208px;
 width:65px;
}

.nav a{
 width:96px;
 font-size:8px;
 letter-spacing:2px;
 border-top:3px #fff solid;
 border-right:3px #fff solid;
 border-bottom:3px #fff solid;
-webkit-box-shadow: 0px 0px 0px 1px rgba(238,238,238,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(238,238,238,1);
box-shadow: 0px 0px 0px 1px rgba(238,238,238,1);
 margin:4px;
 padding:3px;
 transition:All 0.8s ease;
 -webkit-transition:All 0.8s ease;
 -moz-transition:All 0.8s ease;
 -o-transition:All 0.8s ease;
 display:inline-block;
 overflow:hidden;
 background:#dccbe7; color:#000;
 border-radius:0px 8px 8px 0px;
}

.nav a:hover{
color:#dccbe7; background:#fff; padding-left:6px;
}

#spic{width:165px; overflow:hidden; height:110px; border-radius:5px;}

#top a{
 font-size:8px;
 letter-spacing:2px;
 background:#eee;
 border-bottom:1px dashed;
 margin:6px 2px;
 padding:2px;
 transition:All 0.8s ease;
 -webkit-transition:All 0.8s ease;
 -moz-transition:All 0.8s ease;
 -o-transition:All 0.8s ease;
 display:inline-block;
 border-radius:3px;
 overflow:hidden;
 color:#bbbbbb;}

#top a:hover{background:;}


/*CUSTOMIZE TITLE OF ENTRIES HERE*/
.title{
color:#cab1da;
 font-size:10px;
 text-transform:uppercase;
 font-style:italic;
 letter-spacing:2px;
 line-height:13px;
}

askk{color:#cab1da;
 font-size:10px;
 text-transform:uppercase;
 font-style:italic;
 letter-spacing:1px;
 line-height:13px;}


/*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
.permalink{
text-transform: normal;
display: block;
text-align: center;
margin-top:6px;
text-decoration: none;
font-size:8px; text-transform:uppercase;
}

sp{margin:0px 4px;}

.permalink a{font-style:normal;}


/*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}

#postnotes{
text-align: justify;}

#postnotes blockquote{
border: 0px;}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
background:#f7f7f7;
border-left:1px #eee solid;
}

blockquote p, ul{
margin:0px;
padding:0px;
}

a img{border: 0px;}

#credit{
 position:fixed;
 top:25px; left:-80px;
 transition:All 0.8s ease;
 -webkit-transition:All 0.8s ease;
 -moz-transition:All 0.8s ease;
 -o-transition:All 0.8s ease;
 z-index:9999999999999999999999999999;
 text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0px 0px 18px rgba(150, 150, 150, 0.75);
}

#credit:hover{left:2px;}

#network{z-index:99999; position:fixed; top:3px; left:3px;}

ul, ol, li{list-style-type:circle; margin:0px; padding:0px; margin-left:15px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:#cab1da; text-transform:uppercase; font-size:9px;}

.notes img{width:10px; position:relative; top:3px;}

small{font-size: 90%;}




#top{
 background:white;
 border-bottom:1px #ddd solid;
 height:26px; width:100%;
 position:fixed;
 top:0px;
 padding-left:5px;
}

hi{color:#cab1da; font-weight:bold;}

</style>



<div id="png"></div>

<div id="png2"><img src="" width=100%></div>

<div class="wrapper">
<div class="header">
</div>

<div id="cage">
<div id="center">

</div>

<div id="creds"><a target="_blank" href="cat-inthe-cradle.tumblr.com" title="theme by">♥ Cat</a> ☂</div>


<div id="sidebar">

<div class="sideb">
 <div id="simg"><img src="image url" width=100%></div>
</div>

<div class="sideb">

12" - Rowan; fairy wing; flexible <P><br />
 <div id="blogtitle">



<b>Out of Character</b></div>
 <div id="desc">
#1. Text <br />
#2. TExt<br />
#3. <a target="_blank" href="cat-inthe-cradle.tumblr.com" title="Cat in the Cradle codes">Cat in the Cradle Codes</a> <br />
#4. Test <br />
#5. Text.





</div>
</div>

 <div class="nav">
 <a href="/">Text</a>
 <a href="/">Text</a>
 <a href="/">Text</a>
 <a href="/">Text</a>
 <a href="/">Text</a>
 <a href="/">Text</a>
 <a href="/">Text</a>
 <a href="/">text</a>
 <a href="/">text</a>
 <a href="/">text</a>
 <a href="/">Text</a>



 </div>