Notes

$('#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>




<!-- DEFAULT VARIABLES -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#d7d7d7"/>
<meta name="image:background" content="http://media.tumblr.com/tumblr_m3k52h46aN1qef014.png">
<meta name="color:text" content="#000"/>
<meta name="color:link" content="#000"/>
<meta name="color:hover" content="#000"/>
<meta name="color:link shadows" content="#000"/>
<meta name="color:top bar" content="#f7f7f7"/>
<meta name="if:show blog title" content="1"/>
<meta name="if:infinite scrolling" content="1"/>
<meta name="if:shadow links" content="1"/>
<meta name="text:Link One Title" content="home" />
<meta name="text:Link One" content="/" />
<meta name="text:Link Two Title" content="ask" />
<meta name="text:Link Two" content="/ask" />
<meta name="text:Link Three Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link One" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Three Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Four Title" content="" />
<meta name="text:Link Four" content="" />
<meta name="text:Link Five Title" content="" />
<meta name="text:Link Five" content="" />
<meta name="text:Link Six Title" content="" />
<meta name="text:Link Six" content="" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}



<style type="text/css">


.popup_block{
display: none; /*--hidden by default--*/
background-color:;
background-image:url(http://static.tumblr.com/7vvcjqz/6NHm392vz/tumblr_m2l5ebxzrk1qdhizo.gif);
padding: 16px;
float: left;
font-family:'Varela', sans-serif;
font-size: 11px;
line-height:11px;
color: #000000;
text-align: left;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}




img.btn_close {
float: right;
margin: -14px -14px 0 0;
}




*html #fade {position: absolute;}




*html .popup_block {
position: absolute;
}

::-webkit-scrollbar {
height: 12px;
width: 14px;
background:{color:background};
}
::-webkit-scrollbar-thumb {
background-image:url(http://i48.photobucket.com/albums/f222/mazapain/WHITE.jpg);
border:1px solid #EEE0E5;
-webkit-border-radius: 5ex;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background:transparent;
}




#tumblr_controls{
position:fixed !important;
}

.wrapper{
margin: 0px auto;
width: 802px;
}

.header{
float: left;
width: 100%;
}

.left{
float: left;
margin-right: 20px;
width: 802px;
}

.right{
float: right;
width: 200px;
background-color: {color:Background};
}

@font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}

@font-face { font-family: "cake"; src: url('http://static.tumblr.com/chrrjbz/7NGlys3s8/cinnamon_cake.ttf'); }

body{
margin:0px;
background-color: {color:background};
background-image: url({image:background});
background-attachment: fixed;}
body, div, p, textarea, submit, input{
font-family: 'Varela', sans-serif;
font-size: 11px;
line-height:11px;
letter-spacing:px;
color:{color:text};
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:hover {
color:#000;
text-decoration: underline;
}


.photo img{
{block:IndexPage}

{/block:IndexPage}
}

.entry img{
252px;}

.entry {
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
padding: 0px;
float:left;
background-color: transparent;
{block:IndexPage}
width:252px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.entry .perma{
text-align: right;
font-family: 'Varela', sans-serif;
font-size:11px;
border-top: 1px dotted black;
padding-top: 1px;
}

.permalink a{
color:#000;
}

.entry .permalink{
margin-left: 100px;
margin-top: 0px;
padding: 5px;
height:auto;
width: auto;
position: absolute;
font-family:'Varela', sans-serif;
text-transform:lowercase;
font-size: 10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:1px;;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#fff;
}

.entry:hover .permalink{
margin-left: 0px;
overflow:visible;
-webkit-transition: opacity 0.2s linear; opacity: 0.8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}



#posts .entry img{
max-width: 250px;
}

#posts {
padding-top: 10px;
padding-left:160px;
margin-top:10px;
}

div#sidebar{
position:fixed !important;
width: 517px;
margin-left: 160px;
{block:ifshowblogtitle}
height: auto;{/block:ifshowblogtitle}
{block:ifnotshowblogtitle}
height: auto;{/block:ifnotshowblogtitle}
margin-top: 500px;
paddint-top:3px;
margin-left: 160px;
padding: 2px;
z-index: 100;
opacity:0.8;
background-color: #fff;
text-align: center;
}

.entry .perma2 a{
color: #000;
}

.entry .perma2{
position:absolute;
margin-top: 50px;
margin-left:0px;
width:auto;
padding:0px;
color: black;
height:10px;
padding-top:2px;
padding-left: 6px;
padding-right:6px;
padding-bottom:2px;
background-color:#fff;
overflow:hidden;
font-size:9px;
line-height:10px;
text-align:center;
letter-spacing:1px;
font-family: 'Varela', sans-serif;
text-transform:uppercase;
opacity:0.0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.entry:hover .perma2{
margin-left:0px;
margin-top: 5px;
padding-top:2px;
padding-bottom:2px;
padding-left: 6px;
padding-right:6px;
width:auto;
opacity:0.8;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}


.entry:hover .perma2:hover{
opacity: 1;
padding-top:2px;
padding-bottom:2px;
margin-left: 0px;
height: 10px;
width: auto;
padding-left: 15px;
padding-right:6px;
border-bottom-right-radius:0px;
border-top-right-radius:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}


#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}


div#sidebar{
position:fixed !important;
font-family: consolas;
color: {color:Sidebar Text};
font-size: 10px;
width: 200px;
margin: 100px 0px 0px 690px;
padding-top:12px;
padding-left:12px;
padding-right:12px;
padding-bottom:12px;
text-align:center;
background-color: background-color: {color:background};
-moz-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
-webkit-box-shadow: 0px 0px {text:Shadow Thickness} {color:Shadow};
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.35);
border-bottom-right-radius:0px;
border-top-right-radius:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}

