Theme 5!

<!--
theme 5 by Kimberly (colortastic) and Emily (tbhunqry) originally by Karen (beaqles/binqo)

-->


<link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'>




<title>{Title}</title>
<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#000000"/>
<meta name="color:title" content="#000000"/>
<meta name="color:links" content="#000000"/>
<meta name="color:link hover" content="#686868"/>
<meta name="image:Sidebar" content="1"/>
<meta name="image:Sidebar Background" content="1"/>
<meta name="image:Background" content=""/>
<meta name="if:Show Sidebar Image" content="1"/>
<meta name="if:Rainbow hover links" content="0"/>
<meta name="color:Scrollbar" content="#000"/>
<meta name="color:sidebar links hover" content="#686868"/>

<meta name="text:link one title" content=" One" />
<meta name="text:link one" content="http://" />
<meta name="text:link two title" content="Two" />
<meta name="text:link two" content="http://" />
<meta name="text:link three title" content="Three" />
<meta name="text:link three" content="http://" />
<meta name="text:link four title" content="Four" />
<meta name="text:link four" content="http://" />
<meta name="text:link five title" content="Five" />
<meta name="text:link five" content="http://" />

<meta name="text:Your name here for asks" content="">
<meta name="text:whatever" content="put quotes, music, status, hit counter, like anything! Doesn't matter how long it is!" />
<meta name="if:Rainbow hover links" content="0"/>
<meta name="color:sidebar links" content="#fff"/>
<meta name="if:Tiny scrollbar" content="1"/>
<meta name="if:sidebar back" content="1"/>
<meta name="if:extrabox" content="1"/>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
{block:ifRainbowhoverlinks}<script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>{/block:ifRainbowhoverlinks}
<meta name="viewport" content="width=820" />
<link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css'>


<style type="text/css">


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



.popup_block{
display: none; /*--hidden by default--*/
background-color: {color:popup color};
background-image: url({image:PopupBackground});
padding: 5px;
border: 1px solid #fafafa;
float: left;
font-family: "short stack";
font-size: 12;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.popup_block:hover{
opacity:1;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}
img.btn_close {
float: right;
margin: -20 -20px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}



@font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }

@font-face { font-family: "Call Me"; src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype"); }

@font-face { font-family: "good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }

@font-face { font-family: "frenchy"; src: url('http://static.tumblr.com/zux19tj/tPimh96df/frenchy_1_.ttf'); }

@font-face { font-family: "Spring Script"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}

@font-face { font-family: "cupcakes"; src: url('http://static.tumblr.com/hxu4bui/Odlmgdaj9/yummycupcakes.ttf'); }

@font-face { font-family: "rose"; src: url('http://static.tumblr.com/zux19tj/NaYmhkpum/anjelika_rose_1_.ttf'); }

@font-face { font-family: "nessa"; src: url('http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf'); }


body {
padding: 0px;
margin: 0px;
color:{color:text};
font-family: 'Englebert';
font-size: 13px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}

#tumblr_controls{
position:fixed !important;
}

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

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

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


.niallsbut{
position: fixed !important;
font-family: 'calibri';
font-size: 13px;
bottom:5px;left:5px;
height:15px;
width:18px;
border:3px double #686868;
background:white;
}

#playlist{
position: fixed !important;
font-family: 'calibri';
font-size: 13px;
top:5px;left:5px;
height:15px;
width:13px;
border:3px double #686868;
background:white;
}

#louisyousexualbeing {
height: 60px;
margin-top: 5px;
width: auto;
border: 3px double #ada9a9;
font-family: pewp;
overflow:auto;
font-size: 13px;
line-height: 17px;
background: #ffffff;
}

{block:ifextrabox}
#louisyousexualbeingg {
height: 30px;
overflow:auto;
margin-top: 5px;
width: 238px;
border: 3px double #ada9a9;
font-family: Englebert;
font-size: 15px;
line-height: 17px;
background: #ffffff;
}
{block:ifextrabox}

div#titlee{
font-family:"good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf');
font-weight: italic;
font-size: 30px;
letter-spacing: 1px;
line-height: auto;
}

div#sidebar{
position: fixed;
font-size: 15px;
border: 0px double #aaa;
top: 60px;
left: 50px;
width:250px;
height:auto;
padding: 8px;
background-color:white;
background-image:URL({image:Sidebar Background});
-moz-box-shadow: 0px 0px 13px #121212;
box-shadow: 0px 0px 11px #121212;
}



.title{
font-family: 'cupcakes';
font-size: 25px;
line-height:30px;
color: black;
font-weight: normal;
top: 20px;
left: 120px;
}


