<html>
<!--------------------------------------
SKIN BY: A D A M F A I Z
TITLE: Purple
!!*--DONT REMOVE THIS SECTION--*!!
--------------------------------------!>
<head>
<title>Purple's</title>
<link rel="shortcut icon" href="http://2.bp.blogspot.com/-Zpj7HoXwReo/TwNfhmpyGDI/AAAAAAAAAlI/-YK3eHrjA_4/s1600/ribbon.gif">
</head>
<style>
body{
background: #F0E8F3 url(http://i.imgur.com/gCPW558.png);
background-repeat: repeat;;
font-family: 'Imprima';
color: #333; 
cursor: url(http://media.tumblr.com/tumblr_m2wj5nGrvG1qfamg6.gif),auto;
font-size: 12px; 
margin: 0px 0 8px 0;
font-color: #666666;
}
@font-face {
font-family: 'Imprima';
font-style: normal;
font-weight: 400;
src: local('Imprima'), local('Imprima-Regular'), url(http://themes.googleusercontent.com/static/fonts/imprima/v2/Lw4J4XiH21tNmX0DzARuSA.woff) format('woff');
}
#navbar-iframe{
display: none;
height: 0;
visibility: hidden;
}
a, a:visited, a:active {
color: #777; 
text-decoration: none;
}
a:hover {
color: #D0C6DE; 
text-decoration:none;
}
#sidebar-h2 {
color:#333;
box-shadow: 2px 0px 0px #aaa;
background:#E5D9E7;
font-family: 'Pathway Gothic One';
font-size: 16px;
text-transform:uppercase;
font-weight: normal;
letter-spacing: 1px;
text-align: center;
border-radius:5px;
padding:3px;
}
@font-face {
font-family: 'Pathway Gothic One';
font-style: normal;
font-weight: 400;
src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format('woff');
}

#main-wrapper{
width:570px; 
background:#FFFFFF; 
padding: 10px;
text-align:justify;
}
.icon{  
color: #E5D9E7;
font:26px georgia;
margin-bottom: 5px; 
margin-top:-10px;
text-align:right; 
padding-right:30px; 
}
.navigation {
border:2px solid #000000;
border-radius:3px;
color: #ffffff;
-webkit-transition: 1s;
padding:2px;
}
#post-footer{
height:20px; 
width:550px;
margin-top: 20px;
border-top: 2px solid #D0C6DE;
background:#ffffff; 
padding-bottom:10px;
padding-top:10px;
text-transform:uppercase;
font-size: 16px; 
font-family: Pathway Gothic One; 
}

.post-body{
padding-bottom:20px;
padding-top: 10px;
line-height: 17px;
font-family: calibri;
font-size: 14px;
color: #666666;
line-height: 1.5em;
text-align:left;
}
#post-title {
color:#333;
box-shadow: 2px 0px 0px #aaa;
background:#E5D9E7;
font-family: 'Pathway Gothic One';
font-size: 16px;
text-transform:uppercase;
font-weight: normal;
letter-spacing: 1px;
text-align: center;
border-radius:5px;
padding:3px;
}
.girlpic {
z-index:10;
float:left;
position: absolute;
top: 40px;
left: 188px;
width: 140px;
padding-bottom:30px;
box-shadow: 0px 3px 5px #aaa;
border: 7px solid #fff;
}
.sidenavi {
z-index:10;
float:right;
position: absolute;
top: 40px;
padding: 2px;
height: 229px;
background:#D0C6DE;
left: 340px;
}

a.new {
padding-top:10px;
font-family: Pathway Gothic One;
font-size: 16px;
margin: 4px;
font-weight:normal;
text-transform:uppercase;
padding:3px;
color: #333;
border: 1px dotted #D0C6DE;
background: #E5D9E7;
letter-spacing:1px;
}
a.old{
padding-top:10px;
font-family: Pathway Gothic One;
font-size: 16px;
font-weight:normal;
text-transform:uppercase;
padding:3px;
color: #333;
border: 1px dotted #D0C6DE;
background: #E5D9E7;
letter-spacing:1px;
}
.raejun{
width:90px;
padding:4px;
margin:4px;
background:#F3EFF0;
font:11px calibri; 
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:block;
-webkit-transition: 1s;
border-right:20px solid aaa;
border-left:0px solid #aaa;
}

