DESIGN by SURDADDY - ORIGINAL

       <!-----------------------------------------------------------
                       DESIGN by SURDADDY - ORIGINAL ©
       ------------------------------------------------------------->

<meta name="color:background" content="#fff" />
<meta name="color:textos" content="#999" />
<meta name="color:texto" content="#bbb" />
<meta name="color:links" content="#7e7563" />
<meta name="color:title" content="#7e7563" />
<meta name="color:rolagem" content="#7e7563" />
<meta name="image:foto" content="" />
<meta name="text:title" content="SUPREME KING" />
<meta name="text:texto" content="EXCUSE ME, NO, I BELIEVE THE PROPER TERM'S EXCUSE YOU. I COULD SWITCH UP ON YOU NIGGAS AND START SHITTIN'. THEY SAY WEALTH IS IN THE MIND, NOT THE POCKET. MAKE NO MISTAKES, IT'S ALL A LEAP OF FAITH FOR LOVE." />

<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="link 1" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="link 2" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="link 3" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="link 4" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="link 5" />

<head>
                     <title>{Title}</title>
  <link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<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/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>

<link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><i class="fa fa-chevron-up"></i></a>

</head>
<style type="text/css">

#s-m-t-tooltip {max-width:200px;line-height:17px;height:17px; font-size:8px; color:#fff; padding:3px 4px 3px 4px; margin:20px 0px 0px 20px; z-index:99999;transition: 0.5s;background:#000;text-transform:uppercase;}

#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom:45px; right: 42px;}
#scrollToTop i {font-size:13px;color:#000;}

body {font-family:karla, sans-serif; font-size:10.5px; background:{color:background}; color:{color:textos};text-align:justify;}

