Create a new version of paste:

<!--- Theme #15 'Cotton' by Brianna @ colorfulmetaphors.tumblr.com 
 
Rules:
1. Do not remove the credit from the code or the theme.  You may MOVE it, but leave it on the FIRST page of your blog, ie: it must be visible on the main page.
2. Do not redistribute this theme.
3. Do not steal this theme. Taking a portion of the code and adding it to your own theme/others' counts as stealing. If you want to learn how to do something, ask, and I will do my best to help you.
4. Do not use this theme as a base code.
5. If you have any problems, find glitches, or just need help, please ask me! That's not really a rule, but I'd love to help.
 
Help:
- Theme looks best in Google Chrome.
- SAVE and REFRESH the page before changing appearance options.
- The title is the home link.
- There are eight extra links available. Add them under the appearance options.
- The description has a set minimum height to keep it from running off the page. To increase or decrease it, under #description change the min-height:###px.
- There are three post sizes. For 250 DEselect both 400 and 500.
- The jump pagination is hidden by default. To have it visible, DEselect 'HiddenJumpPages' in the appearance options.

!!!IMPORTANT!!!
- DO NOT SELECT BOTH 400 AND 500!
- A repeating background image is not recommended. The title will look bad. If you want a background image, try to keep it out of the top right corner.

- The background image REPEAT and POSITION can be changed under the appearance options. Select or deslect 'BackgroundImageRepeat' and enter the position in 'bgimgposition'.
- The BODY font SIZE can be changed under the appearance options. DO NOT add 'px' after the number.
- The 'highlight' and 'highlighttext' color options refer to the background and text color that appears when you click and drag the cursor.
 
Enjoy!
 
--->
 
<!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">
<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}
 
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

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

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

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

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/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>

<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
 
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
 