#sidebar a {
color: {color:Sidebar Link};
padding-bottom:10px;
border-bottom:0px dashed #aaa;
}



#sidelink{
width:120px;
z-index:1;
position:fixed !important;
text-align:center;
bottom:0px;
height:100%;
font-family: cambria;
font-size: 11.5px;
padding-top: 3px;
margin-left:-30px;
opacity: 1;
background-image:url({image:Side Link Background});

}


.links a {
width: 110px;
margin-left: 5px;
letter-spacing:1px;
background-color: #000000;
display: block;
height: 14px;
line-height: 12px;
font-family: consolas;
font-size: 12px;
color: #fff;
text-transform: normal;
text-decoration: none;
text-align: center;
margin-bottom: 3px;
margin-top: 10px;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
}


.links a:hover {
width: 110px;
margin-left: 5px;
letter-spacing:1px;
display: block;
height: 14px;
line-height: 12px;
font-family: consolas;
font-size: 12px;
color: #000000;
background-color: {color:background};
text-transform: normal;
text-decoration: none;
text-align: center;
margin-bottom: 3px;
margin-top: 10px;

-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}



.bubble {align:right;background: #d5d0d0; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.bubble p {margin:1px 0px;}

.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #d5d0d0;}

.askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #ffffff}

@font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }

.title{
font-family:'Gloria Hallelujah', cursive;
font-size: 16px;
line-height: 1px;
color: #000;
letter-spacing: 0px;
font-weight: bold;
}

@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }


.blogtitle{
font-family: 'Gloria Hallelujah', cursive;
font-size: 25px;
line-height: 19px;
color: #000;
text-shadow: 1px 1px 0px black;
letter-spacing: 0px;
font-weight: bold;
}

.heart {display : block; text-indent : -7px; vertical-align : middle; background:
url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
padding-bottom : 2px;}

.heart:hover {display : block; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}

{CustomCSS}

</style>


{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>


<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
});
});
});
</script>

{/block:IndexPage}

<style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>

<title>{title}</title>

<link rel="shortcut icon" href="http://static.tumblr.com/ny2a9eo/cJDltf41a/tumblr_lkl6pacjpj1qfamg6.gif>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
<meta name="viewport" content="width=820" />

<style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>

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



<div id="sidebar"><div style="font-size:12px;">
<div class="blogtitle"><a href="/"><center><font color="#000000">{title}</font></center></a></div>
<br>
{description}
<br>


<p></div>
<br>{block:ifnotinfinitescrolling}<br>
{block:PreviousPage}<a href="{PreviousPage}" title="newer entries">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older entries">→</a>{/block:NextPage}{/block:ifnotinfinitescrolling}
</div>

<div id="sidelink">
<div class="links">
<br><Br><br><br><br><br><br><br><br><br><br>

{block:ifLinkOneTitle}
<a href="{text:Link One}">{text:Link One Title}{/block:ifLinkOneTitle}
{block:ifLinkTwoTitle}
<a href="{text:Link Two}">{text:Link Two Title}{/block:ifLinkTwoTitle}
{block:ifLinkThreeTitle}
<a href="{text:Link Three}">{text:Link Three Title}{/block:ifLinkThreeTitle}
{block:ifLinkFourTitle}
<a href="{text:Link Four}">{text:Link Four Title}{/block:ifLinkFourTitle}
{block:ifLinkFiveTitle}
<a href="{text:Link Five}">{text:Link Five Title}{/block:ifLinkFiveTitle}
{block:ifLinkSixTitle}
<a href="{text:Link Six}">{text:Link Six Title}{/block:ifLinkSixTitle}
<a href="http://okusuck.tumblr.com/">theme</a>

</div>
</div>



<div class="left">
<div id="posts">
{block:Posts}
<div class="entry">

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a><br>
{block:Description}{Description}{/block:Description}{block:indexpage}<div class="perma"><a href="{permalink}"target="_blank">reblog</a></div>{/block:indexpage}
{block:Link}

{block:Photo}
{block:indexpage}{LinkOpenTag}<div class="perma2"><a href="{permalink}" target="_blank">{NoteCount}</a> ~ <a href="{ReblogURL}" target="_blank">REBLOG</a></div><div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}


{block:Photoset}{block:indexpage}<div class="permalink"><a href="{permalink}" target="_blank">{NoteCount}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a></div>{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}

{block:Quote}
{Quote}</span>
{block:Source}<strong>-{Source}</strong>{/block:Source}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
{/block:Chat}


{block:Audio}
<center><div style="width:220px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
{FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Audio}

{block:Video}{block:indexpage}<div class="permalink"><a href="{permalink}" target="_blank">{NoteCount} </a> ~ <a href="{ReblogURL}" target="_blank">reblog</a></div>{block:indexpage}{Video-250}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:Video}

{block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer} {block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:indexpage}{/block:Answer}

{block:PermalinkPage}
<br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {timago} {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags} {block:Caption}{Caption}{/block:Caption}


{/block:PermalinkPage}


{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>


{/block:Posts}
</div>
</div>

{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;&nbsp;</a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}

</div>
<div style="display:block;bottom:5px;right:5px;font-size:10px;font-family:georgia;position:fixed;background-color:#ffffff;padding:3px;border-radius:10px;z-index:5;opacity:0.75;">theme by <a href="http://okusuck.tumblr.com">okusuck</a></div>
</body>
</html>