a {color: #000; text-decoration: none; text-transform: none;cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
a:hover {color:;cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; transition:0.5s;}
h1 {font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:1px;}

#content {margin-top:125px; margin-left:120px; width:1200px;}

.posts{float:left;width:250px;;margin:15px 20px;{block:permalinkpage}width:500px;border:1px solid #bbb;margin-left:120px;{/block:permalinkpage};padding:;background:#fff;overflow:hidden;}
.posts img {width:250px;transition: all 0.5s ease-in-out;}
.postimage img {width:250px;{block:PermalinkPage}width:98%;padding:5px;{/block:PermalinkPage};}
.box {padding:10px;border:1px solid #bbb;background:#fff;}

.quote:first-letter {font-size: 15px; line-height:15px; color:#000}
.quote {text-align:left; line-height:15px; color:{color:text}; padding:3px;}
.source {text-transform:uppercase; text-align:right;font-size:10px; margin-top:1px;}

.perguntou {float:left;text-align:left; text-indent:3px;width:100px;text-transform:uppercase;margin-left:1px;margin-top:-5px;height:20px;line-height:28px;}
.perguntou a {text-transform:uppercase;color:{color:textos};font-size:9px;}
.fotinha {float:left;text-align:left;width:20px;height:20px;margin-left:6px;margin-top:-5px;border-radius:20px;border:5px solid #fff;z-index:9;}
.fotinha img {width:20px; height:20px;margin-left:0px;margin-top:0px;border-radius:20px;}
.pergunta {background:#f2f2f2;text-align:left; text-indent:-20px;width:96%;color:color:{color:textos};margin-left:0px;margin-top:17px;height:auto;line-height:18px;padding:5px;}
.resposta{text-align:left;padding:5px; width:95%;height:auto;line-height:13px;margin-left:0px;margin-top:0px;color:{color:textos};border:1px solid #f2f2f2;}

#audio {width:100px; height:80px;}
#audio img {position:absolute; width:80px; height:80px; background-color:#fff;}
#audiott {position:absolute;margin:12px 84px; width:110px;}
#audiott span {color:{color:textos};}
#play {position:absolute; overflow:hidden; height:28px; width:28px; margin:10px;}
#player {position:absolute; width:46px; height:46px; z-index:9; margin:17px; border-radius:40px; opacity:0.6; transition:1s; background:#fff;}
#player:hover {opacity:1; transition:1s;}

/******** NOTES POR SURDADDY / DON'T COPY *******/
.notes-bottom {width:220px; height:25px;transition:0.5s; position:relative;left:0px;top:5px;background:#fff;text-align:center;}
.p3 {width:auto;padding:1px 25px;line-height:24px;border-left:2px solid #bbb;border-right:2px solid #bbb;}
.notes-bottom a {text-align:center;color:#bbb;text-transform:uppercase;font-size:9px;margin:2px 7px; display:inline-block;width:auto;}
.notes-bottom a:hover {color:#7e7563;}
.notes-bottom i{text-align:center;color:#bbb;font-size:12px;margin:7px 10px; display:inline-block;width:auto;}
.notes-bottom i:hover {color:#7e7563;}
.line-bottom {width:193px;position:absolute; margin-left:14px;margin-top:0px;border-top:1px solid #bbb;}

.notes_posts {width:100%; height:100%;transition:0.5s; position:absolute;left:0px;top:-100%;background:#7e7563;text-align:center;}
.posts:hover .notes_posts {opacity:.9;top:0px;}
.notes_center {position:relative;top:45%;left:18%;width:auto;transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;}
.p3 a{position:relative;margin-left:-20px;float:left;width:auto;border-right:2px solid #fff;padding:11px 12px;font:12px 'Lato';text-transform:uppercase;color:#fff;font-weight:bold;letter-spacing:2px;}
.notes_con {margin-top:-11px;width:60px;float:left;margin-left:-15px;padding:10px;}
.notes_con a {padding:2px;text-align:left;line-height:20px;font-size:11px;
margin-left:10px;color:#fff;}

/*** FRAGILEHELP ***/
#lpermalink {padding:0px; margin-bottom:1px;overflow-x:hidden; overflow-y:auto;height:200px;border:1px solid #bbb;color:{color:text};}
#lpermalink a {color:{color:text};margin-left:5px;}
#lpermalink img {float:left; width:20px;}
ol.notes li {list-style-type:none; margin:2px; line-height:18px; padding:5px; border-bottom:1px solid #bbb;margin-left:-30px;}

#creditos {right:45px; bottom:25px; position:fixed;z-index:99999;}
#creditos a {text-align:center; width:20px; height:20px;float:left;line-height:20px;color:#999;font-size:11px;}

.vsanna{display: none;}
blockquote {margin:0px;}

#infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:40%!important}
.tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}

::-webkit-scrollbar {height:0px;width:17px;background: #eee;border:8px solid #fff;}
::-webkit-scrollbar-thumb:vertical{background:{color:rolagem};border:8px solid #fff;height:auto;}

#side {width:250px; height:80px; position:absolute; border-right:2px solid #7e7563;background:#fff;top:4%;left:32.5%;}

#title {position:absolute;width:241px;height:27px;line-height:27px; margin:0px;text-align:right;color:{color:title};font-size:17px; font-family:'Lato';letter-spacing:1px;text-transform:uppercase;}
#title a{font-weight:bold;color:#7e7563;}

#frase {position:absolute;width:235px;margin:25px 5px; text-align:right;color:{color:texto};font-size:8px;line-height:12px;text-transform:uppercase;}

/*  MENU POR SURDADDY, DON'T COPY.  */
.menu {position:absolute; margin-top:0px;margin-left:255px; width:50px;height:20px;transition:1s;text-align:left;}
.menu a{transition:0.5s;color:{color:links}; line-height:8px;text-align:left;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:0px 0px;display:inline-block;padding:4px;font-family:'Lato';font-weight:bold;}
.menu a:hover {margin-left:5px;}

</style>
<body>

<div id="side">
<div id="frase">{text:texto}</div>
<div id="title">{text:title}</div>

<div class="menu">
<a href="{text:Link1}">{text:Link1 Title}</a>
<a href="{text:Link2}">{text:Link2 Title}</a>
<a href="{text:Link3}">{text:Link3 Title}</a>
<a href="{text:Link4}">{text:Link4 Title}</a>
<a href="{text:Link5}">{text:Link5 Title}</a>
</div></div>

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

{block:Text}
<div class="box">
{block:Title} <h1>{Title}</h1> {/block:Title}
{Body}</div>
{block:indexpage}
<div class="notes-bottom">
<div class="line-bottom"></div>
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a>
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>
</div>
{/block:indexpage}
{/block:Text}

{block:Photo}
<div class="postimage"><img src="{PhotoURL-250}"></div>
{block:IndexPage}
<div class="notes_posts">
<div class="notes_center">
<div class="p3"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>
<div class="notes_con">
<a title="{NoteCount}"><i class="fa fa-heart-o"></i></a>
<a title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>
<a href="{Permalink}" title="PERMALINK"><i class="fa fa-copy"></i></a>
<a href="{PhotoURL-HighRes}" title="ZOOM"><i class="fa fa-search"></i></a>
</div></div></div>
{/block:IndexPage}
{/block:Photo}

{block:Photoset}
{Photoset}
{block:IndexPage}
<div class="notes_posts">
<div class="notes_center">
<div class="p3"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>
<div class="notes_con">
<a title="{NoteCount}"><i class="fa fa-heart-o"></i></a>
<a title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>
<a href="{Permalink}"><i class="fa fa-copy"></i></a>
<a href="{PhotoURL-HighRes}"><i class="fa fa-search"></i></a>
</div></div></div>
{/block:IndexPage}
{/block:Photoset}

{block:Quote}
<div class="box">
<div class="quote">{Quote}<div class="source">- <b>{Source}</b></div></div></div>
{block:indexpage}
<div class="notes-bottom">
<div class="line-bottom"></div>
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a>
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>
</div>
{/block:indexpage}
{/block:Quote}

{block:Link}
<div class="box">
<a href="{URL}" {Target}>{Name}</a>
{block:Description} {Description}{/block:Description}</div>
{block:indexpage}
<div class="notes-bottom">
<div class="line-bottom"></div>
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a>
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>
</div>
{/block:indexpage}
{/block:Link}

{block:Chat}
<div class="box">
{block:Title}{Title}{/block:Title}
{block:Lines} {block:Label} <br> <b>{Label}</b> {/block:Label} {Line} {/block:Lines}</div>
{block:indexpage}
<div class="notes-bottom">
<div class="line-bottom"></div>
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a>
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>
</div>
{/block:indexpage}
{/block:Chat}

{block:Video}
{Video-250}
{block:IndexPage}
<div class="notes_posts">
<div class="notes_center">
<div class="p3"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>
<div class="notes_con">
<a title="{NoteCount}"><i class="fa fa-heart-o"></i></a>
<a title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>
<a href="{Permalink}"><i class="fa fa-copy"></i></a>
<a href="{PhotoURL-HighRes}"><i class="fa fa-search"></i></a>
</div></div></div>
{/block:IndexPage}
{/block:Video}

{block:Audio}
<div class="box">
<div id="audio">
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
<div id="player"><div id="play">{AudioPlayerWhite}</div></div>
<div id="audiott">
Track: {block:TrackName}<span>{TrackName}</span>{/block:TrackName}
<p>Artist: {block:Artist}<span>{Artist}</span>{/block:Artist}</p>
<p>Album: {block:Album}<span>{Album}</span>{/block:Album}</p>
</div></div></div>
{block:indexpage}
<div class="notes-bottom">
<div class="line-bottom"></div>
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a>
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>
</div>
{/block:indexpage}
{/block:Audio}

{block:Answer}
<div class="box">
<div class="fotinha"><img src="{AskerPortraitURL-16}"></div>
<div class="perguntou"><a>{Asker}:</a></div>
<div class="pergunta">{Question}</div>
<div class="resposta">{Answer}</div>
{block:indexpage}
<div class="notes-bottom">
<div class="line-bottom"></div>
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a>
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>
</div></div>
{/block:indexpage}
{/block:Answer}

{block:PermalinkPage}
<div class="box" style="border:1px solid #fff">
{block:Caption}{Caption}{/block:Caption}
{block:HasTags}
<p><i class="fa fa-hashtag"></i> {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<p>{block:Date}<i class="fa fa-clock-o"></i> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}
<p>{block:NoteCount}<i class="fa fa-heart-o"></i> {NoteCountWithLabel}.{/block:NoteCount}
<p>{block:RebloggedFrom}<i class="fa fa-share"></i> Via <a href="{ReblogParentURL}">{ReblogParentName}</a>,by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{block:RebloggedFrom}
{block:PostNotes}<div id="lpermalink" style="text-align:left">{PostNotes}</div>{/block:PostNotes}</div>{/block:PermalinkPage}</div>{/block:Posts}</div>

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script> <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script> <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script> <script type="text/javascript"> $(window).load(function () { $('#content').masonry(),
$('.masonryWrap').infinitescroll({ navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage", itemSelector : ".posts",
bufferPx : 10000, extraScrollPx: 11000, loadingImg : "http://goo.gl/2RmWUx", loadingText : "<i> </i>",
},function() { $('#content').masonry({ appendedContent: $(this) }); } ); }); </script> {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate"> {/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}

<div id="creditos">
<a href="http://surdaddy.tumblr.com" title="by Surdaddy ">THEME</a>
</div>

</body>