{block:IndexPage}
{block:IfNot400pxPosts}
{block:IfNot500pxPosts}
<script type="text/javascript">
$(window).load(function () {
$('#entries').masonry({
itemSelector : "#post",
},
function() { $('#entries').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:IfNot500pxPosts}
{/block:IfNot400pxPosts}
{/block:IndexPage}
 
<meta name="color:background" content="#ffffff"/>
<meta name="color:description bg" content="#AAAAAA"/>
<meta name="color:text" content="#888888"/>
<meta name="color:blockquotes" content="#999999"/>
<meta name="color:description" content="#000000"/>
<meta name="color:sidebar" content="#222222"/>
<meta name="color:jump links" content="#555555"/>
<meta name="color:jump links hover" content="#999999"/>
<meta name="color:link" content="#333333"/>
<meta name="color:link hover" content="#999999"/>
<meta name="color:tags" content="#FFFFFF"/>
<meta name="color:tags hover" content="#777777"/>
<meta name="color:tags bg" content="#AAAAAA"/>
<meta name="color:infolink" content="#555555"/>
<meta name="color:infolink hover" content="#999999"/>
<meta name="color:sidelink hover" content="#CCCCCC"/>
<meta name="color:sidelink1" content="#999999"/>
<meta name="color:sidelink2" content="#888888"/>
<meta name="color:sidelink3" content="#777777"/>
<meta name="color:sidelink4" content="#555555"/>
<meta name="color:sidelink5" content="#444444"/>
<meta name="color:sidelink6" content="#333333"/>
<meta name="color:sidelink7" content="#222222"/>
<meta name="color:sidelink8" content="#111111"/>
<meta name="color:sidelink9" content="#000000"/>
<meta name="color:title" content="#222222"/>
<meta name="color:title hover" content="#333333"/>
<meta name="color:posts" content="#222222"/>
<meta name="color:scrollbar background" content="#DDDDDD"/>
<meta name="color:scrollbar" content="#999999"/>
<meta name="color:highlight" content="#DDDDDD"/>
<meta name="color:highlight text" content="#111111"/>
 
<meta name="font:sidebar" content=""/>
<meta name="font:body" content=""/>
 
<meta name="image:sidebar" content=""/>
<meta name="image:background" content=""/>
 
<meta name="text:body font size" content="11"/>
<meta name="text:bg img position" content="bottom left" />
<meta name="text:link1" content="/"/>
<meta name="text:link1name" content="link 1"/>
<meta name="text:link2" content="/"/>
<meta name="text:link2name" content="link 2"/>
<meta name="text:link3" content="/"/>
<meta name="text:link3name" content="link 3"/>
<meta name="text:link4" content="/"/>
<meta name="text:link4name" content="link 4"/>
<meta name="text:link5" content="/"/>
<meta name="text:link5name" content="link 5"/>
<meta name="text:link6" content="/"/>
<meta name="text:link6name" content="link 6"/>
<meta name="text:link7" content="/"/>
<meta name="text:link7name" content="link 7"/>
<meta name="text:link8" content="/"/>
<meta name="text:link8name" content="link 8"/>
 
<meta name="if:BackgroundImageRepeat" content="" />
<meta name="if:400pxPosts" content=""/>
<meta name="if:500pxPosts" content=""/>
<meta name="if:HiddenJumpPages" content="1"/>
 
<style type="text/css">
 
iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-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: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
 
::-webkit-scrollbar {
width: 7px;  
background-color:{color:scrollbar background};
}
 
::-webkit-scrollbar-thumb {
width:7px;
background-color:{color:scrollbar};
}
 
::selection {
background: {color:highlight};
color: {color:highlight text};
}

#s-m-t-tooltip {
    z-index: 9999;
    background:{color:background};
    font-size: 9px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:{color:text};
    max-width: 150px;
    padding: 5px 10px 5px 10px;
    display: block;
    margin: 17px 0px 0px -10px;
    box-shadow:3px 3px 5px;
    font-family: 'Alegreya Sans', sans-serif;
}
 
body {
    background-color:{color:background};
    color:{color:text};
    font-size:{text:body font size}px;
    line-height:13px;
    font-family:{font:body};
    background-image:url('{image:background}');
    background-attachment:fixed;
    background-position:{text:bg img position};
    {block:IfBackgroundImageRepeat}
    background-repeat:repeat;
    {/block:IfBackgroundImageRepeat}
    {block:IfNotBackgroundImageRepeat}
    background-repeat:no-repeat;
    {/block:IfNotBackgroundImageRepeat}
}
 
a {
    color:{color:link};
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}
 
a:hover {
    color:{color:link hover};
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}
 
blockquote {
    padding:1px 10px 1px 10px;
    border-left:1px solid {color:text};
    margin-left:10px;
    font-size:9px;
    word-wrap:break-word;
    background-color:{color:blockquotes};
    {block:IndexPage}
    {block:If500pxPosts}
    width:460px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    width:360px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    width:210px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    width:460px;
    {/block:PermalinkPage}
}
   
blockquote blockquote {
    padding:5px 5px 5px 5px;
    border-left:1px solid {color:text};
    background-color:{color:blockquotes};
    {block:IndexPage}
    {block:If500pxPosts}
    min-width:250px;
    width:auto;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    min-width:200px;
    width:auto;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    min-width:100px;
    max-width:200px;
    width:auto;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    min-width:250px;
    width:auto;
    {/block:PermalinkPage}
}
 
blockquote img {
    {block:IndexPage}
    {block:If500pxPosts}
    max-width:430px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    max-width:330px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    max-width:180px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    max-width:430px;
    {/block:PermalinkPage}
}
 
h1 {
    font-size:17px;
    text-align:left;
    line-height:130%;
}

h2 {
    text-align:center;
    font-style:italic;
    font-size:15px;
}

#theme {
    margin:auto;
    {block:IndexPage}
    {block:If500pxPosts}
    width:870px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    width:770px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    width:925px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    width:870px;
    {/block:PermalinkPage}
}

#entries {
    padding-top:50px;
    {block:IndexPage}
    {block:If500pxPosts}
    width:510px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    width:410px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    width:580px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    width:510px;
    {/block:PermalinkPage}
}
 
