<!—
this theme is coded by encases.tumblr.com
if you steal this i will find you

EDITED BY PUGGIEDRUGGIE
—>


<head>


<script type=”text/javascript”
src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>

<script type=”text/javascript”
src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>

<link href=”http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css” rel=”stylesheet”>

<title>{title}</title>

<link rel=”shortcut icon” href=”{favicon}”>
<link href=’http://fonts.googleapis.com/css?family=Asap|Share’ rel=’stylesheet’ type=’text/css’>

<meta name=”color:Background” content=”#fafafa”/>
<meta name=”color:Text” content=”#999999”/>
<meta name=”color:Hover” content=”#ffffff”/>
<meta name=”color:Title” content=”#9e355a”/>
<meta name=”color:link” content=”#9e355a”/>
<meta name=”color:Scrollbar” content=”#9e355a”/>
<meta name=”color:titlebar” content=”#9e355a”/>
<meta name=”color:sidebar links” content=”#696969”/>
<meta name=”color:sidebar links hover” content=”#dddddd”/>

<meta name=”image:Background” content=”0”/>
<meta name=”image:Sidebar” content=”0”/>

<meta name=”if:show photo” content=”0”/>
<meta name=”if:photo effect” content=”1”/>

<meta name=”if:1column” content=”0”/>
<meta name=”if:2columns” content=”1”/>
<meta name=”if:3columns” content=”0”/>

<meta name=”text:titlebar” content=”leaving” />

<meta name=”text:link one url” content=”” />
<meta name=”text:link one title” content=”link” />
<meta name=”text:link two url” content=”” />
<meta name=”text:link two title” content=”link” />
<meta name=”text:link three url” content=”” />
<meta name=”text:link three title” content=”link” />
<meta name=”text:link four url” content=”” />
<meta name=”text:link four title” content=”link” />


<link href=’http://fonts.googleapis.com/css?family=Cedarville+Cursive’ rel=’stylesheet’ type=’text/css’>

<link href=’http://fonts.googleapis.com/css?family=Raleway:100’ rel=’stylesheet’ type=’text/css’>

<style type=”text/css”>

img{
-webkit-transition: opacity 0.8s linear;
opacity: 1;
-webkit-filter:grayscale(60%);
}
img:hover{
-webkit-transition: opacity 0.8s linear;
opacity: 1;
-webkit-filter:grayscale(30%);
}

::-webkit-scrollbar {width: 7px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }

::-webkit-scrollbar-thumb { background-color:#fff; border-bottom: 1px solid {color:link}; border-radius:0px; border-top: 1px solid {color:link}; }


::selection {color: #fff; background: {color:title};}
::-moz-selection {color: #fff; background: {color:title};}
::-webkit-selection {color: #fff; background: {color:title};}

a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

#tumblr_controls{
opacity:.4;
position:fixed !important;
-webkit-filter: invert(100%)
}

body {
margin:5px;
font-size:9px;
font-family:calibri;
color:{color:text};
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-size: ;
}

a:link, a:active, a:visited{
color:{color:link};
-webkit-transition: color 0.8s ease-out;
-moz-transition: color 0.8s ease-out;
}

a:hover{
color: {color:hover};
-webkit-transition: color 0.8s ease-out;
-moz-transition: color 0.8s ease-out;
}


ol.notes {
padding: 0px;
margin: 15px 0px;
list-style-type: none;
border-bottom: solid 1px #F2F2F2;
}

ol.notes li.note {
border-top: solid 1px #F2F2F2;
padding: 6px;
}

#audio {width: 220px; height:auto; min-height:60px; padding-bottom:0px;}
.cover {position:absolute; z-index:1; width:60px; height:60px;}
.cover img {float:left; width:60px; height:60px;}
.playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
.info {margin-left:73px; margin-top:4px; line-height:13px;}

.entry {
margin:20px;
margin-bottom:0px;
padding:20px;
padding-bottom: 18px;
float:left;
background-color:#fff;
overflow:hidden;
line-height:15px;
font-size:9px;
font-family:calibri;
text-align: justify;
font-size: 10px;
{block:IndexPage}
width: 200px;
{/block:IndexPage}
{block:PermalinkPage}
width:475px;
{/block:PermalinkPage}
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

.entry:hover{
{block:IndexPage}
{block:ifphotoeffect}
-webkit-animation: pulse 1s;
-moz-animation: pulse 1s;
-ms-animation: pulse 1s;
{/block:ifphotoeffect}
{/block:IndexPage}
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

.entry img{
{block:IndexPage}
max-width: 200px;
height:auto;
background: #fff;
-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;
{/block:IndexPage}
}


.entry img:hover{
opacity: 1;
-webkit-filter:grayscale(0.60px);
-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;
}

.title {
opacity:.7;
font-size:10px;
text-transform:uppercase;
padding:1px;
color:{color:title}
}

.he{
color:{color:title};
text-transform: ;
}

askk{
text-transform:uppercase;
font-size:9px;
font-family:calibri;
color: {color:title};
letter-spacing: 0px;
z-index:1;
}


#posts {
margin-left:450px;
padding-left: 2px;
margin-top:-14px;
padding-top:0px;
opacity: 0.8;
background:;
width: 462px;
{block:if1column}
margin-left: 450px;
width: 462px;
{/block:if1column}
{block:if2columns}
margin-left: 430px;
width: 600px;
{/block:if2columns}
{block:if3columns}
margin-left: 410px;
width: 900px;
{/block:if3columns}
}


#sidebar{
position:fixed !important;
width:150px;
height:150px;
border: 0px solid #F2F2F2;
padding:15px;
padding-bottom: 10px;
margin-top:30px;
margin-left:10px;
line-height:15px;
font-size:10px;
font-family:calibri;
background-color:;
overflow:visable;
text-align:center;
z-index:999999999;
}

#desc{
text-align:center;
padding-top:14px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius:0px;
top:382px;
left:198px;
color: #696969;
width:171px;
height:auto;
overflow:auto;
position:fixed;
font-family:georgia;
font-style:;
letter-spacing:1px;
line-height:12px;
text-transform: uppercas;
font-size:8px;
z-index:;
opacity:1;
background: transparent;
border-top: 0px solid {color:link};
{block:ifshowphoto}
text-align:justify;
width:140px;
left:216px;
background:#fff;
{/block:ifshowphoto}
transition: all 0.8s ease-out;
-o-transition-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}


#desc:hover{
opacity:1;
transition: all 0.8s ease-out;
-o-transition-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}

#links a{
color: {color:sidebar links};
transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

#links a:hover{
color: {color:sidebar links hover};
transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

#links{
text-align:center;
padding:0px;
border: 0px solid #f2f2f2;
border-radius:0px;
top:385px;
left:228px;
width:156px;
height:12px;
overflow:hidden;
position:fixed;
font-family:consolas;
font-style:;
letter-spacing:2px;
line-height:12px;
text-transform: uppercase;
font-size:8px;
z-index:999999999;
opacity:1;
background:#;
}


.quote{
line-height:15px;
font-size:9px;
font-family:calibri;
float: left;
margin-right: 5px;
}


blockquote{
padding:2px 2px 2px 5px;
margin:4px 4px 4px 7px;
border-left: 2px solid #f2f2f2;
}

.perm1{
padding: 4px;
margin-left:0px;
margin-top: 5px;
font-size: 8px;
height:8px;
text-align:center;
color: {color:text};
text-transform:uppercase;
letter-spacing:1px;
border-top:1px solid #f2f2f2;
}

.perm2{
padding: 4px;
margin-left:0px;
margin-top: -10px;
font-size: 8px;
height:8px;
text-align:center;
color: {color:text};
text-transform:uppercase;
letter-spacing:1px;
border-top:0px solid #f2f2f2;
}

