theme 18 (multicolumn 01)

<!---
theme #18 (multicolumn 01) by
╱╱╱╱╭━╮╭━╮╱╱╱╱╱╱╱╭╮╱╭╮
╱╱╱╱┃╭╯┃╭╯╱╱╱╱╱╱╱┃┃╭╯╰╮
╭━━┳╯╰┳╯╰┳┳━━┳┳━━┫┃┣╮╭╋╮╱╭╮
┃╭╮┣╮╭┻╮╭╋┫╭━╋┫╭╮┃┃┣┫┃┃┃╱┃┃
┃╰╯┃┃┃╱┃┃┃┃╰━┫┃╭╮┃╰┫┃╰┫╰━╯┃
╰━━╯╰╯╱╰╯╰┻━━┻┻╯╰┻━┻┻━┻━╮╭╯
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
(ex. twerkitnarry)
--->


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


<!-- COLORS -->

<meta name="color:background" content="#ffffff"/>
<meta name="color:asks background" content="#eaeaea">
<meta name="color:posts background" content="#ffffff"/>
<meta name="color:links background" content="#ffffff"/>
<meta name="color:link" content="#c2bebe">
<meta name="color:text" content="#777"/>
<meta name="color:title" content="#fd8585"/>
<meta name="color:hover" content="#a3a3a0"/>
<meta name="color:border" content="#e4e4e4">
<meta name="color:scrollbar" content="#fd8585"/>

<!--SIDEBAR AND BACKGROUND IMAGES-->
<meta name="image:background" content=""/>
<meta name="image:sidebar" content=""/>

<meta name="if:2Columns" content="1"/>
<meta name="if:SmallCursor" content="1"/>

<!--IF YOU DON'T WANT A TITLE REMOVE THE FIRST META-->
<meta name="text:sidetitle" content="" />
<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="" />

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

<style type="text/css">



::-webkit-scrollbar {
width: 3px;
height: 5px;
}

::-webkit-scrollbar-track {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    background:{color:scrollbar};
}

::-webkit-scrollbar-thumb:vertical {
height: 9px;
background-color: {color:scrollbar};
border-top:1px solid {color:scrollbar};
border-bottom:1px solid {color:scrollbar};
}


{block:IfSmallCursor}*, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;} {/block:IfSmallCursor}

iframe#tumblr_controls {white-space:nowrap;-webkit-filter: invert(100%);-moz-filter: invert(100%);-o-filter: invert(100%);-ms-filter: invert(100%);filter: invert(100%); right:2px !important; position: fixed !important;-webkit-transition: opacity 0.4s linear;opacity: 0.4;-webkit-transition: all 0.8s ease-out;-moz-
transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity 0.7s linear;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

p {
margin:0px;
margin-top:0px;
}


body {
padding:10px;
margin: 1px;
color:{color:text};
font-family: calibri;
line-height:10px;
font-size:10px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}


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

a:hover {
text-decoration: none;
font-style:;
color: {color:Hover};
}

blockquote img {max-width:100%}

/* DON'T MAKE THE WIDTH NUMBER TOO BIG OR ELSE YOU'LL HAVE A HORIZONTAL SCROLLBAR */

div#center{
margin:auto;
position:relative;
width:1340px;
overflow:auto;
overflow-y:hidden;
}

/* EDIT ENTRY SETTINGS HERE */

.entry {
padding:8px;
{block:If2Columns}
border:1px solid {color:border};
{/block:If2Columns}
float:left;
margin:3px;
margin-top:28px;
{block:If2Columns}
margin-top:2px;
{/block:If2Columns}
overflow:hidden;
width:500px; /*MAKE IT SMALLER FOR MORE COLUMNS AND BIGGER FOR LESS*/
{block:If2Columns}
width:250px;
{/block:If2Columns}
{block:PermalinkPage}
width:455px;
text-align:left;
line-height:10px;
{/block:PermalinkPage}
background:{color:posts background};
}

/*EDIT POSTS HERE*/

#posts {
width:550px;
margin-top:80px;
margin-left:380px;
background:transparent;
overflow-y: hidden;
position:inherit;
}

/*EDIT SIDEBAR HERE*/


#sidebar {
z-index:99999;
margin-left:0px;
margin-top:0px;
position:fixed;
background:transparent;
}

/*EDIT SIDEBAR TITLE HERE NOTE: IF YOU DON'T WANT THE TITLE TO APPEAR DELETE THIS AND GO TO THE <BODY> TAG AND DELETE <div class="sidetitle">{text:sidetitle}</div> */

#headerbg {width: 100%; height: 60px;margin-top:-12px; margin-left: -12px;position:fixed;background-color: {color:background}; border-bottom: 1px solid {color:border}; z-index:999;}

.sidetitle{
text-transform:none;
font-size:38px;
font-family:'times new';
font-style:italic;
line-height:100%;
text-align:left;
height:auto;
letter-spacing:0px;
word-spacing:0px;
margin-left:0px;
margin-top:3px;
padding-bottom:10px;
padding-right:5px;
position:fixed;
z-index:99999999999999;
opacity:1;
}