#post {
    word-wrap:break-word;
    margin-bottom:50px;
    {block:IndexPage}
    {block:If500pxPosts}
    width:500px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    width:400px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    width:250px;
    margin:15px;
    float:left;
    box-shadow: 2px 2px 3px 1px;
    padding:5px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}
}
 
#right {
    text-align:left;
    position:fixed;
    margin-top:-10px;
    padding-top:50px;
    padding-left:30px;
    width:250px;
    border-left:50px solid {color:sidebar};
    height:100%;
    {block:IndexPage}
    {block:If500pxPosts}
    margin-left:530px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    margin-left:430px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    margin-left:595px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    margin-left:530px;
    {/block:PermalinkPage}
}

#dark {
    margin-left:-30px;
    margin-top:10px;
    margin-bottom:10px;
    height:3px;
    width:280px;
    background-color:{color:title};
}
 
#title {
    right:0px;
    position:absolute;
    max-width:250px;
    font-style:italic;
    max-height:13px;
    word-wrap:break-word;
    overflow:hidden;
    font-size:20px;
    letter-spacing:1px;
    text-align:right;
    margin-top:-23px;
    background-color:{color:background};
    padding:5px 3px 7px 5px;
    font-family: 'Montez', cursive;
}
 
#title a {
    color:{color:title};
}
 
#title a:hover {
    color:{color:title hover};
    text-shadow:1px 2px 1px;
}

.minus a {
    text-align:center;
    height:20px;
    position:absolute;
    margin-top:-21px;
    margin-left:-30px;
    font-weight:bold;
    display:inline-block;
    width:30px;
    font-size:25px;
    color:{color:background};
}
 
#sidebarimage {
    width:235px;
    margin-top:25px;
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out; 
}
 
#sidebarimage img {
    width:235px;
    padding:7px;
    border:1px solid {color:sidebar};
    box-shadow: 0px 0px 4px 3px {color:infolink};
}

#link {
    padding-left:30px;
    margin-left:-30px;
    margin-top:25px;
    text-align:left;
    width:255px;
    height:19.5px;
    overflow:hidden;
    background-color:{color:sidebar};
    font-size:9px;
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}
 
#link a {
    margin-left:-1px;
    margin-right:-1px;
    width:28.5px;
    height:1px;
    display:inline-block;
    font-size:8px;
    font-style:italic;
    text-align:center;
    background-color:{color:background};
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}
 
#link a:hover {
    height:21px;
    margin-top:-25px;
    background-color:{color:sidelink hover};
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}

.plus a {
    margin-left:250px;
    text-align:center;
    height:17px;
    padding-top:3px;
    margin-top:-20px;
    font-weight:bold;
    display:inline-block;
    width:32.5px;
    font-size:20px;
    position:absolute;
    color:{color:sidebar};
}

#description {
    margin-top:27px;
    width:213px;
    {block:IfSidebarImage}
    max-height:105px;
    {/block:IfSidebarImage}
    {block:IfNotSidebarImage}
    max-height:450px;
    {/block:IfNotSidebarImage}
    padding:15px 20px 17px 20px;
    text-align:justify; 
    line-height:120%;
    font-size:10px;
    overflow:auto;
    word-wrap:break-word;
    background-color:{color:description bg};
    font-family:{font:sidebar};
    color:{color:description};
    border-bottom:1px solid {color:sidebar};
}

#description a {
    font-size:7px;
    text-transform:uppercase;
    text-decoration:underline;
    word-spacing:3px;
}
 
#pagination {
    {block:IfHiddenJumpPages}
    opacity:0;
    {/block:IfHiddenJumpPages}
    width:50px;
    line-height:250%;
    margin-left:-80px;
    text-align:right;
    position:absolute;
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}