.entry .perma1{
width:179px;
height: 9px;
position:absolute;
font-size: 10px;
line-height: 11px;
text-align: right;
font-style: italic;
opacity: 0.0;
display:block;
padding:5px;
padding-right: 7px;
-webkit-filter:blur(10px);
border-radius:0px;
border-top-right-radius: 3px;
z-index: 1;
text-transform:lowercas;
font-family:calibri;
letter-spacing:0px;
border-top:0px solid #95a7ce;
background-color:#fff;
bottom:21px;
left:20px;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.entry:hover .perma1{
opacity:1;
-webkit-filter:blur(0px);
transition: all 0.7s ease-out;
-o-transition-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}


@font-face{font-family:Haymaker;src:url(http://static.tumblr.com/9wzbixa/OYnmj2ji0/haymaker.ttf);}

@font-face{font-family: Arsenale White; src: url(http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);}

@font-face{font-family:Alpha Mack;src:url(http://static.tumblr.com/9wzbixa/2cMmj2fh5/alphamacaoe.ttf);}

@font-face{font-family:Pacifico;src:url(http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf);}

@font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}

@font-face{font-family:titties; src:url(http://static.tumblr.com/t98gn37/aBImf2q9a/miso.otf);}


</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: ”,
F: ‘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}

<script type=”text/javascript” src=”“></script>

<title>{title}</title>

<link rel=”shortcut icon” href=”{Favicon}”>
<meta name=”viewport” content=”width=820” />

</head>


<div id=”sidebar”>
{block:ifshowphoto}<img src=”{image:sidebar}” style=”
width: 134px; height: 101px; padding: 23px;border-radius: 0px; margin-left: 111px; margin-top: 199px; border: 0px double {color:link}; {color:link}; background:#fff; position: fixed;
">{/block:ifshowphoto}
</div>
</div>


<div id=”desc”>
{description}
</div>


<div id=”links”>

<a href=”{text:link one url}”> {text:link one title} </a>

<a href=”{text:link two url}”> {text:link two title} </a>

<a href=”{text:link three url}”> {text:link three title} </a>

<a href=”{text:link four url}”> {text:link four title} </a>

</div>

<div style=”
text-align:justify;
padding:0px;
border: 0px solid #f2f2f2;
border-radius:0px;
bottom:0px;
left:2px;
color: #696969;
width:auto;
height:auto;
overflow:hidden;
position:fixed;
font-family:consolas;
font-style:;
letter-spacing:2px;
line-height:12px;
text-transform: uppercase;
font-size:8px;
z-index:99999999;
opacity:1;
background:;
">
<a href=”http://mjrlsr.tumblr.com/”><img src=”http://i40.tinypic.com/11iict2.gif” width=”70”></a>
</div>


<div style=”
text-align:center;
padding:0px;
border: 0px solid #f2f2f2;
border-radius:0px;
top:359px;
left:233px;
color:{color:titlebar};
text-shadow: 1px 1px 0px #ff, -1px -1px 0px #fff;
width:155px;
height:auto;
overflow:hidden;
position:fixed;
font-family:titties;
letter-spacing:10px;
line-height:28px;
text-transform: uppercase;
font-size:28px;
z-index:999999999;
opacity:1;
background:#;
">
{text:titlebar}
</div>


<div class=”content”>

<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></a>
{block:IndexPage}
<div class=”perm1”>posted on {shortmonth} {dayofmonth} with <a href=”{permalink}”>{notecountwithlabel}</a></div>
{block:IndexPage}
{/block:Text}

{block:Link}
<a href=”{URL}” class=”title”>{Name}</a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class=”perm1”>posted on {shortmonth} {dayofmonth} with <a href=”{permalink}”>{notecountwithlabel}</a></div>
{block:IndexPage}
{block:Link}


{block:Photo}
{block:indexpage}
<div class=”perma1”> reblogged on {dayofweek} with <a href=”{permalink}”>{NoteCountwithLabel}</a></div>
<a href=”{ReblogURL}” target=”_blank”><img src=”{PhotoURL-HighRes}” width=”100%”/></a>
{/block:indexpage}
{block:permalinkpage}
<a href=”{PhotoURL-HighRes}”><img src=”{PhotoURL-HighRes}” alt=”{PhotoAlt}” width=”475”/></a>
{/block:permalinkpage}
{/block:Photo}

{block:Photoset}
<center>
{block:IndexPage}
<div class=”perma1”>reblogged on {dayofweek}, {month} {dayofmonth}{DayOfMonthSuffix} with <a href=”{permalink}”>{NoteCountwithLabel}</a> // <a href=”{ReblogURL}” target=”_blank”>reblog</a> </div>
<div style=”width: 220px; overflow-x:hidden;overflow-y:hidden;”>{Photoset-250}</div>
{/block:IndexPage}
</center>
<center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
{/block:Photoset}

{block:Quote}
<i>
<span style=”text-transform:;”> ” {Quote} ” </span></i>
{block:Source}
<div style=”text-align:left;color:{color:link};font-style:italic;padding:3px;margin-top:3px;text-transform:;”>- {Source}</div>
{/block:Source}
{block:IndexPage}
<div class=”perm1”>posted on {shortmonth} {dayofmonth} with <a href=”{permalink}”>{notecountwithlabel}</a></div>
{block:IndexPage}
{/block:Quote}


{block:Chat}
{block:Title}<span class=”title”>{Title}</span>{/block:Title}
{block:Lines}
{block:Label}
<span class=”he”>{label}</span>
{/block:Label}

{Line}<br>
{/block:Lines}
{block:IndexPage}
<div class=”perm1”>posted on {shortmonth} {dayofmonth} with <a href=”{permalink}”>{notecountwithlabel}</a></div>
{block:IndexPage}
{/block:Chat}


{block:Answer}
<div style=”margin-top:0px;height: auto;overflow:auto;margin-bottom:0px;margin-left: 0px; padding-left: 2px; background-color:#; border-bottom:1px solid #eee; border-radius: 0px; font-family: consolas; font-size: 8px; letter-spacing:1px; text-transform: uppercase; font-style: italic;”>
" {Question} "<br> asked by <askk>{asker}</askk></div>
<div style=”background:;transparent; line-height: 9px; text-transform: uppercase; font-size: 8px; border-top: 0px solid #eee; padding-left: 2px;”>{Answer}</div>
{block:IndexPage}
<div class=”perm2”>answered with <a href=”{permalink}”>{notecountwithlabel}</a></div>
{block:IndexPage}
{/block:Answer}

{block:Audio}

<div id=”audio”><div class=”cover”><img src=”http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg”></div>{block:AlbumArt}<div class=”cover”><img src=”{AlbumArtURL}”></div>{/block:AlbumArt}<div class=”playbox”>{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class=”info”><span class=”he”>Artist :</span> <span{block:Artist} style=”display:none;”{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br> <span class=”he”>Title :</span> <span{block:TrackName} style=”display:none;”{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><span class=”he”>Album :</span> <span{block:Album} style=”display:none;”{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><span class=”he”>Plays :</span> {FormattedPlayCount}{/block:PlayCount}</div></div>
{block:IndexPage}
<div class=”perm1”>posted on {shortmonth} {dayofmonth} with <a href=”{permalink}”>{notecountwithlabel}</a></div>
{block:IndexPage}
{/block:Audio}

{block:Video}
<center>

{block:IndexPage}
<div class=”perm1”>posted on {shortmonth} {dayofmonth} with <a href=”{permalink}”>{notecountwithlabel}</a></div>

<div style=”width: 220px; overflow-x:hidden;overflow-y:hidden;”>{Video-250}</div>
{/block:IndexPage}
</center>
<center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
{block:Video}

{block:PermalinkPage}
{caption}
<center><P>
{block:RebloggedFrom}
posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {block:NoteCount}{notecountwithlabel}{/block:NoteCount}<br>
<b>orginally posted by:</b> <a href=”{ReblogRootURL}”>{ReblogRootName}</a> | <b>reblogged from:</b> <a href=”{ReblogParentURL}”>{ReblogParentName}</a><br>{/block:RebloggedFrom}
</center>

{/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}”> </a>
{/block:NextPage}
{block:PreviousPage}
<a href=”{PreviousPage}”> </a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

</body>
<img style=”position:fixed; opacity: 1.0; width: 400px; height: 500px; BOTTOM:-10px; RIGHT:200px; z-index: 1;” src=”http://awhitecarousel.com/wp-content/uploads/2011/05/tumblr_lldzutI5nj1qew6yzo1_500.jpg”>


</div>


</html>

<!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”><script type=”text/javascript”
src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script><link rel=”alternate” type=”application/rss+xml” href=”{RSS}”><link href=”http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css” rel=”stylesheet”><link href=”http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css” rel=”stylesheet”><link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”{RSS}” /><meta name=”viewport” content=”width=820” /><script type=”text/javascript” src=”http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js”></script>

<!—- theme #09 by franky // elusus.tumblr.com
((please leave the corner credit))
feel free the message me if you need any help with this theme —->

<head>

<title>{Title}</title>

<link rel=”shortcut icon” href=”http://media.tumblr.com/tumblr_m230lpzA3A1qfamg6.png”>

<meta name=”color:Background” content=”#f7f6f6”/>
<meta name=”color:Text” content=”#817e7e”/>
<meta name=”color:Hover” content=”#e8e7e7”/>
<meta name=”color:Link” content=”#b7b7b7”/>
<meta name=”color:scrollbar” content=”#888888”/>
<meta name=”text:link one” content=”/”/>
<meta name=”text:link one title” content=”link”/>
<meta name=”text:link two” content=”/”/>
<meta name=”text:link two title” content=”link”/>
<meta name=”image:sidebar” content”“/>

<style type=”text/css”>

img{
-webkit-transition: opacity 0.8s linear;
opacity: 0.60;
-webkit-filter:grayscale(60%);
}
img:hover{
-webkit-transition: opacity 0.8s linear;
opacity: 1;
-webkit-filter:grayscale(30%);
}

body{
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
}

body a:hover{
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
}

iframe#tumblr_controls{
-webkit-filter: invert(100%);
opacity:0.6;
}

::-webkit-scrollbar{
width:6px;
height:4px;
background:{color:background};
}

::-webkit-scrollbar-thumb{
background-color:{color:scrollbar};
}

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

a:hover{
color:{color:Hover};
-webkit-transition-duration: .9s;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}

body{
width:100px;
padding:0px;
margin: 0px;
float:left;
color:{color:text};
background-color:{color:Background};
font-family:georgia;
font-size:10px;
}

#s-m-t-tooltip{
font-size:8px;
max-width:100px;
line-height:8px;
border-radius:3px;
padding:3px 5px 2px 5px;
margin:20px 0px 0px 20px;
z-index:10;
background:#fff;
font-family:consolas;
text-transform:uppercase;
opacity:1;
border:1px solid #d0d0d0;
border-offset:-1px;
letter-spacing:1px;
z-index:999999;
}

.entry{
font-size:10px;
background:#fff;
border:1px solid #ddd;
padding:15px;
border-radius:5px;
margin:10px;
width:250px;
}

.entry img{
opacity:0.8;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.entry img:hover{
opacity:1;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#posts{
width:200px;
margin-left:520px;
margin-top:5px;
}

#sidebar{
position:fixed !important;
width:0px;
height:0px;
border: 0px solid #ddd;
background:transparent;
font-style:italic;
line-height:12px;
margin-left:370px;
margin-top:200px;
padding:10px;
}

#icon{
position:fixed;
background-color:transparent;
margin-top:-30px;
margin-left:-20px;
z-index:999999999;
}

#links{
position:fixed;
margin-top:-3px;
margin-left:42px;
font-size:8px;
font-family:calibri;
text-transform:uppercase;
letter-spacing:5px;
padding:5px;
opacity:0.2;
border-radius:7px;
}

.bubble{
position: relative;
width:100px;
height:24px;
padding:15px;
background: #ffffff;
text-align:center;
border: #dddddd solid 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.bubble:after{
content: “”;
position: absolute;
bottom: -16px;
left:15px;
border-style: solid;
border-width: 16px 13px 0;
border-color: #fff transparent;
display: block;
width: 0;
z-index: 1;
}

.bubble:before{
content: “”;
position: absolute;
top:52px;
left:12px;
border-style: solid;
border-width: 20px 16px 0;
border-color: #ddd transparent;
display: block;
width: 0;
z-index:-1;
}

#permalink {
font-family:consolas;
font-size:8px;
text-align:right;
text-transform:uppercase;
letter-spacing:1px;
color: #888;
background:#eee;
width:265px;
margin-top:-15px;
margin-left:-15px;
height:10px;
padding-top:3px;
padding-bottom:4px;
border-radius: 5px 5px 0px 0px;
padding-right:15px;
}

#permalink a{
color:#888888;
}

.textpermalink{
line-height:200%;
opacity:1;
line-height:9px;
margin-top:5px;
color:{color:links};
text-align:right;
font-size:12px;
}

.title{
width: 220px;
color:{color:link};
font-family:georgia;
font-style:italic;
font-size:14px;
line-height:auto;
display:inline;
}

.quotemark{
font-family: arial;
font-size: 20px;
color: {color:link};
float: left;
margin-top:5px;
margin-right:10px;
}

.quote{
font-size:11px;
line-height:12px;
font-family:georgia;
text-align:left;
}

.source{
text-align:right;
text-transform:uppercase;
font-family:consolas;
font-size:8px;
letter-spacing:1px;
margin-right:3px;
}

.linkstyle{
font-size:12px;
}

.linkdesc{
border-left:1px solid #d0d0d0;
margin-left:10px;
padding-left:3px;
margin-top:13px;
width:230px;
font-family:consolas;
text-transform:uppercase;
font-size:8px;
letter-spacing:1px;
}

#audio{
width:240px;
height:0px;
padding-left:2px;
padding-bottom:15px;
}

.playbox{
opacity:0.6;
width:27px;
height:30px;
overflow:hidden;
position:absolute;
z-index:1000;
margin-left:0px;
margin-top:0px;
text-align:center;}

.info{
margin-left:32px;
margin-top:2px;
line-height:12px;
padding-top:2px;
font-size:10px;
font-style:italic;
text-transform:lowercase;
}

blockquote, q{
border-left:1px solid #d0d0d0;
margin-left:10px;
max-width:240px;
padding-left:5px;
margin-top:6px;
padding-bottom:0px;
padding-top:0px;
}

.question{
text-align:left;
padding-left:5px;
padding-top:7px;
padding-right:5px;
padding-bottom:7px;
background-color:#fdfdfd;
font-size:10px;
font-style:italic;
border-radius:3px;
border:1px solid #eee;
color:{color:text};
}

.answer{
margin-left:15px;
border-left:1px solid #d0d0d0;
margin-top:7px;
padding-left:3px;
max-width:240px;
}

{CustomCSS}

</style>


<script type=”text/javascript”src=”http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js”></script><script type=”text/javascript”src=”http://static.tumblr.com/ytzv4b7/HAkn06npn/infinite_scroll_script.txt”></script><script type=”text/javascript”src=”http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js”></script></script><script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>

<script>
(function($){
$(document).ready(function(){
$(“[title],a[title],img[title]”).style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:200,
attribute:”title”
});
});
})(jQuery);
</script>
</script>