.sidetitle a{
    color:{color:title};
    }

.links {
opacity:1;
margin-top:130px;
margin-left:952px;
position:fixed;
line-height:250%;
}

.links a{
    vertical-align:middle
    position:fixed;
    display:block;
    font-size:12px;
    width: 60px;
    height: 40px;
    padding-top:20px;
	background: {color:links background};
    text-align:center;
	border-radius: 100px;
    border: 1px solid {color:border};
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.links a:hover{
color:white;
background:{color:title};
border-color: {color:title};
-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

#sidebarimage {
    position:fixed;
    margin-top:380px;
    margin-left:180px;
    opacity: 1;border-radius:100px;
    background-color:{color:background};
}

#sidebarimage img {
    width:150px;
    overflow:none;
    height: 150px;
    border:solid 1px;
    opacity: .9;
    padding:3px;
    border-radius:100px;
    border-color: {color:border};
    background-color:{color:background};
}

#descbg {width: 270px; height: 109px;margin-top:403px; margin-left:-12px;position:fixed;background-color: {color:background}; border-bottom: 1px solid {color:border}; border-top: 1px solid {color:border};}

    .desc {
    overflow:auto;
    position:fixed;
    margin-top:425px;
    margin-left:8px;
    padding: 5px;
    padding-top: 1px;
    text-align:justify;
    font-size:12px;
    font-family:'times new';
    width:150px;
    height:65px;
    line-height:110%;
    background-color:transparent;
    opacity:1;
    color:{color:text};
    -moz-transition-duration:0.7s;
    -webkit-transition-duration:0.7s;
    -o-transition-duration:0.7s;
    }

    .desc a{
    color:{color:text};
    }

   .desc:first-letter {
    float:left;
    font-family: georgia;
    font-size:17px;
    text-transform:uppercase;
    background:{color:border};
    color:{color:text};
    padding:6px;
    margin-right:4px;
    display:inline-block;
}

/*CUSTOMIZE TITLE OF ENTRIES HERE*/
.title{
font-size: 12px;
color:{color:Title};
font-weight: normal;
line-height:100%;
}

#asker {
    font-family:cedarville cursive; line-height:90%; font-size:20px; margin-top:2px; }

#asker a {
    color:{color:title};
    }

#question {
    font-family:'calibri'; font-size: 11px; font-style:italic; line-height:95%; background-color: {color:asks background}; padding: 5px;border-radius: 10px;
}

#answer {
    font-family:'calibri'; text-transform:none;margin-top:6px; {block:If2Columns}border-top: 1px solid {color:border};{/block:If2Columns} padding-top:8px;
    }

    #bubble {
    position:absolute;
    margin-left:83%;
    width: 0;
    height: 0;
	border-left: 4px solid transparent;
	border-right: 16px solid transparent;
	border-top: 14px solid #eee;
}


/*EDIT PERMALINK OF POSTS AND STUFF HERE*/

.permalink {
color:black;
font-size:12px;
opacity: 0;
width:501px;
{block:If2Columns}
width:245px;
{/block:If2Columns}
height:15px;
padding-bottom:1px;
padding-left:5px;
padding-top:5px;
background-color: #fff;
position: absolute;
top: 20px;
{block:If2Columns}
top:10px;
{/block:If2Columns}
text-align:center;
text-transform:uppercase;
font-family:calibri;
letter-spacing:0px;
line-height:12px;
border-top:1px solid {color:border};
border-bottom:1px solid {color:border};
display:block;
-webkit-transition-duration: .75s;
}

.entry:hover .permalink {
position: absolute;
opacity:1;
z-index:99;
padding-top:5px;
padding-bottom:1px;
-moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
}

.permalinks {
    margin-top:10px;
    padding:2px;
    padding-bottom:0px;
    text-align:center;
    text-transform: uppercase;
    font-family:calibri;
    border-top: 1px solid {color:border}
}




/* SCROLLBAR */

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

/* BLOCKQUOTES AND STUFF */

#postnotes{
text-align: justify;}

#postnotes blockquote{
border: 1px;}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 5px;
border-left: 1px solid {color:border};
}

blockquote p, ul{
margin:0px;
padding:0px;
}

a img{border: 0px;}


ul, ol, li{list-style:none; margin:0px; padding:0px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}

ol.notes {
    padding-left:18px;
    font-size: 10px;
}

ol.notes li.note {
    list-style: decimal-leading-zero;
    padding:2px;

}
.notes img{width:10px; position:relative; top:3px; display:none;}

<--ses-->
small{font-size: 90%;}


    #photoset {
        width:100%;
        padding:2px;
        border: 1px solid {color:border};
        {block:If2Columns}
        border: 0px solid {color:border};
        padding:0px;
        {/block:If2Columns}
        }

    #line {
        position:fixed;
        height:1000px;
        width: 1px;
        background-color: {color:border};
        margin-left:980px;
        margin-top:-10px;
        }

        #poop {padding: 2px; font-color:#ccc; position:fixed; text-align: right; bottom:-22px; right:3px; line-height:120%; font-size:18px;  letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }

#poop a {
    color: {color:Text};
}

#poop:hover {
bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
}

#poop a:hover {
bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; color: {color:title};
}

#s-m-t-tooltip {
max-width:300px;
padding:3px 4px 3px 4px;
margin:10px 0px 0px 10px;
background-color:#fff; /* change the background color */
border:1px solid {color:border}; /* change the border color */
font-family:calibri; /* change the font */
font-size:9px; /* change the font size */
letter-spacing:1px; /* change the letter spacing */
text-transform:uppercase; /* can be uppercase, lowercase, none*/
color:#999; /* change the text color */
font-style:italic;
z-index:999999999999999999999999999999999999;

}

{CustomCSS}

</style>

<!-- INFINITE SCROLL THING -->

{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 $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry, .entry_photo',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#pagination',
nextSelector : '#pagination a',
itemSelector : '.entry, .entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#posts').show(500);
});
</script>


{/block:IndexPage}


<title>{title}</title>

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



</head>


<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:160,
attribute:"title"
});
});
})(jQuery);
</script>
<body>

<BODY onselectstart="return false;" ondragstart="return false;">

<div id="center">
<div id="descbg"></div>
<div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
<div class="header">
</div>
<div id="headerbg"></div>
<div id="line"></div>
<div class="sidetitle"><a href="/">{text:sidetitle}</a></div>
<div class="links">
<a title="refresh" href="/">I.</a><br>
<a title="message" href="/ask">II.</a><br>
{block:ifLink1}<a title="{text:Link1 Title}" href="{text:Link1}">III.</a>{/block:ifLink1}<br>
{block:ifLink2}<a title="{text:Link2 Title}" href="{text:Link2}">IV.</a>{/block:ifLink2}<br>
{block:ifLink3}<a title="{text:Link3 Title}" href="{text:Link3}">V.</a>{/block:ifLink2}
</div>
<div class="desc">{Description}
</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="body">{Body}</span>
<!--EDIT THE PERMALINK STUFF ON TEXT POSTS-->
<div class="permalinks">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a></div>
{/block:Text}

{block:Link}<a href="{URL}" class="title"><big><big>{Name}</big></big></a>{block:Description}<div class="body">{Description}</div>{/block:Description}
<div class="permalinks">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a></div>{block:Link}


<!--EDIT THE PERMALINK STUFF ON PHOTOS-->
{block:Photo}
{block:IndexPage}
<center>
<div class="permalink">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}  - </a><a href="{Permalink}">{NoteCount} notes </a><a href="{ReblogURL}" target="_blank"> - reblog </a> </div>
<div id="photoset"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}


<!--EDIT THE PERMALINK STUFF ON PHOTOSETS-->
{block:Photoset}
{block:IndexPage}
<div class="permalink">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}  - </a><a href="{Permalink}">{NoteCount} notes </a><a href="{ReblogURL}" target="_blank"> - reblog </a> </div>
<center><div id="photoset">{Photoset-250}</div></center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-250}</center>
{/block:PermalinkPage}
{/block:Photoset}


{block:Quote}<span class="title"><big><i>"{Quote}"</i></big></span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
<!--EDIT THE PERMALINK STUFF ON QUOTES-->
<div class="permalinks">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a></div>{/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}
{/block:Lines}
<!--EDIT THE PERMALINK STUFF ON CHATS-->
<div class="permalinks">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
{/block:Chat}

{block:Audio}
<left> <span class="audio">{AudioPlayerGrey}</left></span>
<br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
<br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times

<!--EDIT THE PERMALINK STUFF ON AUDIO POSTS-->
<div class="permalinks">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a></div>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
<!--EDIT THE PERMALINK STUFF ON VIDEO POSTS-->
<div class="permalink">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
{Video-250}</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-400}</center>
{/block:PermalinkPage}
{block:Video}

<!--EDIT QUESTIONS AND ANSWERS ONLY HERE-->
{block:Answer}
<img src="{AskerPortraitURL-30}" align="left" style="margin-left:3px; border: 1px solid {color:border}; border-radius:100px; "/>
<div id="asker"> &nbsp{Asker}</div> <div id="question"> — {Question} </div><div id="bubble"></div>
<br>
<div id="answer">{Answer} </div>
<div class="permalinks">
<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a></div>
{/block:Answer}


{block:PostNotes}<div align="middle">{caption}</div>
<center>

{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

{block:HasTags}
tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>

{/block:RebloggedFrom}
</center></span>
<br>
<div id="postnotes">{PostNotes}</div><br>

<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>

{/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 id="poop">
<a href="http://officiality.tumblr.com/">▲▼<br>OFFICIALITY</a>
</div>


</body>
</html>