Evangrace

Tutorials&Freebies(including Blogskins!)

Blogskin #4


*click on the pic for a larger view

the codes:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href="http://static.tumblr.com/1f1tzta/Drsme9t4s/preview.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" class="btn_close" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<title> p a s te l </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:100,
attribute:"title"
});
});
})(jQuery);
</script>


<style type="text/css">
#navbar-iframe{display: none;}
::-webkit-scrollbar-thumb:vertical {background-color:#fff;border:solid 2px #ddd;width:10px;height:1px;}
::-webkit-scrollbar {width:10px;background-color:transparent;}
body {
overflow-x: hidden;overflow-y: hidden;
cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat344.png),auto;
font-size: 11px;
line-height: 17px;
font-spacing:2px;
text-align: justify;
font-family: Lucida Sans Unicode;
color: #999999;
background-color: #ffffff;
background-image: url('http://i.imgur.com/LAARJ.png');
background-attachment: fixed;

}
.popup_block{
display: none;
background: #D3D3D3;
background-image: url(http://i.imgur.com/nSofpFG.png);
padding: 10px;
font-family: "short stack";
float: left;
color:#fff;
font-size: 10px;
position: fixed;
top: 50%; left: 50%;
z-index: 20000000;
border: 4px solid #fff;
-moz-box-shadow: 9px 9px 9px #eee;
-webkit-box-shadow: 0 0 15px #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -5px -5px 0 0;
}
.title{
font-family:"rochester";
font-size:20px;
color: #ccc;
text-shadow: 0 0 0.1em #fff, 0 0 0.1em #ECD872;
}
.tr-caption{font: 15px ; color:#ddd;padding-top: -3px;padding-bottom: 3px;}
*html .popup_block {
position: absolute;
}
.kimi{background:url(http://shabbyblogs.com/wp-content/themes/shabbyblog/images/header-bg.png) repeat-x 0 -13px; height:188px;}
#place {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 380px;
background-color: #ffffff;
background-image: url('http://25.media.tumblr.com/276cc2ecee48cb1a149cf94640066906/tumblr_movdbcThVO1ru3nbdo3_250.png');
background-attachment: fixed;
}
.ttl {
color: #fff;
text-align: center;
z-index: 3222;
position:center;
margin-top:3px;
text-shadow: 0 0 0.1em #fff, 0 0 0.1em #ECD872;
font: normal 25px "meow";
background: url('http://24.media.tumblr.com/tumblr_mcxd5sNmFl1ql5qdho3_500.png');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#line {
position: fixed;
z-index: -1;
top: 380px;
width: 100%;
height: 10px;
background-color: #fff;
}
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon/icomoon.eot');
src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.woff') format('woff'),
url('../fonts/icomoon/icomoon.ttf') format('truetype'),
url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.smiley {
content: "\e001";
}
.content{width:550px; border: 12px #f5e7c6 solid; padding:2px;-webkit-box-shadow:0 0 5px #eee;border-radius:10px; height:430px;}
.content-inside{background:url();padding:2px;border-radius:10px;height:auto;}
.content-position{position:relative;top:-20px; }
.pager {font-family:century gothic; text-transform:uppercase;}
.blogger-labels{text-align: ;}
.click{
position:absolute;
width:80px;
border:1px dashed pink;
background: url(http://www.pastelpatterns.com/small/smallpattern-12.png);
line-height:12px;
color: #666;
cursor:crosshair;
font-size:8pt;
font-family:Tahoma;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
padding-right:2px;
z-index:50;
visibility:hidden;
}


.limo{
width: 90%;
margin: 0 auto;
position: relative;
}
.h4{ font-family: 'short stack'; color:#fff; font-size:10px;letter-spacing:2px;}
.ar {margin: 0 auto; width: 0; height: 0; margin-top:-10px;border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ECD7AA;}
.sd1 {width:180px; padding: 1px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px;
-webkit-border-radius: 7px; -khtml-border-radius: 7px;}
.h2 {
display: block;
margin-bottom: 5px;
letter-spacing: 3px;
font: 17px/2px 'Patrick Hand SC';
text-shadow: 1px 0 .5px #fff, -0px 0 .5px #fff;
background: #f8eeee;
color: #ccc;
text-align:center;
margin-bottom:15px;
}
#s-m-t-tooltip{
width:auto;
z-index:10;
margin:20px 14px 7px 12px;
padding:5px;
background-color:#fff;
font-family:'helvetica';
letter-spacing:1px;
font-size:8px;
line-height:5px;
color:#ccc;
text-transform:uppercase;
border:2px solid #eee;
z-index:999999999;
}

blockquote {
padding: 5px 5px 5px 5px;
position:center;
border:5px double #eee;
border-radius:5px ;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mdy2lwiD4C1qk1or3.gif);
letter-spacing: 1px;
padding: 5px 5px 5px 5px;
width:300px;
height:50px;overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
}
::selection {color: #000; background: #f9f9f9;} ::-moz-selection{color: #000; background: #f9f9f9;}
.deux {
margin: auto;
width: 530px;
}
.box {
margin-bottom:-10px;
display:inline-block;
width:auto;
background: #fff;
color: #d6cdc1;
text-align:center;
font-family:courier new;
font-size:9px;
letter-spacing:2px;
border: 2px #f5e7c6 solid;
border-radius:5px;
cursor: url(http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png), progress;
padding:2px;
filter: alpha (opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-transition-duration: .50s;
margin-top:55px;
}
.box:hover{
color:#fff;

background-image:url('http://i.imgur.com/73wKwjZ.png');
}
a.box:hover {
filter: alpha (opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-transition-duration: .50s;
border-bottom:none;
cursor: url(http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png), progress;
}
rolf {
background-image:url('http://25.media.tumblr.com/tumblr_me9pl4Dscb1qcdtsho1_1280.jpg');
padding: 10px;
border: 1px solid #ddd;
}
@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
ul
{
list-style-image:url('http://media.tumblr.com/tumblr_m2kfzgmf7Z1qdlkyg.gif');
}
.raejun:a:link{
font-size:5px;
font-family:"tinytots";
text-align:center;
Text-decoration:none;
color:#fff;
}
em{
font-size: 17px;
font-family: 'Rochester';
}
img
{
opacity:0.7;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #DFDFDF;
background:url(http://i.imgur.com/B5Y2m.png);

display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #FF8888;
}
.raejun:hover{
width:66px;
border-left:30px solid #FFBBBB;
}
.deux a {
padding: 5px;
color: #BFBFBF;
background: #FCFCFC;
border:5px solid ;
border-image: url(http://i.imgur.com/azdfn4r.jpg) 5% repeat;
margin-bottom:10px;
}
.deux a:hover {
color: #8C8C8C;
background: #FFFFFF;
}
.subtitle {
color: #fff;
font-family: '04b03';
font-size:11px;
letter-spacing: 2px;
line-height: 0px;
font-weight: heavy;
text-transform: uppercase;
text-align: center;
margin: 0px;
padding: 0px;
margin-bottom: -3px;
}
a:link, a:active, a:visited {
color: #c0c0c0;
text-shadow: 1px 0 .5px #fff, -0px 0 .5px #fff;
cursor: url('http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png'), auto;
font-family: 'short stack', cursive;
font-size:13px;
text-decoration:none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
a:hover {
text-decoration:none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
color: #fff;
text-shadow: 1px 0 .5px #fff, -0px 0 .5px #fff;
cursor: url('http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png'), auto;
}
#content {
position:relative;
margin:0 auto;
width: 550px;
height:500px;
left:0%;
top:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:auto;
background:transparent;
}
a.thingi{
word-spacing:10px;
color: #c0c0c0;
text-decoration:none;
font-family:"short stack";
font-size:13px;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif);
background-repeat:no-repeat;background-size:15px ;padding-left:20px !important;line-height:18px !important;}
.sd {width: 230px; padding: 8px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
a.thingi:hover{
color: #E8D6CC;cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif) !important;
background-repeat:no-repeat !important;background-size:20px !important;padding-left:20px !important;line-height:18px !important; !important}

#entry {
max-width:500px;
width:500px;
padding:10px;
background-color:#fff;
}
#cbox123 {
z-index: 9999;
position: fixed;
bottom: -180px;
left: 20px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#cbox123:hover {
bottom: 0px;
}
.cboxtitle {
text-align: center;
font-size: 18px;
font-family: nara;
letter-spacing: 2px;
color: #d6cdc1;
width: 140px;
background-color: #fff;
padding: 3px 5px 5px 5px;
border: 2px solid #C8D9DB;
border-top-right-radius: 10px;
text-transform:lowercase;
}
</style>
<div id="place">
<div class="kimi" style="margin-top:-70px;opacity:0.8;"></div>
<div id="line"></div>
</head>
<body>


<div style="background:#F2D4C9;color:#fff; position:fixed; top:-10px;left:70px;width:8px;height:230px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#F2D4C9;color:#fff; position:fixed; top:-10px;left:145px;width:8px;height:230px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="position:fixed; top:60px;left:60px;width:100px; color:#aaa;">
<div style="background:url(http://i.imgur.com/B5Y2m.png);color:#fff;width:100px; box-shadow:2px 2px 4px #bbb;text-align:center; font-size:12px; ">
<em>N</em>avigations</div>
<img src="http://24.media.tumblr.com/tumblr_m2yujgzIod1qzcrd8o1_400.gif" style="width:80px;border:10px solid #F2D4C9;margin-top:5px;box-shadow:2px 2px 4px #ddd; opacity:.70; " >
<a class="raejun" href="http://www.blogger.com/follow-blog.g?blogID= 3707472290340783163" target="_blank" "><span style="color: #fff">+Follow</span></a>
<a class="raejun" href="http://www.tumblr.com/"><span style="color: #fff">Tumblr</span></a>
<a class="raejun" href="https://www.facebook.com/"><span style="color: #fff">Facebook</span></a>
<a class="raejun" href="http://www.blogger.com/home"><span style="color: #fff">Dashboard</span></a>
</div>
</div>
</div>
<div class="ttl"><center>The little symphonies of life</center><div class="subtitle">A personal blog by YOUR NAME &hearts;</div></div>
<rolf style="margin:auto;margin-top:10px;">
<center><img src=http://i.imgur.com/Oi0Pm6s.png><a class="box" href="/" title="refresh!"><img src="http://i.imgur.com/LilmuXC.png" style="width:13px;opacity:.30;">Home</a>
<div class="box"><a href="#?w=300" rel="02" class="poplight" title="about me!"><img src="http://i.imgur.com/9jP5RQN.png" style="width:13px;opacity:.30;">About</a></div>
<div class="box"><a href="#?w=300" rel="05" class="poplight" title="tutorials"><img src="http://i.imgur.com/hIPg1wY.png" style="width:13px;opacity:.30;margin-top:1px;"> Tutos</a></div>
<div class="box"><a href="#?w=300" rel="04" class="poplight" title="Freebies"><img src="http://i.imgur.com/zlTjRBN.png" style="width:12px;opacity:.30;">Freebs</a></div>
<div class="box"><a href="/view/magazine" title="the past"><img src="http://i.imgur.com/xZValL0.png" style="width:15px;opacity:.30;margin-top:4px;">Archive</a></div><img src=http://i.imgur.com/my6FFqL.png>
</center>
</rolf>
<table align="center"><tr>
<td valign="top" width="230">
<div class="content-position">
<div class="content"><div style="overflow-x: hidden;overflow-y: scroll; background:#fff; padding:0px; height:430px;width:550px; "><div class="content-inside">
<div id="page">
<Blogger>
<br>
<div class="h2"><$BlogItemTitlegt;</div>&nbsp;
<center><div class="ar"></div></center>
<center><div class="sd1">
<div class="h4"><center><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader>&nbsp;<img src='http://i.imgur.com/iGxniJa.gif' style="opacity: .70;"></center></div>
</div></center>
<br>
<$BlogItemBodygt;<br>
</Blogger>
<span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPostsgt;><img src=http://sl.glitter-graphics.net/pub/1009/1009302tzljlzcunp.gif></a></span>
<span style="float:right;"><a class="pager" title="Older Posts" href=<$OlderPostsgt;><img src=http://sl.glitter-graphics.net/pub/1009/1009303oxn0odg6r4.gif></a></span>
<br><center><span style="font-family: arial; font-size: x-small;color:#ddd ;">Copyright ©.Layout by:<a href="http://evangelistagrace.blogspot.com/" target="_blank">Evangelista</a></span><span style="font-family: arial; font-size: x-small;color:#ddd ;">. Navigation thingy by<a href="http://wanaseoby.blogspot.com/" > Wanaseoby </a>. All rights reserved.</span></center><center><div></div></div>
</td></tr></table>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/1f1tzta/dX9m986fz/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>!window.jQuery.ui && document.write(unescape('%3Cscript src="http://static.tumblr.com/1f1tzta/gacm986gu/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script>
<script src="http://static.tumblr.com/1f1tzta/KtCm986fe/jquery.mousewheel.min.js"></script>
<script src="http://static.tumblr.com/1f1tzta/QPIm986ex/jquery.mcustomscrollbar.min.js"></script>
<script>
(function($){
$(window).load(function(){
$("#content").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" class="btn_close" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('a:link');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.ttl');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.cboxtitle');</script>

<div id="cbox123">
<div class="cboxtitle"><img src="http://media.tumblr.com/033a69ce994349a250c8fd9a87347d57/tumblr_inline_mfnj5dqLGY1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/e4e10358c8de11e2588dd47e697cc0c4/tumblr_inline_mfnj5aPvIO1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/f2440b6fee8ac831f70b390a6ae53f56/tumblr_inline_mfnj71oS7x1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/b88fa9a0747cb5bb99d038f81c646c6a/tumblr_inline_mfnj92bYFh1qdlkyg.gif" style="width:17px;" ><img src=http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif></div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="150" height="105" src="http://www5.cbox.ws/box/?boxid=712646&amp;boxtag=zg4n92&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-712646" style="border: 0px solid;border-top:0px" id="cboxmain5-712646"></iframe></div>
</div>
<div><iframe frameborder="0" width="150" height="75" src="http://www5.cbox.ws/box/?boxid=712646&amp;boxtag=zg4n92&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0px solid;border-top:0px" id="cboxform5-712646"></iframe></div>
</div>
<!-- END CBOX --></div>
</div>

<div id="02" class="popup_block">
<Center><div class="title">Hello there!</div><center><img src="http://2.bp.blogspot.com/-z0Q92ZWBgas/UKNqx4a3-EI/AAAAAAAABPk/vt097ErJ2oc/s1600/th_kawaiihibear.png" style="width:100px; opacity:.50;border:5px solid #fff;
-moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:100px;
height:100px;"><br><br><div class="ar"></div>
<div class="sd">YOUR PROFILE GOES HERE
</div></center></div>
</div></div></div></div></div></div></div></div></div></div>


<div id="05" class="popup_block">
<div style="width:auto;height:150px;overflow:auto; "><Center><div class="title">Tutorials for you</div></center>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
</div>
</div></div></div></div></div></div></div></div></div></div>
<div id="04" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
<Center><div class="title">Freebies for you</div></center>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
<ul><a class="thingi" href="/">LINK</a></ul>
</div></div>
</div></div></div></div></div></div></div></div></div></div>



<div style="display:scroll; position:fixed; top:5px; right:90px;z-index:200000;"><object width="110" height="50" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="110" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&nomuz=muzicon%20unavailable&site=http://muzicons.com/&icon_pic=45.png&music_file=http://k005.kiwi6.com/hotlink/z948yws57d/Keith_Kenniff_-_Goldengrove.mp3&bg_color=F3B5A5&type_of_clip=simple&text_color=FFFFFF&text_message=heart" wmode="transparent" menu="false" quality="high"></embed></object><br/></div>