<script>
<script type=”text/javascript”>
$(window).load(function(){
$(“p”).remove(“:contains(‘Source:’)”);
$(“p”).remove(“:contains(’ ‘)”);
});
</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(200);} );
});
});
});
</script>
</style>

</head>
<body>


<div id=”sidebar”>


<div class=”bubble”>
{Description}
</div>

<div id=”icon”>
<a href=”/”>
<img src=”{image:sidebar}” width=”50px;” a title=”refresh”></a></div>

<div id=”links”>

<a href=”/” title=”refresh”><img src=”http://tinyiconfactory.com/images/icons/256924.png?1334951435”></a>

<a href=”/ask” title=”message”><img src=”http://tinyiconfactory.com/images/icons/263705.png?1362237084”></a>

<a href=”{text:Link One}” title=”{text:Link One Title}”><img src=”http://tinyiconfactory.com/images/icons/267515.png?1381151654”></a>

<a href=”{text:Link Two}” title=”{text:Link Two}”><img src=”http://tinyiconfactory.com/images/icons/243200.png?1282328166”></a>


</div></div>


<div id=”posts”>

{block:Posts}
<div class=”entry”>

{block:Quote}
<div class=”quotemark”><a href=”{permalink}” a title=”reblog”>&#10077;</div></a>
<span class=”quote”> <i>{Quote}</i>❞</span>
{block:Source}
<div class=”source”> — {Source}</div>
{/block:Source}
{/block:Quote}

