saml · April 23, 2012 10:56
diff --git a/tumblr.html b/tumblr.html
 <!doctype html>
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
    <!-- DEFAULT VARIABLES -->
    <meta name="color:Background" content="#000" />
    <meta name="color:PostBg" content="" />
    <meta name="color:Post" content="#e8f1e8" />
    <meta name="color:PostTitle" content="#b5e853" />
    <meta name="color:PostA" content="#00c9ff" />
    <meta name="color:PostFooterBg" content="" />
    <meta name="color:PostFooter" content="" />
    <meta name="color:PostFooterA" content="" />

    <meta name="font:Title" content="Arial" />
    <meta name="font:Body" content="Arial" />
    <meta name="font:Accent" content="Lucida Sans" />

    <meta name="if:Show People I Follow" content="0" />
    <meta name="if:Show Tags" content="1" />
    <meta name="if:Show Album Art on Audio Posts" content="0" />
    <meta name="if:Enable Jump Pagination" content="0" />

    <meta name="text:Disqus Shortname" content="" />

    <meta name="image:Header" content="" />
    <meta name="image:Background" content="" />

    <meta charset="utf-8" />
    <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <style type="text/css">
 body {
  margin: 0;
  padding: 0;
  background: {color:Background};
  color: {color:Post};
  font: 16px;
  line-height: 1.5;
  font-family: {font:Body};
 }

 /* General & 'Reset' Stuff */

 .container {
  width: 100%;
  margin: 0 auto;
 }

 section {
  display: block;
  margin: 0 0 20px 0;
 }

 h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
 }

 li {
  line-height: 1.4 ;
 }

 /* Header, <header>
   header   - container
   h1       - project name
   h2       - project description
 */
 article {
    padding-left: 1em;
 }

 .bottom {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  border-bottom: 1px dashed #b5e853;
  padding: 20px 0;
  margin: 0 0 40px 0;
 }

 header h1, .post .title, .post .quote, .post .link {
  font-size: 30px;
  line-height: 1.5;
  margin: 0 0 0 0;
  font-weight: bold;
  font-family: {font:Title};
  color: {color:PostTitle};
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
               0 0 5px rgba(181, 232, 83, 0.1),
               0 0 10px rgba(181, 232, 83, 0.1);
  letter-spacing: -1px;
  -webkit-font-smoothing: antialiased;
 }

 header h1:before {
  content: "./ ";
  font-size: 24px;
 }

 header h2 {
  font-size: 18px;
  font-weight: 300;
  color: #666;
 }

 #downloads .btn {
  display: inline-block;
  text-align: center;
  margin: 0;
 }

 /* Main Content
 */

 #main_content {
  width: 100%;
  -webkit-font-smoothing: antialiased;
 }
 section img {
  max-width: 100%
 }

 h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: {font:Title};
  color: #b5e853;
  letter-spacing: -0.03em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
               0 0 5px rgba(181, 232, 83, 0.1),
               0 0 10px rgba(181, 232, 83, 0.1);
 }

 #main_content h1 {
  font-size: 30px;
 }

 #main_content h2 {
  font-size: 24px;
 }

 #main_content h3 {
  font-size: 18px;
 }

 #main_content h4 {
  font-size: 14px;
 }

 #main_content h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
 }

 #main_content h6 {
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  margin: 0 0 5px 0;
 }

 dt {
  font-style: italic;
  font-weight: bold;
 }

 ul li {
  list-style: none;
 }

 ul li:before {
  content: ">>";
  font-family: {font:Accent};
  font-size: 13px;
  color: #b5e853;
  margin-left: -37px;
  margin-right: 21px;
  line-height: 16px;
 }

 blockquote {
  color: {color:Post};
  padding-left: 10px;
  border-left: 1px dotted #666;
 }

 pre {
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 10px;
  font-size: 14px;
  color: {color:Post};
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-wrap: normal;
  overflow: auto;
  overflow-y: hidden;
 }

 table {
  width: 100%;
  margin: 0 0 20px 0;
 }

 th {
  text-align: left;
  border-bottom: 1px dashed #b5e853;
  padding: 5px 10px;
 }

 td {
  padding: 5px 10px;
 }

 hr {
  height: 0;
  border: 0;
  border-bottom: 1px dashed #b5e853;
  color: #b5e853;
 }

 /* Buttons
 */

 .btn {
  display: inline-block;
  background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
  padding: 8px 18px;
  border-radius: 50px;
  border: 2px solid rgba(0, 0, 0, 0.7);
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
  border-top: 2px solid rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 0.8);
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }

 .btn:hover {
  background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
 }

 .btn .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px 8px 0 0;
  float: left;
 }



 /* Links
   a, a:hover, a:visited
 */

 a {
  color: {color:PostA};
  text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
 }

 /* Clearfix */

 .cf:before, .cf:after {
  content:"";
  display:table;
 }

 .cf:after {
  clear:both;
 }

 .cf {
  zoom:1;
 }
    </style>
    <!--[if lt IE 7.]>
        <style type="text/css">
            #wrapper #sidebar #bottom {
                background: transparent;
            }

            #wrapper #sidebar #top #avatar {
                background: none;
            }

            #wrapper #sidebar #top #avatar img {
                border: 5px solid #f1f1f1;
            }

            #wrapper #sidebar #top .heading#followontumblr {
                background-image: none;
                text-indent: 0;
            }

            #wrapper #sidebar #top .heading#twitter {
                background-image: none;
            }

            #wrapper #sidebar #top .heading#following {
                background-image: none;
            }

            #wrapper #content .post .audio .player {
                float: none;
            }

            #wrapper #content .post .audio .meta {
                display: none;
                float: none;
            }
        </style>
    <![endif]-->

    <!--[if lt IE 8.]>
        <style type="text/css">
            #wrapper #content .bottom {
                background: transparent;
            }

            #wrapper #content .post .footer {
                background: transparent;
                color: #000;
            }

            #wrapper #content .post .audio {
                float: none;
                background: transparent;
            }

            #wrapper #content .post .notecontainer .notes {
                padding: 0;
                margin: 0;
            }
        </style>
    <![endif]-->
    <style type="text/css">{CustomCSS}</style>


 <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31053646-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

 </script>


 </head>
 <body>
    <div id="wrapper">

        <div id="content">

            {block:SearchPage}
                {block:SearchResults}
                    <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
                {/block:SearchResults}

                {block:NoSearchResults}
                    <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
                {/block:NoSearchResults}
            {/block:SearchPage}

            {block:Posts}
                <div class="post">
                    <article>

                    {block:Photo}
                        {block:Caption}<div class="title"><header>{Caption}</header></div>{/block:Caption}
                        <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>

                    {/block:Photo}

                    {block:Video}
                         {block:Caption}<div class="title"><header>{Caption}</header></div>{/block:Caption}
                        <div class="media">{Video-500}</div>

                    {/block:Video}

                    {block:Audio}

                        {block:AudioEmbed}
                            {AudioEmbed}
                        {/block:AudioEmbed}

                        {block:AudioPlayer}

                             {block:Caption}<div class="title"><header>{Caption}</header></div>{/block:Caption}

                            {block:IfShowAlbumArtOnAudioPosts}
                                {block:AlbumArt}
                                    <div class="album_art">
                                        <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
                                    </div>
                                {/block:AlbumArt}
                            {/block:IfShowAlbumArtOnAudioPosts}

                            <div class="audio">
                                <div class="player">{AudioPlayerWhite}</div>
                                <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
                                <div class="clear"></div>
                            </div>
                        {/block:AudioPlayer}

                        <div class="clear"></div>


                    {/block:Audio}

                    {block:Quote}
                        <div class="quote {Length}">{Quote}</div>
                        <div class="copy">
                            <div class="quotebg">“</div>
                            {block:Source}
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td valign="top" style="width:20px;">&mdash;</td>
                                        <td valign="top" class="quote_source">
                                            {Source}
                                        </td>
                                    </tr>
                                </table>
                            {/block:Source}
                        </div>
                    {/block:Quote}

                    {block:Text}
                        {block:Title}<div class="title"><header>{Title}</header></div>{/block:Title}
                        <div class="copy">{Body}</div>
                    {/block:Text}

                    {block:Answer}
                        <div class="question">
                            <div class="nipple"></div>
                            {Question}
                        </div>
                        <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
                        <div class="copy">{Answer}</div>
                    {/block:Answer}

                    {block:Chat}
                        {block:Title}<div class="title">{Title}</div>{/block:Title}
                        <div class="chat">
                            <div class="lines">
                                {block:Lines}
                                    <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
                                {/block:Lines}
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div style="height:10px;"></div>
                    {/block:Chat}

                    {block:Link}
                        <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
                        {block:Description}<div class="copy">{Description}</div>{/block:Description}
                    {/block:Link}

                    <footer>
                    {block:Date}
                        <a href="{Permalink}">
                            <div class="footer for_permalink">
                                <div class="date">
                                    {block:Reblog}
                                        {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
                                    {/block:Reblog}

                                    {block:NotReblog}
                                        {lang:Posted TimeAgo from source}
                                    {/block:NotReblog}
                                </div>
                                <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
                                <div class="clear"></div>
                            </div>
                        </a>
                    {/block:Date}

                    <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
                        display:none;
                        {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
                        {block:ContentSource}display:block;{/block:ContentSource}
                    ">

                        {block:IfShowTags}
                            {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
                        {/block:IfShowTags}

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


                        <div class="clear"></div>
                    </div>

                    </footer>

                    {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

                    {block:IfDisqusShortname}
                        {block:Permalink}
                            <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
                                <div id="disqus_thread"></div>
                                <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
                                <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
                            </div>
                            <div style="text-align:right; margin-top:5px;">
                                {lang:Blog comments powered by Disqus 2}
                            </div>
                        {/block:Permalink}
                    {/block:IfDisqusShortname}


                    </article>
                </div>
                <div class="bottom"></div>
            {/block:Posts}

            {block:Pagination}
                <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
                    {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}

                    {block:IfEnableJumpPagination}
                        {block:JumpPagination length="5"}
                            {block:CurrentPage}
                                <span class="current_page">{PageNumber}</span>
                            {/block:CurrentPage}

                            {block:JumpPage}
                                <a class="jump_page" href="{URL}">{PageNumber}</a>
                            {/block:JumpPage}

                        {/block:JumpPagination}
                    {/block:IfEnableJumpPagination}

                    {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
                </div>
            {/block:Pagination}

        </div>



        <div id="title">
            <a href="/">
                {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
                {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
            </a>
        </div>



        <div id="sidebar">
            <div id="top">
                <div id="description">{Description}</div>

                <div id="pages" class="ask_and_submit">
                    {block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
                    {block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
                    <div class="clear"></div>
                </div>

                {block:HasPages}
                    <div id="pages">
                        {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
                        <div class="clear"></div>
                    </div>
                {/block:HasPages}

                <div id="search">
                    <form action="/search" method="get" id="search-form">
                        <input type="hidden" name="t" value="{Name}" />
                        <input type="hidden" name="scope" value="all_of_tumblr" />
                        <input type="text" name="q" class="query" value="{SearchQuery}" />
                        <input type="submit" value="{lang:Search}" class="submit" />
                        <div class="clear"></div>
                    </form>
                </div>



                {block:Twitter}
                <div id="twitterwrapper" style="display:none;">
                    <a href="http://twitter.com/{TwitterUsername}" style="text-decoration:none;"><div class="heading" id="twitter">{lang:Latest Tweets}</div></a>
                    <div id="tweetcontainer"></div>
                    <script type="text/javascript">
                        function recent_tweets(data) {
                            document.getElementById("twitterwrapper").style.display = "block";
                            for(i = 0; i < data.length; i++) {
                                document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + (data[i].id_str ? data[i].id_str : data[i].id) + '"><div class="content">' + data[i].text + '</div></a>';
                            }
                        }
                    </script>
                </div>
                {/block:Twitter}



                <div id="buttons">
                    <div class="row">
                        <div class="button" id="button-rss"><a href="{RSS}">{lang:RSS feed}</a></div>
                        <div class="button" id="button-random"><a href="/random">{lang:Random}</a></div>
                    </div>
                    <div class="clear"></div>
                    <div class="row">
                        <div class="button" id="button-archive"><a href="/archive">{lang:Archive}</a></div>
                        <div class="button" id="button-mobile"><a href="/mobile">{lang:Mobile}</a></div>
                    </div>
                    <div class="clear"></div>
                </div>

            </div>

            <div id="bottom"></div>
            <div id="copyright"><a href="//webscale.info/" class="btn">webscale</a></div>
        </div>

        <div class="clear"></div>
    </div>

    {block:Twitter}
        <script type="text/javascript" src="/tweets.js"></script>
    {/block:Twitter}

    {block:IfDisqusShortname}
        <script type="text/javascript">
            //<![CDATA[
            (function() {
                var links = document.getElementsByTagName('a');
                var query = '?';
                for(var i = 0; i < links.length; i++) {
                    if(links[i].href.indexOf('#disqus_thread') >= 0) {
                        query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
                    }
                }
                document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
            })();
            //]]>
        </script>
    {/block:IfDisqusShortname}
 </body>
 </html>
	<!doctype html>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<!-- DEFAULT VARIABLES -->
	<meta name="color:Background" content="#000" />
	<meta name="color:PostBg" content="" />
	<meta name="color:Post" content="#e8f1e8" />
	<meta name="color:PostTitle" content="#b5e853" />
	<meta name="color:PostA" content="#00c9ff" />
	<meta name="color:PostFooterBg" content="" />
	<meta name="color:PostFooter" content="" />
	<meta name="color:PostFooterA" content="" />

	<meta name="font:Title" content="Arial" />
	<meta name="font:Body" content="Arial" />
	<meta name="font:Accent" content="Lucida Sans" />

	<meta name="if:Show People I Follow" content="0" />
	<meta name="if:Show Tags" content="1" />
	<meta name="if:Show Album Art on Audio Posts" content="0" />
	<meta name="if:Enable Jump Pagination" content="0" />

	<meta name="text:Disqus Shortname" content="" />

	<meta name="image:Header" content="" />
	<meta name="image:Background" content="" />

	<meta charset="utf-8" />
	<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
	{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
	<link rel="shortcut icon" href="{Favicon}" />
	<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
	<link rel="alternate" type="application/rss+xml" href="{RSS}" />

	<style type="text/css">
	body {
	margin: 0;
	padding: 0;
	background: {color:Background};
	color: {color:Post};
	font: 16px;
	line-height: 1.5;
	font-family: {font:Body};
	}

	/* General & 'Reset' Stuff */

	.container {
	width: 100%;
	margin: 0 auto;
	}

	section {
	display: block;
	margin: 0 0 20px 0;
	}

	h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
	}

	li {
	line-height: 1.4 ;
	}

	/* Header, <header>
	header - container
	h1 - project name
	h2 - project description
	*/
	article {
	padding-left: 1em;
	}

	.bottom {
	background: rgba(0, 0, 0, 0.1);
	width: 100%;
	border-bottom: 1px dashed #b5e853;
	padding: 20px 0;
	margin: 0 0 40px 0;
	}

	header h1, .post .title, .post .quote, .post .link {
	font-size: 30px;
	line-height: 1.5;
	margin: 0 0 0 0;
	font-weight: bold;
	font-family: {font:Title};
	color: {color:PostTitle};
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
	0 0 5px rgba(181, 232, 83, 0.1),
	0 0 10px rgba(181, 232, 83, 0.1);
	letter-spacing: -1px;
	-webkit-font-smoothing: antialiased;
	}

	header h1:before {
	content: "./ ";
	font-size: 24px;
	}

	header h2 {
	font-size: 18px;
	font-weight: 300;
	color: #666;
	}

	#downloads .btn {
	display: inline-block;
	text-align: center;
	margin: 0;
	}

	/* Main Content
	*/

	#main_content {
	width: 100%;
	-webkit-font-smoothing: antialiased;
	}
	section img {
	max-width: 100%
	}

	h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: {font:Title};
	color: #b5e853;
	letter-spacing: -0.03em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
	0 0 5px rgba(181, 232, 83, 0.1),
	0 0 10px rgba(181, 232, 83, 0.1);
	}

	#main_content h1 {
	font-size: 30px;
	}

	#main_content h2 {
	font-size: 24px;
	}

	#main_content h3 {
	font-size: 18px;
	}

	#main_content h4 {
	font-size: 14px;
	}

	#main_content h5 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	}

	#main_content h6 {
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	margin: 0 0 5px 0;
	}

	dt {
	font-style: italic;
	font-weight: bold;
	}

	ul li {
	list-style: none;
	}

	ul li:before {
	content: ">>";
	font-family: {font:Accent};
	font-size: 13px;
	color: #b5e853;
	margin-left: -37px;
	margin-right: 21px;
	line-height: 16px;
	}

	blockquote {
	color: {color:Post};
	padding-left: 10px;
	border-left: 1px dotted #666;
	}

	pre {
	background: rgba(0, 0, 0, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.15);
	padding: 10px;
	font-size: 14px;
	color: {color:Post};
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-wrap: normal;
	overflow: auto;
	overflow-y: hidden;
	}

	table {
	width: 100%;
	margin: 0 0 20px 0;
	}

	th {
	text-align: left;
	border-bottom: 1px dashed #b5e853;
	padding: 5px 10px;
	}

	td {
	padding: 5px 10px;
	}

	hr {
	height: 0;
	border: 0;
	border-bottom: 1px dashed #b5e853;
	color: #b5e853;
	}

	/* Buttons
	*/

	.btn {
	display: inline-block;
	background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
	padding: 8px 18px;
	border-radius: 50px;
	border: 2px solid rgba(0, 0, 0, 0.7);
	border-bottom: 2px solid rgba(0, 0, 0, 0.7);
	border-top: 2px solid rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 0.8);
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	}

	.btn:hover {
	background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
	}

	.btn .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 1px 8px 0 0;
	float: left;
	}



	/* Links
	a, a:hover, a:visited
	*/

	a {
	color: {color:PostA};
	text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
	}

	/* Clearfix */

	.cf:before, .cf:after {
	content:"";
	display:table;
	}

	.cf:after {
	clear:both;
	}

	.cf {
	zoom:1;
	}
	</style>
	<!--[if lt IE 7.]>
	<style type="text/css">
	#wrapper #sidebar #bottom {
	background: transparent;
	}

	#wrapper #sidebar #top #avatar {
	background: none;
	}

	#wrapper #sidebar #top #avatar img {
	border: 5px solid #f1f1f1;
	}

	#wrapper #sidebar #top .heading#followontumblr {
	background-image: none;
	text-indent: 0;
	}

	#wrapper #sidebar #top .heading#twitter {
	background-image: none;
	}

	#wrapper #sidebar #top .heading#following {
	background-image: none;
	}

	#wrapper #content .post .audio .player {
	float: none;
	}

	#wrapper #content .post .audio .meta {
	display: none;
	float: none;
	}
	</style>
	<![endif]-->

	<!--[if lt IE 8.]>
	<style type="text/css">
	#wrapper #content .bottom {
	background: transparent;
	}

	#wrapper #content .post .footer {
	background: transparent;
	color: #000;
	}

	#wrapper #content .post .audio {
	float: none;
	background: transparent;
	}

	#wrapper #content .post .notecontainer .notes {
	padding: 0;
	margin: 0;
	}
	</style>
	<![endif]-->
	<style type="text/css">{CustomCSS}</style>


	<script type="text/javascript">

	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-31053646-2']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

	</script>


	</head>
	<body>
	<div id="wrapper">

	<div id="content">

	{block:SearchPage}
	{block:SearchResults}
	<div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
	{/block:SearchResults}

	{block:NoSearchResults}
	<div id="searchresults">{lang:No search results for SearchQuery 2}</div>
	{/block:NoSearchResults}
	{/block:SearchPage}

	{block:Posts}
	<div class="post">
	<article>

	{block:Photo}
	{block:Caption}<div class="title"><header>{Caption}</header></div>{/block:Caption}
	<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>

	{/block:Photo}

	{block:Video}
	{block:Caption}<div class="title"><header>{Caption}</header></div>{/block:Caption}
	<div class="media">{Video-500}</div>

	{/block:Video}

	{block:Audio}

	{block:AudioEmbed}
	{AudioEmbed}
	{/block:AudioEmbed}

	{block:AudioPlayer}

	{block:Caption}<div class="title"><header>{Caption}</header></div>{/block:Caption}

	{block:IfShowAlbumArtOnAudioPosts}
	{block:AlbumArt}
	<div class="album_art">
	<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
	</div>
	{/block:AlbumArt}
	{/block:IfShowAlbumArtOnAudioPosts}

	<div class="audio">
	<div class="player">{AudioPlayerWhite}</div>
	<div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
	<div class="clear"></div>
	</div>
	{/block:AudioPlayer}

	<div class="clear"></div>


	{/block:Audio}

	{block:Quote}
	<div class="quote {Length}">{Quote}</div>
	<div class="copy">
	<div class="quotebg">“</div>
	{block:Source}
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr>
	<td valign="top" style="width:20px;">—</td>
	<td valign="top" class="quote_source">
	{Source}
	</td>
	</tr>
	</table>
	{/block:Source}
	</div>
	{/block:Quote}

	{block:Text}
	{block:Title}<div class="title"><header>{Title}</header></div>{/block:Title}
	<div class="copy">{Body}</div>
	{/block:Text}

	{block:Answer}
	<div class="question">
	<div class="nipple"></div>
	{Question}
	</div>
	<div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
	<div class="copy">{Answer}</div>
	{/block:Answer}

	{block:Chat}
	{block:Title}<div class="title">{Title}</div>{/block:Title}
	<div class="chat">
	<div class="lines">
	{block:Lines}
	<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
	{/block:Lines}
	</div>
	</div>
	<div class="clear"></div>
	<div style="height:10px;"></div>
	{/block:Chat}

	{block:Link}
	<div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
	{block:Description}<div class="copy">{Description}</div>{/block:Description}
	{/block:Link}

	<footer>
	{block:Date}
	<a href="{Permalink}">
	<div class="footer for_permalink">
	<div class="date">
	{block:Reblog}
	{lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
	{/block:Reblog}

	{block:NotReblog}
	{lang:Posted TimeAgo from source}
	{/block:NotReblog}
	</div>
	<div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}•{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
	<div class="clear"></div>
	</div>
	</a>
	{/block:Date}

	<div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
	display:none;
	{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
	{block:ContentSource}display:block;{/block:ContentSource}
	">

	{block:IfShowTags}
	{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
	{/block:IfShowTags}

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


	<div class="clear"></div>
	</div>

	</footer>

	{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

	{block:IfDisqusShortname}
	{block:Permalink}
	<div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
	<div id="disqus_thread"></div>
	<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
	<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
	</div>
	<div style="text-align:right; margin-top:5px;">
	{lang:Blog comments powered by Disqus 2}
	</div>
	{/block:Permalink}
	{/block:IfDisqusShortname}


	</article>
	</div>
	<div class="bottom"></div>
	{/block:Posts}

	{block:Pagination}
	<div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
	{block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a>{/block:PreviousPage}

	{block:IfEnableJumpPagination}
	{block:JumpPagination length="5"}
	{block:CurrentPage}
	<span class="current_page">{PageNumber}</span>
	{/block:CurrentPage}

	{block:JumpPage}
	<a class="jump_page" href="{URL}">{PageNumber}</a>
	{/block:JumpPage}

	{/block:JumpPagination}
	{/block:IfEnableJumpPagination}

	{block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
	</div>
	{/block:Pagination}

	</div>



	<div id="title">
	<a href="/">
	{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
	{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
	</a>
	</div>



	<div id="sidebar">
	<div id="top">
	<div id="description">{Description}</div>

	<div id="pages" class="ask_and_submit">
	{block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
	{block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
	<div class="clear"></div>
	</div>

	{block:HasPages}
	<div id="pages">
	{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
	<div class="clear"></div>
	</div>
	{/block:HasPages}

	<div id="search">
	<form action="/search" method="get" id="search-form">
	<input type="hidden" name="t" value="{Name}" />
	<input type="hidden" name="scope" value="all_of_tumblr" />
	<input type="text" name="q" class="query" value="{SearchQuery}" />
	<input type="submit" value="{lang:Search}" class="submit" />
	<div class="clear"></div>
	</form>
	</div>



	{block:Twitter}
	<div id="twitterwrapper" style="display:none;">
	<a href="http://twitter.com/{TwitterUsername}" style="text-decoration:none;"><div class="heading" id="twitter">{lang:Latest Tweets}</div></a>
	<div id="tweetcontainer"></div>
	<script type="text/javascript">
	function recent_tweets(data) {
	document.getElementById("twitterwrapper").style.display = "block";
	for(i = 0; i < data.length; i++) {
	document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + (data[i].id_str ? data[i].id_str : data[i].id) + '"><div class="content">' + data[i].text + '</div></a>';
	}
	}
	</script>
	</div>
	{/block:Twitter}



	<div id="buttons">
	<div class="row">
	<div class="button" id="button-rss"><a href="{RSS}">{lang:RSS feed}</a></div>
	<div class="button" id="button-random"><a href="/random">{lang:Random}</a></div>
	</div>
	<div class="clear"></div>
	<div class="row">
	<div class="button" id="button-archive"><a href="/archive">{lang:Archive}</a></div>
	<div class="button" id="button-mobile"><a href="/mobile">{lang:Mobile}</a></div>
	</div>
	<div class="clear"></div>
	</div>

	</div>

	<div id="bottom"></div>
	<div id="copyright"><a href="//webscale.info/" class="btn">webscale</a></div>
	</div>

	<div class="clear"></div>
	</div>

	{block:Twitter}
	<script type="text/javascript" src="/tweets.js"></script>
	{/block:Twitter}

	{block:IfDisqusShortname}
	<script type="text/javascript">
	//<![CDATA[
	(function() {
	var links = document.getElementsByTagName('a');
	var query = '?';
	for(var i = 0; i < links.length; i++) {
	if(links[i].href.indexOf('#disqus_thread') >= 0) {
	query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
	}
	}
	document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
	})();
	//]]>
	</script>
	{/block:IfDisqusShortname}
	</body>
	</html>