CODES;

<html>
<head><link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
<title>A SHARED DREAM</title>

<style type="text/css">

#navbar-iframe {
display: none !important;
}

body {
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
font-family:calibri;
color: #000;
font-size:13px;
}

a:link,a:visited{
color:#808080;
text-decoration:none;
cursor: crosshair;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;

}

a:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-bottom:2px solid #000;
}

u{
text-decoration:none;
border-bottom:2px solid #e5dada;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

u:hover{
border-bottom:2px solid #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}

a.navigateu {
color:#fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

.navigateu:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#000;
border:none;
}

.navigateu {
color:#fff;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

.navigateu:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#000;
}

.Titeul {
background:url(http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png);
color:#fff;
padding:3px;
font-family:courier new;
font-size:15px;
padding:5px;
margin:0px 0px 5px;
}

#comments {
margin:-25px 13px 0;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}

#comments-block {
margin:0 15px 0 9px;
}

.comment-data {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
color:#666;
}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}

.comment-body p {
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
border:1px dotted #e9e7e7 ;
border-radius:5px;
margin:0 0 .5em;
padding:5px;
color:#808080;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.comment-timestamp a:link {
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

::-webkit-scrollbar {
width:6px;
height:auto;
background:#fff;
}

::-webkit-scrollbar-thumb{
background:url(http://i.imgur.com/8wkFt.png);
border-radius:10px;
}

a.linkies {
color:#000;
width:50px;
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #808080;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

a.linkies:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #333;
}

blockquote{
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
font-family:courier new;
border-right:5px solid #808080;}

blockquote:hover{
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left:5px solid #808080;}

.post-footer{
background:url(http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png);
color:#fff;
padding:3px;
height:15px;
font-family:courier new;
font-size:15px;
margin:15px 0px 15px;
}

</style></head>
<body>

<div style="position:fixed; top:0px; left:0px; background:url(http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png) ;width:100%; height:100px"><img src="http://img407.imageshack.us/img407/5111/uk05.png" style="float:left;"><br/><br/><br/><br/><span style="font-family:courier new; color:#fff; font-size:30px; padding-left:15px;">
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">Because</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">We</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">Shared</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML" title="">One </a>
<a class="navigateu" href="http://www.blogger.com/follow-blog.g?blogID=BLOGIDHERE" title="Follow">Dreams </a></span></div>

<div style="position:fixed; top:130px; left:90px;overflow-x: hidden;overflow-y: scroll; background:url(http://29.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo5_250.png); padding:10px; height:430px;width:600px; "><div id="main"><div class="titeul"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
</div></div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>

<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"><< home ♥</a>
</p>
</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</div>
</div>


<div id="one" style="display: none;">

<div class="titeul">Know me</div> <br/>
write about you here.

<div class="post-footer"></div>
</div>


<div id="two" style="display: none;">

<div class="titeul"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
</div></div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>

<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"><< home ♥</a>
</p>
</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</div>
</div>


<div id="three" style="display: none;">

<div class="titeul">Shout here</div> <br/>
Put your shoutbox codes here

<div class="post-footer"></div></div>


<div id="four" style="display: none;">

<div class="titeul">Links</div> <br/><center>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a><br/>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>

</center><br/><br/>
<div class="titeul">Credits</div> <br/><center>

Skin made by  <a href="http://wanaseoby.blogspot.com/">Wana </a> . <a style="font-size:9px;"href="http://lavestale.tumblr.com/" title="background">[
♥ ]</a>

<div class="post-footer"></div>
</div>

</div>

</body></html>