{block:Photo}
{block:IndexPage}
<div id=”permalink”>
<a href=”{Permalink}”>{NoteCount}</a> //
<a href=”{ReblogURL}”>reblog</a>
</div>
{/block:IndexPage}
{block:IndexPage}
{LinkOpenTag}
<div style=”padding-top:15px;”>
<div class=”photo”>
<a href=”{permalink}”>
<img class=”photo” src=”{PhotoURL-HighRes}” alt=”{PhotoAlt}” width=”250”/></a>
</div></div>
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
<center>
{LinkOpenTag}
<a href=”{permalink}”>
<img class=”photo” src=”{PhotoURL-HighRes}” alt=”{PhotoAlt}” width=”250”/></a>
{LinkCloseTag}
{/block:PermalinkPage}
</center>
{/block:Photo}

{block:Link}
<div class=”linkstyle”>
<a href=”{URL}” class=”title”>{Name} →</a>
</div>
<div class=”linkdesc”>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
</div>
<div class=”textpermalink”>
<a href=”{permalink}” a title=”{notecount}”>주</a> </div>
{/block:IndexPage}
{/block:Link}

{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”><b>{Label}</b></span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:IndexPage}
<div class=”textpermalink”>
<a href=”{permalink}” a title=”{notecount}”>주</a> </div>
{block:IndexPage}
{/block:Chat}