.raejun:hover{
-webkit-transition: 1s;
color:#fff;
}
a.jeonjin {
letter-spacing:1px;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font: 11px calibri;
text-align:center;
background: #F3EFF0;
width:95px;
color:#000;
padding:6px;
text-decoration:none;
}
a.jeonjin:hover{
background: white;
cursor: vertical-text;
}
blockquote {
    
    padding: 5px;
    border: 1px dashed #D0C6DE;
    padding-left: 25px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ8eAicWdrdOisa5Kv4QS-mKi02TqJTuiHLkex6hcj9ReQJ7hlREygLGUQEqnFmu9TuhlV3C9cDd7m5mWSSPsv7APdXdzB5KD0CCow_s5wrbUnGoXCEdgeGl1UN081AR5QfeFtTTLgvIs/s1600/purple.png) repeat-y;
    background-size: 20px 20px;
}
</style>

<body>



<img src="http://data3.whicdn.com/images/101063143/large.jpg" class="girlpic">
<div class="sidenavi">

<a class="raejun" href="LINK HERE">link 1</a>
<a class="raejun" href="LINK HERE">link 2</a>
<a class="raejun" href="LINK HERE">link 3</a>
<a class="raejun" href="LINK HERE">link 4</a>

</div>

<div style="position:absolute;  left: 180px; top: 150px; background: #ffffff;box-shadow: 0px 4px 4px #D0C6DE;padding: 10px; text-align:justify; width: 260px; margin:10px; -webkit-border-top-left-radius: 10px;z-index:1; text-align:justify;">

<div class="nme">
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<div id="sidebar-h2">bonjour people</div>
<div class='icon'>&#9660;</div>

<img  style="clear: right; float: left;border: 1px solid #ddd;width:80px;height:80px;padding:2px; margin-bottom: 1em; margin-right: 0.5em;" src="http://i1176.photobucket.com/albums/x333/MeloChan/Enero2014/E2_zps02db4bd5.png" width="50" />
Put your own information (likes, dislikes, etc), and other 
<br>
</br>
<br>
<br>
<br>
<br>
<br>


<div id="sidebar-h2">chatbox here</div>
<div class='icon'>&#9660;</div>

your chatbox widget codes here.Go to the cbox.ws

<br>
<br>
<br>

<div id="sidebar-h2">blank widget</div>
<div class='icon'>&#9660;</div>

put your widget here

<br>
<br>
<br>
<br>

<div id="sidebar-h2">Credits</div>
<div class='icon'>&#9660;</div>

<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<center>Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
Image : <a href="http://weheartit.com/">We♥It</a><br>
Image 2 : <a href="http://stickytoffee-graphics.blogspot.com.ar/">Monster</a><br>
<br>
</center>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
                        
             <br><br>       
                        
</div>
<br>



<div style="position:absolute; left: 500px; top:50px;">
<center><div style="background:#D0C6DE;width:580px;padding:7px;">

<a class="jeonjin" href="LINK">refresh</a> 
<a class="jeonjin" href="LINK">about</a> 
<a class="jeonjin" href="LINK">stuffs</a> 
<a class="jeonjin" href="LINK">affiliates</a> 

</div></center>

<center><div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ8eAicWdrdOisa5Kv4QS-mKi02TqJTuiHLkex6hcj9ReQJ7hlREygLGUQEqnFmu9TuhlV3C9cDd7m5mWSSPsv7APdXdzB5KD0CCow_s5wrbUnGoXCEdgeGl1UN081AR5QfeFtTTLgvIs/s1600/purple.png);background-size: 2%;height:10px;width:580px;"></div></center>

<Blogger>

<div id="main-wrapper">

<div id="post-title"><$BlogItemTitle$></div>
<center><div style="font: 11px calibri;padding:4px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;text-transform:uppercase;border: 1px solid purple;border-top: none;margin-bottom:14px;width: 270px;"><i><BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader> 
<$BlogItemDateTime$></i></div></center>
<div class="post-body"><$BlogItemBody$></div>


<div id="post-footer">
<div style="float:right"><img 

src="http://2.bp.blogspot.com/-Zpj7HoXwReo/TwNfhmpyGDI/AAAAAAAAAlI/-YK3eHrjA_4/s1600/ribbon.gif"> <BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"<

$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments 

</a></BlogItemCommentsEnabled> 
</div>
</div>

</div>
</Blogger>
<center><olderposts> <a class="old" href=<$olderposts$>> older </a> 

</olderposts>

<newerposts>  <a class="new" href=<$newerposts$>>newer</a></newerposts></center><br>

<br>


</div>










</body>


</html>