{block:IfHiddenJumpPages}
#right:hover #pagination {
    opacity:1;
    -webkit-transition: all 0.6s ease-out;  
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}
{/block:IfHiddenJumpPages}
 
#pagination a {
    text-align:center;
    color:{color:jump links};
    display:block;
    font-size:15px;
    font-family: 'Alegreya Sans', sans-serif;
}
 
#pagination a:hover {
    color:{color:jump links hover};
}
 
#info {
    margin-top:10px;
    text-align:left;
    border-bottom:1px solid {color:posts};
    font-family: 'Quicksand', sans-serif;
    {block:IndexPage}
    {block:If500pxPosts}
    width:530px;
    margin-bottom:25px;
    {/block:If500pxPosts}
    {block:If400pxPosts}
    width:430px;
    margin-bottom:25px;
    {/block:If400pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    width:250px;
    margin-bottom:10px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {block:IndexPage}
    {block:PermalinkPage}
    width:530px;
    margin-bottom:25px;
    {/block:PermalinkPage}
}
 
#info a{
    color:{color:infolink};
}
 
#info a:hover {
    color:{color:infolink hover};
}

#date {
    font-size:18px;
    padding-bottom:3px;
    text-shadow:-2px 2px 2px {color:infolink};
}

#from {
    font-size:8px;
    font-family:georgia;
    font-style:italic;
}
 
#tags {
    padding-left:2px;
    font-size:8px;
    padding:5px;
    text-align:left;
    margin-top:15px;
    font-family:;
    background-color:{color:tags bg};
    border-bottom:1px solid {color:posts};
    font-family: 'Droid Sans', sans-serif;
}
 
#tags a {
    color:{color:tags};
}
 
#tags a:hover {
    color:{color:tags hover};
}

#credit {
    position:fixed;
    bottom:0px;
    left:0px;
    padding:4px 10px 4px 5px;
    text-decoration:none;
    font-size:11px;
    background-color:{color:sidebar};
    color:{color:background};
    font-family: 'Allura', cursive;
    -webkit-transition: all 0.3s ease-out;  
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
   
}

.quote {
    padding-left:50px;
    padding-right:50px;
    font-size:12px;
    line-height:110%;
    text-align:center;
    font-family: 'Droid Sans', sans-serif;
}
 
.face {
    float:right;
    width:37px;
    height:30px;
    padding-left:5px;
    border-left:1px solid {color:posts};
}
 
.face img {
    border:7px solid {color:posts};
}
 
.question {
    padding:10px;
    background-color:{color:blockquotes};
    min-height:30px;
    {block:IndexPage}
    {block:If400pxPosts}
    width:380px;
    {/block:If400pxPosts}
    {block:If500pxPosts}
    width:480px;
    {/block:If500pxPosts}
    {block:IfNot400pxPosts}
    {block:IfNot500pxPosts}
    width:230px;
    {/block:IfNot500pxPosts}
    {/block:IfNot400pxPosts}
    {/block:IndexPage}
    {block:PermalinkPage}
    width:480px;
    {/block:PermalinkPage}
}
 
.words {
    text-align:justify;
    line-height:150%;
}
 
.audio {
    margin-right:5px;
    width:70px;
    float:left;
}
 
.hidden {
    width:70px;
    height:73px;
}
 
.tumblr_audio_player {
    margin:0px;
    padding:0px;
    width:500px;
    height:50px;
}

.pull {
    margin-left:5px;
    margin-top:-5px;
}
 