#linkss{
position:auto;
width:auto;
height:auto;
right:5px;
top:26px;

}
.linkss {
width: 47px;
background: {color:sidebar links};
display:block;
text-align:center;
padding:1px;
letter-spacing:0px;
line-height:18px;
font-family: 'pewp';
font-size:13px;
text-transform:normal;
margin-top:0px;
margin-left:2px;
-webkit-transition-duration: .6s;
border-top-right-radius:-10px;
border-bottom-right-radius:-10px;
border-top-left-radius:-10px;
border-bottom-left-radius:-10px;
position: relative;
top: 0px;
bottom: 0px;
margin-bottom: 5px;
border: 2px solid #CCC
}

.linkss, .linkss:after {
display: inline-block;
padding: 0px 10px; /* vertical and horizontal padding of button */
-moz-border-radius: 8px/15px;
border: 2px solid #CCC
}

.linkss:hover {
font-size: 15px;
font-family: 'Englebert';
border: 1px solid #CCC;
background-color: {color:sidebar links hover};
width:50px;
border: 2px solid #CCC;
text-transform:uppercase;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
transition: all 0.1s ease-in-out;
-o-transition-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}




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

a:hover{
color:{color:Hover};
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
text-shadow:0px 0px 1px #696969;
}



#posts {
width: 950px;
margin-left:400px;
margin-top:2px;
float:left;
font-family: 'Spring Script';
}

.entry {
float:left;
text-align:center;
margin:4px;
padding: 3px;
background-color: white;
font-family: 'pewp';
letter-spacing: 1px;
font-size: 12px;
line-height:auto;
border: solid 1px #aaa;
-moz-box-shadow: 0px 0px 8px #121212;
box-shadow: 0px 0px 6px #121212;

{block:IndexPage}
width:250px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
margin-left: 50px;
{/block:PermalinkPage}
}

.entry:hover{
-webkit-box-shadow: 0px 0px 40px #BE81F7;
-moz-box-shadow: 0px 0px 40px #BE81F7;
box-shadow: 0px 0px 40px #000;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

.entry:hover #permalink {
margin-top: 8px;
margin-left: 100px;
opacity: 1;
}

#permalink {
position: absolute;
margin-top: 8px;
margin-right: 1px;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.entry:hover #permalink {
margin-top: 8px;
margin-left: 244px;
opacity: 1;
}

.perma{
opacity: 0.0;
filter: alpha(opacity = 0);
margin-top: 0px;
width: 60px;
height: 30px;
line-height: 30px;
font-size: 9px;
position:absolute;
text-align: center;
z-index:9999991;
margin-top: -20px;
margin-left: 0px;
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}

.entry:hover .perma {
-webkit-transition: opacity 0.8s linear;
opacity: 1;
margin-top: -20px;
margin-left: 0px;
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}

.per{
float:right;
font-size: 14px;
padding-right:2px;
padding-bottom:2px;
font-family: 'Spring Script';
}

.pre{
float:left;
font-size: 14px;
line-height:12px;
padding-right:2px;
padding-bottom:2px;
font-family: 'Spring Script';
}

.popuplinks{
background: {color:popup color};
z-index:9999999999;
width: 110px;
height: 30px;
font-size:18px;
letter-spacing:0px;
line-height:30px;
margin-top:5px;
margin-left:5px;
font-family: 'Spring Script';
border:1px solid ;
text-transform:lowercase;
text-align:center;
display: inline-block;
-webkit-transition-duration: .7s;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}