{block:Audio}
<div id=”audio”>
{block:AlbumArt}
{/block:AlbumArt}
<div class=”playbox”>
{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
</div>
<div class=”info”>
<span{block:Artist} style=”display:none;”{/block:Artist}>Unknown</span>
{block:Artist}{Artist},{/block:Artist}
<span{block:TrackName} style=”display:none;”{/block:TrackName}>Unknown</span>{block:TrackName} {TrackName}{/block:TrackName}
</div></div>
{block:IndexPage}
<div class=”textpermalink”>
<a href=”{permalink}” a title=”{notecount}”>주</a> </div>
{/block:IndexPage}
{/block:Audio}

{block:Text}
{block:Title}
<span class=”title”>{Title}</span>
{/block:Title}
<span class=”entrytext”>{Body}</span>
{block:IndexPage}
<div class=”textpermalink”>
<a href=”{permalink}” a title=”{notecount}”>주</a> </div>
{/block:IndexPage}
{/block:Text}

{block:Photoset}
{block:IndexPage}
<div id=”permalink”>
<a href=”{Permalink}”>{NoteCount}</a> //
<a href=”{ReblogURL}”>reblog</a>
</div>
<div style=”margin-top:10px;”>
{Photoset-250}
</div>
{/block:IndexPage}
{block:PermalinkPage}
<div style=”display:none;”>{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL}{/block:ContentSource}</div>
{Photoset-250}
{/block:PermalinkPage}
{/block:Photoset}

{block:Video}
{block:IndexPage}
<div id=”permalink”>
<a href=”{Permalink}”>{NoteCount}</a> //
<a href=”{ReblogURL}”>reblog</a>
</div>{/block:IndexPage}
{block:IndexPage}
<div style=”margin-left:1px;margin-top:10px;”>
{VideoEmbed-250}
</div>
{/block:IndexPage}
{block:PermalinkPage}
{Video-250}
{/block:PermalinkPage}
{block:Video}

{block:Answer}
<div class=”question”>
<span style=”color:{color:Link}; letter-spacing:1px;font-size:12px;”>{Asker}:</span> {Question}</div>
<div class=”answer”>{Answer}</div>
{block:indexpage}
<div class=”textpermalink”>
<a href=”{permalink}” a title=”{notecount}”>주</a> </div>
{/block:indexpage}
{/block:Answer}


{block:PermalinkPage}
{block:Date}<div style=”display:none;”>{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL}{/block:ContentSource}</div><div style=”margin-top:5px;border-top:1px solid #efefef; padding-top:5px;”>
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
<br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}<a href=”TagURL”> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>{/block:Date}
{/block:PermalinkPage}

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


{/block:Posts}
</div>
</div>
{block:IndexPage}<br>
{block:Pagination}
<div id=”pagination”>
{block:NextPage}
<a id=”nextPage” href=”{NextPage}”></a>
{/block:NextPage}
{block:PreviousPage}
<a href=”{PreviousPage}”></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

</body>
</html>