.player {
    width:35px;
    height:37px;
    margin-left:10px;
    margin-top:10px;
    overflow:hidden;
    position:absolute;
    opacity:0.7;
    background-color:#fff;
    z-index:8888;
    border:7px solid #ECECEC;
    -webkit-transition: all 0.3s ease-out;  
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
 
.player:hover {
    opacity:1;
    -webkit-transition: all 0.3s ease-out;  
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
 
.caption {
    margin-top:20px;
}
 
.audio img{
    max-width: 70px;
    height: auto;
}
 
.song {
    margin-left:70px;
    margin-top:-55px;
    text-transform:uppercase;
    font-size:10px;
    padding-bottom:13px;
    font-family: 'Droid Sans', sans-serif;
}

.link {
    padding:15px;
    background-color:{color:tags bg};
    border:1px solid {color:posts};
    border-radius:20px;
    font-size:15px;
    font-style:italic;
}

.link a {
    color:{color:tags};
}

.link a:hover {
    text-shadow:1px 1px 1px;
}
 
ol.notes {
    padding:0px;
    margin-left:10px;
    list-style-type:decimal;
    font-style:italic;
    border-bottom: solid 1px {color:posts};
    width:480px;
}
 
ol.notes li.note {
    border-top: solid 1px {color:posts};
    padding: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-size:9px;
}
 
ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}
 
ol.notes li.note blockquote {
    border-color: {color:text};
    padding: 4px 10px;
    margin: 10px 0px 0px 25px;
}
           
ol.notes li.note blockquote a {
    text-decoration: none;
}
 
{CustomCSS}</style></head><body>
<div id="theme">

    <div id="right"> 
    {block:Pagination}
            <div id="pagination">
                {block:JumpPagination length="15"}
                    {block:JumpPage}
                        <a href="{URL}">{PageNumber}</a>
                    {/block:JumpPage}
                {/block:JumpPagination}
            </div>
        {/block:Pagination}
    
        <div id="dark">
        </div>
        <div id="title">
            <a href="/">
                {Title}
            </a>
        </div>
    
        {block:IfSidebarImage}
        <div id="sidebarimage">
            <img src="{image:sidebar}">
        </div>
        {/block:IfSidebarImage}
        <div id="link">
            <a style="border-top:20px solid {color:sidelink1};" title="askbox" href="/ask"></a>
            {block:IfLink1Name}
                <a style="border-top:20px solid {color:sidelink2};" title="{text:link1name}" href="{text:link1}"></a>
            {/block:IfLink1Name}
            {block:IfLink2Name}
                   <a style="border-top:20px solid {color:sidelink3};"  title="{text:link2name}" href="{text:link2}"></a>
            {/block:IfLink2Name}
            {block:IfLink3Name}
                <a style="border-top:20px solid {color:sidelink4};" title="{text:link3name}" href="{text:link3}"></a>
            {/block:IfLink3Name}
            {block:IfLink4Name}
                <a style="border-top:20px solid {color:sidelink5};" title="{text:link4name}" href="{text:link4}"></a>
            {/block:IfLink4Name}
            {block:IfLink5Name}
                <a style="border-top:20px solid {color:sidelink6};" title="{text:link5name}" href="{text:link5}"></a>
            {/block:IfLink5Name}
            {block:IfLink6Name}
                <a style="border-top:20px solid {color:sidelink7};" title="{text:link6name}" href="{text:link6}"></a>
            {/block:IfLink6Name}
            {block:IfLink7Name}
                <a style="border-top:20px solid {color:sidelink8};" title="{text:link7name}" href="{text:link7}"></a>
            {/block:IfLink7Name}
            {block:IfLink8Name}
                <a style="border-top:20px solid {color:sidelink9};" title="{text:link8name}" href="{text:link8}"></a>
            {/block:IfLink8Name}
        </div>
        {block:Pagination}
            {block:PreviousPage}
                <div class="minus">
                    <a href="{PreviousPage}">-</a>
                </div>
            {/block:PreviousPage}
            {block:NextPage}
                <div class="plus">
                    <a href="{NextPage}">+</a>
                </div>
            {/block:NextPage}
        {/block:Pagination}
        <div id="description">
            {Description}
        </div>
        </div>
        
    <a target="blank" title="theme by colorfulmetaphors" href="http://colorfulmetaphors.tumblr.com/">
        <div id="credit">
            T
        </div>
    </a>
 
    <div id="entries">
        {block:Posts}
    
            <div id="post">
                {block:IndexPage}
                    <div id="info">
                        {block:Date}
                            <div id="date">
                                <a href="{Permalink}">
                                    {Month}&nbsp;
                                    {DayofMonth}{DayofMonthSuffix},&nbsp;
                                    {Year}
                                </a>
                            </div>
                        {/block:Date}
                        <div id="from">
                            {block:RebloggedFrom}
                                {block:ContentSource}
                                    &copy;&nbsp;
                                    <a href="{SourceURL}">{ReblogRootName}</a>,&nbsp;
                                {/block:ContentSource}
                                via&nbsp;
                                <a href="{ReblogParentURL}">{ReblogParentName}</a>&nbsp;&nbsp;-&nbsp;
                            {/block:RebloggedFrom}
                            {NoteCountWithLabel}&nbsp;&nbsp;-&nbsp;
                            <a href="{ReblogURL}">reblog post</a>
                        </div>
                    </div>
                {/block:IndexPage}
                
                {block:PermalinkPage}
                    <div id="info">
                        {block:Date}
                            <div id="date">
                                <a href="{Permalink}">
                                    {Month}&nbsp;
                                    {DayofMonth}{DayofMonthSuffix},&nbsp;
                                    {Year}
                                </a>
                            </div>
                        {/block:Date}
                    </div>
                {/block:PermalinkPage}
 
                {block:Text}
                    {block:Title}
                        <h1>{Title}</h1>
                    {/block:Title}
                    {Body}
                {/block:Text}
 
                {block:Photo}
                    <center>{LinkOpenTag}
                    {block:IndexPage}
                        {block:If400pxPosts}
                            <img src="{PhotoURL-500}" width="400">
                        {/block:If400pxPosts}
                        {block:If500pxPosts}
                            <img src="{PhotoURL-500}">
                        {/block:If500pxPosts}
                        {block:IfNot400pxPosts}
                        {block:IfNot500pxPosts}
                            <img src="{PhotoURL-500}" width="250">
                        {/block:IfNot500pxPosts}
                        {/block:IfNot400pxPosts}
                    {/block:IndexPage}
                    {block:PermalinkPage}
                        <img src="{PhotoURL-500}">
                    {/block:PermalinkPage}
                    {LinkCloseTag}</center>
                    {block:Caption}
                        {Caption}
                    {/block:Caption}
                {/block:Photo}
 
                {block:Photoset}
                    {block:IndexPage}
                        {block:If400pxPosts}
                            {Photoset-400}
                        {/block:If400pxPosts}
                        {block:If500pxPosts}
                            {Photoset-500}
                        {/block:If500pxPosts}
                        {block:IfNot400pxPosts}
                        {block:IfNot500pxPosts}
                            {Photoset-250}
                        {/block:IfNot500pxPosts}
                        {/block:IfNot400pxPosts}
                    {/block:IndexPage}
                    {block:PermalinkPage}
                        {Photoset-500}
                    {/block:PermalinkPage}
                    {block:Caption}
                        {Caption}
                    {/block:Caption}
                {/block:Photoset}
 
                {block:Quote}
                    <div class="quote">
                        {Quote}
                    </div>
                    {block:Source}
                        <div style="text-align:center; font-family: 'Droid Sans', sans-serif; padding-top:5px">— {Source} —
                        </div>
                    {/block:Source}
                {/block:Quote}
 
                {block:Link}
                    <div class="link">
                        <a target="blank" href="{URL}" {Target}>-----&nbsp;{Name}</a>
                    </div>
                    {block:Description}
                        {Description}
                    {/block:Description}
                {/block:Link}
 
                {block:Chat}
                    {block:Title}
                        <h1>
                            {Title}
                        </h1>
                    {/block:Title}
                    {block:Lines}
                        {block:Label}
                            <strong>{Label}&nbsp;</strong>
                        {/block:Label}
                        {Line}<br />
                    {/block:Lines}
                {/block:Chat}
 
                {block:Audio}
                    {block:AlbumArt}
                        <div class="audio">
                            <img src="{AlbumArtURL}">
                        </div>
                    {/block:AlbumArt}
                    <div class="hidden">
                        <div class="player">
                            <div class="pull">
                                {AudioPlayerWhite}
                            </div>
                        </div>
                    </div>
                    <div class="song">
                        {block:TrackName}
                            {TrackName}
                        {/block:TrackName}
                        {block:Artist}
                            <br />{Artist}
                        {/block:Artist}
                        <br />{PlayCountWithLabel}
                    </div>
                    {block:Caption}
                        <div class="caption">
                            {Caption}
                        </div>
                    {/block:Caption}
                {/block:Audio}
 
                {block:Video}
                    {block:IndexPage}
                        {block:If400pxPosts}
                            {Video-400}
                        {/block:If400pxPosts}
                        {block:If500pxPosts}
                            {Video-500}
                        {/block:If500pxPosts}
                        {block:IfNot400pxPosts}
                        {block:IfNot500pxPosts}
                            {Video-250}
                        {/block:IfNot500pxPosts}
                        {/block:IfNot400pxPosts}
                    {/block:IndexPage}
                    {block:PermalinkPage}
                        {Video-500}
                    {/block:PermalinkPage}
                    {block:Caption}
                        {Caption}
                    {/block:Caption}
                {/block:Video}
 
                {block:Answer}
                    <div class="question">
                        <div class="words">
                            <a href="{AskerURL}" title="{AskerName}">
                                <div style="float:right;margin-left:5px;padding-left:5px;border-left:1px solid {color:posts};height:30px;">
                                    <img src="{AskerPortraitURL-16}" border="7px solid {color:posts}">
                                </div>
                            </a>
                            {Question}
                        </div>
                    </div>
                    <br />
                    {Answer}
                {/block:Answer}
            
                {block:IndexPage}
                    {block:HasTags}
                        <div id="tags">
                            <span style="font-style:italic;">
                                {block:Tags}
                                    &nbsp;&nbsp;
                                    <a href="{TagURL}">
                                        -&nbsp;{Tag}
                                    </a>
                                    &nbsp;&nbsp;
                            {/block:Tags}
                            </span>
                        </div>
                    {/block:HasTags}
                {/block:IndexPage}
                 
                {block:PermalinkPage}
                    <div id="tags">
                        <span style="font-size:10px;">
                            {block:RebloggedFrom}
                                {block:ContentSource}
                                    &copy;&nbsp;
                                    <a href="{SourceURL}">{ReblogRootName}</a>,&nbsp;
                                {/block:ContentSource}
                                via&nbsp;
                                <a href="{ReblogParentURL}">{ReblogParentName}</a>
                            {/block:RebloggedFrom}
                            <br />
                            {TimeAgo}&nbsp;-&nbsp;
                            {NoteCountWithLabel}&nbsp;-&nbsp;
                            <a href="{ReblogURL}">reblog post</a>
                        </span>
                        {block:HasTags}
                        <br /><br />
                            <span style="font-size:8px;text-transform:uppercase;">
                                tagged&nbsp;as:&nbsp;
                            </span>
                            <span style="text-transform:uppercase;font-style:italic;">
                                {block:Tags}
                                    <a href="{TagURL}">
                                        &nbsp;{Tag}&nbsp;
                                    </a>
                                {/block:Tags}
                            </span>
                        {/block:HasTags}
                    </div>
                {/block:PermalinkPage}
            </div>
 
            {block:PostNotes}
                {PostNotes}
            {/block:PostNotes}
        {/block:Posts}

    </div>
</div>

</body>
    
</html>