.popupheading{
font-size: 28px;
font-family: 'Spring Script';
}
.popuplinks:hover{
background: {color:links hover};
font-size: 18px;
font-family: 'Spring Script';
border: 1px solid #000000;
-webkit-transition-duration: .7s;
-webkit-transform: rotate(0deg);
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

.likep {
width: 21px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 9999999;
position: absolute;
margin-top: 26px;
margin-left: 5px;
}

.rep {
width: 24px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 9999999;
position: absolute;
margin-top: 26px;
margin-left: 29px;
}

.likep a {
background-image:
url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
background-position: 0px 0px;
display: block;
z-index: 9999999;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.likep img {
width: 21px;
height: 20px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.likep img {
width: 21px;
height: 20px;
webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.rep img{
width: 24px;
height: 20px;
line-height: 30px;
display: inline;
}

.not {
position: absolute;
background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
height: 20px;
font-size: 11px;
line-height: 20px;
color: #fff;
position: absolute;
margin-top: 26px;
margin-left: 56px;
padding-left: 4px;
padding-right: 4px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.not a{
color: #fff;
font-family: 'short stack';
}

.entry:hover .not, .entry:hover .rep, .entry:hover .likep {
opacity: 0.9;
filter: alpha(opacity = 80);
}

{block:iftinyscrollbar}
::-webkit-scrollbar {width: 2px; height: 5px; background: #fff;}

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

{/block:iftinyscrollbar}


{CustomCSS}

</style>

<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>

</head>
<body>
<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://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" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
<div class="left">
<div id="posts">
<div id="linksbar"><center></div>

{block:Posts}
<div class="entry">
{block:Text}
{block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
<span class="entrytext">{Body}</span>
{block:IndexPage}<div class="per"><a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
{/block:Text}

{block:Link}
<div class="entry">
<span class="post_title"><a href="{URL}">{Name} &#8600;</span></a>
{block:Description}{Description}{/block:Description}

{block:IndexPage}<div class="per"><a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}</div>
{block:Link}

{block:Photo}
{block:IndexPage}
<div class="perma">
<div class="likep">
<a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="20" height="21" alt="Like this post" id="likeimage{PostID}"/></a>
</div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div> <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></a></div></div>{/block:IndexPage}
<center>
{block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}</center>
{block:ifshowcaptions}{caption}{/block:ifshowcaptions}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<center>
{Photoset-340}</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-550}</center>
{/block:PermalinkPage}
{block:IndexPage}<div class="per"><a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
{/block:Photoset}

{block:Quote}
{Quote}</span>
{block:Source}<strong>{Source}</strong>{/block:Source}
{block:IndexPage}<div class="per"><a href="{permalink}">{notecountwithlabel}</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}
</ul>
{block:IndexPage}<div class="per"><a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
{/block:Chat}

{block:Audio}
<div style="width:400px; height:30px;">
{AudioPlayerBlack}
</div>
{block:IndexPage}<div class="per"><a href="{Permalink}">notes</a></div>{/block:IndexPage}
{/block:Audio}


{block:Video}
{block:IndexPage}
{Video-400}
{/block:IndexPage}
<center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
{block:IndexPage}<div class="per"><a href="{Permalink}">notes</a></div>{/block:IndexPage}
{/block:Video}

{block:Answer}
<div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 2px; border: 2px solid #ddd; background-color: #eee; overflow: auto;">
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
<b><font size="4"><font face="nessa">{asker}</font></b>:
<br>
<font face="rose">{Question}</div>
<div style="margin-top:2px; margin-bottom:0px; background: transparent;">
<img src="{PortraitURL-30}" width="30" align="right" style="margin-right:0px; border-radius:5px;"/>
{Answer}
<center><font size="3"><font face="Spring Script">Love, {text:your name here for asks}</font>
</div>
{block:IndexPage}<div id="text"><a href="{permalink}"><div align="right"> {NotecountWithLabel}</a></span></div></div>{/block:IndexPage}
{/block:Answer}

{block:PermalinkPage}
{caption}
<div class="pre">
<div align="left">
{block:Date}
<br>&nbsp;<a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}, {TimeAgo} {block:Date}
<br>&nbsp;{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}
<br>&nbsp;{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}
{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
<p>{block:PostNotes}{PostNotes}
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
</div>
{block:IndexPage}
<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: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>


</div>
<div id="sidebar">
<div id="linksbar">
<div id="titlee"><center>
<span id="bubble">{Title}
{block:ifextrabox}
<div id="louisyousexualbeingg">{text:whatever}</div>
{block:ifextrabox}
{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}"<img style="-moz-box-shadow: 0 0 0px #aaaaaa;
-webkit-box-shadow: 0 0 0px#aaaaaa;
box-shadow: 0 0 0px #aaaaaa;padding:5px;-moz-border-radius: 4px;
border-radius: 0px;" src="{image:sidebar}" width=240px></a><br>{/block:ifshowsidebarimage}
</span></div><center>
<!--{block:Description}-->
<meta name="description" content="{MetaDescription}" />
<!--{/block:Description}-->
<div id="louisyousexualbeing"><center>{description}</center></div><br>
<div class="linkss">
<a href="/">home</a></div>
<div class="linkss">
<a href="{text:link one}">{text:link one title}</a>
</div>
<div class="linkss">
<a href="{text:link two}">{text:link two title}</a>
</div>
<div class="linkss">
<a href="{text:link three}">{text:link three title}</a>
</div>
<div class="linkss">
<a href="{text:link four}">{text:link four title}</a>
</div>
<div class="linkss">
<a href="{text:link five}">{text:link five title}</a>
</div>
<br>
</div>
</div>
<center>
</div>
</center>
</body>




</div></div></div></div></div></div></div></div></div></div>
</div>

</center></div>
<div class="niallsbut"><center><a href="http://themesby-emily-karen-kimberly.tumblr.com/" title="edited by Kimberly & Emily!"><img src="http://static.tumblr.com/xys2alz/rCumhpx15/kjkjhkj.png" width=14/></a></center></div>

<div id="playlist">
<a href="http://binqo.tumblr.com">©</a>
</div>

</div></div></div></div></div></div></div></div></div></div>


</div>
<body>

</html>