No replies
Harper86
Harper86's picture
Offline
newbie
Last seen: 3 years 14 weeks ago
Timezone: GMT-4
Joined: 2016-06-07
Posts: 1
Points: 2

So I'm new to all this coding stuff and I was wondering if anyone could help me figure out how to move my tumblr description box without making the numbers/next button move with it.
I want to move it so it's to the right of the next page button because there's a large amount of gray space there that I'd like to fill.

<!DOCTYPE html>
<html>
<head>
<!--
 
 
 
 
 
 
 
 
 ******************************************************************
                    THEME  :  04. S E N T I N E L
                  VERSION  :  PUBLIC; 
              DESIGNED BY  :  CALSYFUR.TUMBLR.COM  
 
 ******************************************************************
 
 
 
 
 
 
 
 
 
 
-->
 
<meta name="color:Background" content="#fff" />
<meta name="color:Theme color" content="#5c5c5c"/>
<meta name="color:Body links" content="#f4931c" />
<meta name="color:Hover links" content="#7ac9ff">
<meta name="color:Body text" content="#525252" />
<meta name="color:Sidebar text" content="#f6f6f6" />
<meta name="color:Post color" content="#f8f8f7" />
<meta name="color:Text highlight" content="#14c2d3" />
<meta name="color:Scrollbar" content="#666666"/>
<meta name="color:Ask background" content="#ffdeb5"/>
<meta name="font:Body" content="Arial"/>
<meta name="if:Infinite scroll" content="0"/>
<meta name="if:Sidebar search" content="1"/>
<meta name="if:Show Captions" content="1"/>
<meta name="if:Show Scroll To Top" content="1"/>
<meta name="text:Google Analytics ID" content=''/>
<meta name="image:Background" content="" />
<meta name="text:Custom Link One" content=""/>
<meta name="text:Custom Link One URL" content=""/>
<meta name="text:Custom Link Two" content=""/>
<meta name="text:Custom Link Two URL" content=""/>
<meta name="text:Custom Link Three" content=""/>
<meta name="text:Custom Link Three URL" content=""/>
<meta name="text:Custom Link Four" content=""/>
<meta name="text:Custom Link Four URL" content=""/>
<meta name="text:Custom Link Five" content=""/>
<meta name="text:Custom Link Five URL" content=""/>
<meta name="text:Custom Link Six" content=""/>
<meta name="text:Custom Link Six URL" content=""/>
<meta name="text:Custom Link Seven" content=""/>
<meta name="text:Custom Link Seven URL" content=""/>
<meta name="text:Custom Link Eight" content=""/>
<meta name="text:Custom Link Eight URL" content=""/>
<meta name="text:Custom Link Nine" content=""/>
<meta name="text:Custom Link Nine URL" content=""/>
<meta name="text:Custom Link Ten" content=""/>
<meta name="text:Custom Link Ten URL" content=""/>
 
 
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
 
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
<link href="http://static.tumblr.com/bpmgss9/c5emeg1a8/lightbox.css" rel="stylesheet" />
 
    <!--Google WebFonts-->
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
 <!-- used-->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis:600,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
 
       /*Basic styles*/
::-moz-selection {
    background: {color:Text highlight};
    color: #fff;
}
::selection {
    background: {color:Text highlight};
    color: #fff;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track-piece {
    background-color: {color:Background};
}
::-webkit-scrollbar-thumb:vertical {
    width: 5px;
    background-color: {color:Scrollbar};
}
body {
    background: {color:Background} url('{image:Background}') fixed;
    color: {color:Body text};
    font-family: {font:Body}, 'Times New Roman', Helvetica;
    font-size: 11px;
    margin: 0;
    padding: 0;
    word-spacing: 0;
    overflow-x: hidden;
}
p {
    margin: 10px 0;
    padding: 0;
    clear: both;
}
ul {
    margin: 0;
    padding-right: 12px;
    list-style-type: square;
}
ol {
    margin-top: 0;
    margin-left: -10px;
    padding-right: 12px;
}
blockquote {
    background: rgba(120, 120, 120, 0);
    border-left: 1px solid rgba(60, 60, 60, 0.45);
    margin: 10px;
    padding-left: 5px;
}
#side-right blockquote {
    border-left: 1px solid {color:Sidebar text};
}
pre, code { 
    display: block;
    background: rgba(237,237,237,0.9); 
    margin: 2px; 
    padding: 3px; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: tahoma;
    margin: 0;
    padding-left: 10px;
    color: {color:Sidebar title};
}
 
b, strong {
    font-weight: bold;
}
a {
    color: {color:Body links};
    text-decoration: none;
    transition: all 0.16s ease-in;
    -webkit-transition: all 0.16s ease-in;
    -moz-transition: all 0.16s ease-in;
    -o-transition: all 0.16s ease-in;
 
}
a:hover {
    color: {color:Hover links};
}
iframe, {block:IfNotInfiniteScroll}embed,{/block:IfNotInfiniteScroll} object, video {
    max-width: 100%;
}
video, iframe.tumblr_video_iframe, .tumblr_video_container {
    min-width: 500px;
    min-height: 260px;
}
iframe {
    width: 100%;
}
img, .photoset img {
    max-width: 100%;
}
.max-photo {
    min-width: 100%;
}
 
b, strong {
    font-weight: bold;
    }
u {
    }
i, em {
    font-style: italic;
    }
 
 
 
        /*Posts*/
#post {
    background: {color:Post color};
    width: 500px;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid rgba(240,240,240,0.9);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    }
{block:IndexPage}
#post:hover {
    border: 1px solid {color:Theme color};
}
#post:hover .post-notes {
    color: {color:Sidebar text};
    background: {color:Theme color};
}
{/block:IndexPage}
.posts {
    background: {color:Post color};
    padding: 0;
    width: 500px;
    overflow: hidden;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    }
.posts .photo {
    overflow: hidden;
    }
.post-captions {
    background: {color:Post color};
    position: relative;
    z-index: 99999;
    }
#content-wrapper {
    width: 1060px;
    margin: 0;
    padding: 0 30px;
}
#content {
    width: 550px;
    min-height: 100%;
    margin: 0;
    padding: 25px 0 0 25px;
    position: absolute;
    margin-left: 265px;
    z-index: 9000;
    }
#side {
    height: 100%;
    position: fixed;
    font-family: arial, sans-serif;
    }
#side ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#side-inner {
    margin: 0;
    padding: 10px;
    }
#side h2 {
    position: relative;
    top: 0px;
    left: 0px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 300;
    text-transform: uppercase;
    background: {color:Theme color};
    margin: 0;
    padding: 2px 12px;
    /* box-shadow: 2px 2px  rgba(110,110,110,0.5); */
    }
#side ul {
    background: rgba(250,250,250,1);
    margin: 0 0 25px 10px;
    padding: 3px 0;
    }
 
#menu {
    position: relative;
    top: 90px;
    left: 35px;
    margin-top: 10px;
    width: 220px;
    }
#menu li {
    color: {color:Theme color};
    font-size: 11px;
    font-family: 'consolas';
    margin: 0;
    padding: 2px 5px;
    text-transform: capitalize;
    border-bottom: 1px dotted rgba(200,200,200,0.3);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    }
#menu li:hover {
    padding: 2px 12px;
    color: #fff;
    background: {color:Theme color};
    border-bottom: 1px dotted {color:Theme color};
    }
#menu li:hover:before {
    opacity: 1;
    left: -3px;
    color: {color:Theme color};
    }
#menu li.first:hover:before {
    opacity: 1;
    left: -3px;
    color: #fff;
    }
#menu li.first:before {
    color: #fff;
    content: ">";
    }
#menu li:before {
    opacity: 0;
    padding: 2px 2px 3px 2px;
    color: {color:Theme color};
    content: ">";
    position: absolute;
    margin-top: -2px;
    left: -60px;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    }
#menu li:active {
    background: {color:Body links};
}
#side-tri {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 205px 205px 0 0;
    border-color: {color:Theme color} transparent transparent transparent;
    position: fixed;
    top: 0;
    left: 0;
    }
#main-title {
    max-width: 300px;
    font-size: 30px;
    font-family: 'Lato';
    text-transform: uppercase;
    background: {color:Theme color};
    margin: 40px 0 60px;
    padding: 0 20px;
    position: fixed;
    overflow: hidden;
    }
#main-title a {
    position: relative;
    z-index: 1;
    color: #fff;
    transition: all 0.5s ease 0.25s;
    -webkit-transition: all 0.5s ease 0.25s;
    -moz-transition: all 0.5s ease 0.25s;
    -o-transition: all 0.5s ease 0.25s;
    }
#main-title:before {
    opacity: 0;
    color: #fff;
    content: "\21b3";
    position: absolute;
    left: 0;
    transition: all 0.23s ease 0.25s;
    -webkit-transition: all 0.23s ease 0.25s;
    -moz-transition: all 0.23s ease 0.25s;
    -o-transition: all 0.23s ease 0.25s;
    }
#main-title:after {
    color: #fff;
    content: "return";
    position: absolute;
    z-index: 0;
    margin-top: -30px;
    left: 20px;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0;
    -moz-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
    }
#main-title:hover a {
    opacity: 0;
    transition: all 0.5s ease 0;
    -webkit-transition: all 0.5s ease 0;
    -moz-transition: all 0.5s ease 0;
    -o-transition: all 0.5s ease 0;
}
#main-title:hover:before {
    opacity: 1;
}
#main-title:hover:after {
    margin-top: 0;
    transition: all 0.35s ease 0.25s;
    -webkit-transition: all 0.35s ease 0.25s;
    -moz-transition: all 0.35s ease 0.25s;
    -o-transition: all 0.35s ease 0.25s;
}
 
#side-right-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0 0 0 850px;
    padding: 0 10px;
    text-align: justify;
    background: {color:Theme color};
    border-left: 5px solid {color:Background};
    outline: 1px solid {color:Theme color};
    }
#side-right {
    color: {color:Sidebar text};
    width: 230px;
    height: 100%;
    display: table;
    }
#side-right blockquote {
    color: {color:Body text};
    }
#side-right-inner {
    width: 100%;
    margin: 0;
    padding: 10px;
    vertical-align: middle;
    display: table-cell;
    border-left: 1px solid {color:Background};
}
p.side-right-description {
    font-size: 11px;
    font-family: arial, times, helvetica;
    font-weight: normal;
    }
#side-right p {
    color: {color:Sidebar text};
    margin: 10px 0;
    padding: 0;
    line-height: 11px;
    }
    /* Post Gear */
/* answer + ask */
.answer p {
    font-size: 11px;
    font-family: 'consolas', sans-serif;
    line-height: 12px;
    padding: 0 0 0 5px;
    }
.ask-question {
    background: {color:Ask background};
    border: 1px solid {color:Ask background};
    padding: 10px;
    margin-left: 58px;
    margin-bottom: 10px;
    width: 420px;
    min-height: 80px;
    }
.ask-img {
    position: absolute;
    left: 20px;
    height: 70px;
    width: 70px;
    border: 5px solid #fff;
    }
.asker {
    width: 450px;
    font-size: 12px;
    font-family: 'consolas', sans-serif;
    background: {color:Post color};
    margin-bottom: 6px;
    padding: 0 5px;
    }
.answerer {
    font-size: 12px;
    font-family: 'consolas', sans-serif;
    text-align: right;
    border-bottom: 1px solid {color:Theme color};
    margin-bottom: 9px;
    padding: 0 5px;
    }
.ask-reply {
    width: 420px;
    padding: 10px;
    border: 1px solid {color:Theme color};
    }
.answer-img {
    position: absolute;
    right: 20px;
    height: 70px;
    width: 70px;
    border: 5px solid #fff;
    }
.replies {
}
/* audio player */
.cover {
    width: 150px;
    position: relative;
    left: 0;
    }
.audiopost {
    width: 100%;
}
.audio {
    width: 340px;
    position: relative;
    margin-top: -150px;
    left: 160px;
    }
.tracks {
    width: 340px;
    position: relative;
    left: 160px;
    margin-bottom: 10px;
    }
.tracks ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
.tracks ul li {
    font-family: 'consolas';
    margin: 2px 0;
    padding: 6px 10px;
    border: 1px solid rgba(235,235,235,0.9);
}
/* quotes */
.quote {
    font-family: 'playfair display';
    font-size: 32px;
    padding: 5px;
    line-height: 15px;
    }
.quote:before {
    color: {color:Body links};
    content: "\201c";
    font-size: 80px;
    position: absolute;
    margin: 27px 0 0 0;
    }
.quote:first-letter {
    display: inline-block;
    margin-left: 30px;
    }
.quote blockquote {
    margin: 5px;
    padding: 5px;
    border-left: none;
    text-indent: 15px;
    line-height: 30px;
    text-align: center;
    }
.quote cite {
    font-size: 18px;
    display: block;
    text-align: right;
}
/* chat */
.chat {
    margin: 0;
    }
.chat ul, ul.tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
.chat li {
    margin: 5px 0;
    padding: 5px 10px;
    }
.chat li.odd {
    border: 1px solid {color:Body links};
    }
.chat li.odd span {
    color: {color:Body links};
    }
.chat li.even {
    border: 1px solid rgba(210,210,210,1);
    }
.chat li span {
    font-weight: bold;
}
/* text & link title */
.text h1 {
    {block:IndexPage}
    margin: 0 0 10px 0;
    {/block:IndexPage}
    {block:PermalinkPage}
    margin: 15px 0 10px 0;
    {/block:PermalinkPage}
    padding: 0;
    font-family: 'Lato';
    font-weight: 300;
    border-bottom: 1px solid {color:Body links};
}
.linktitle {
    background: {color:Body links};
    font-weight: normal;
    font-family: 'Dosis';
    text-transform: uppercase;
    text-align: center;
    transition: all 0.16s ease-in;
    -webkit-transition: all 0.16s ease-in;
    -moz-transition: all 0.16s ease-in;
    -o-transition: all 0.16s ease-in;
    }
.linktitle a {
    color: #fff;
    }
.linktitle:hover {
    background: {color:Theme color};
    }
.linktitle:after {
    content: "\25b6";
    color: #fff;
    position: absolute;
    margin-left: 10px;
    margin-top: -2px;
}
 
#pfooter-inner{
    margin: 0;
    padding: 3px;
    text-transform: uppercase;
    }
.post-notes {
    font-size: 11px;
    font-family: 'consolas';
    text-transform: lowercase;
    margin: 10px 0 0 0;
    padding: 5px 10px 5px 5px;
    left: 0;
    text-align: center;
    background: rgba(230,230,230,0.9);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    }
.post-notes a {
    font-size: 11px;
    font-family: 'consolas';
    text-transform: lowercase;
    font-style: normal;
    }
.met {
    text-align: center;
    margin: 0;
    padding: 0;
}
.met a {
    font-size: 9px;
    font-family: 'consolas';
    letter-spacing: 1px;
    padding: 0 5px;
    margin: 0;
    }
.met a:hover {
    color: #fff;
    background: {color:Body links};
}
#permatags {
    margin: 30px 0 0 0;
    padding: 0;
    font-family: 'consolas';
    text-transform: uppercase;
    }
.perma-inner {
    padding: 2px 15px;
    background: rgba(230,230,230,0.9);
    }
.perma-dates {
    display: inline;
    text-align: left;
}
#via-link {
    display: inline;
    float: right;
    text-align: right;
}
#via-link a {
    display: inline;
    margin: 0 1px;
    padding: 0 3px;
    }
#via-link a:hover {
    color: {color:Background};
    background: {color:Body links};
    }
ul.tags {
    text-align: center;
    margin: 2px 0 0 0;
    border-top: 1px solid rgba(245,245,245,1);
    }
.tags li {
    display: inline-block;
}
.tags a {
    padding: 0 7px;
    margin: 0;
}
.tags a:hover {
    color: #fff;
    background: {color:Body links};
}
#permanotes {
    position: relative;
    margin-top: 30px;
    padding: 0;
    max-height: 500px;
    overflow-x: hidden;
    }
#permanotes img {
    max-width: 16px;
    }
#permanotes li{
    clear: both;
    list-style: none;
    padding: 5px 1px;
    border-bottom: 1px dotted rgba(210,210,210,0.5);
    }
.notes {
    clear: both;
    padding: 0;
    font-family: consolas;
    }
.notes span {
    position: relative;
    top: -9px;
    }
.notes img {
    margin: 5px;
}   
 
    /* searchbar */
.magnify {
    z-index: 5;
    position: absolute;
    margin-top: -24px;
    left: 0;
    padding: 5px;
    width: 210px;
    height: 14px;
    background: url('http://static.tumblr.com/bpmgss9/gOzn2gek1/magnifying7.png') center no-repeat;
    background-size: 20px 20px;
    background-color: {color:Theme color};
    transition: all 0.15s ease;
    }
.magnify:hover, .magnify-two:hover {
    background-color: {color:Body links};
}
.magnify-two {
    z-index: 3;
    position: absolute;
    margin: 0 0 0 -3px;
    padding: 5px;
    width: 31px;
    height: 24px;
    border: none;
    color: #fff;
    background: url('http://static.tumblr.com/bpmgss9/gOzn2gek1/magnifying7.png') center no-repeat;
    background-size: 20px 20px;
    background-color: {color:Theme color};
    transition: all 0.15s ease;
    }
#searchbar {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
#the-search {
    width: 100%;
    }
input.search {
    width: 170px;
    height: 12px;
    border: 1px solid {color:Theme color};
    color: rgba(70,70,70,0.75);
    font-size: 10px;
    font-family: 'Droid Sans Mono';
    padding: 5px 10px;
}
input[type=text]:focus {
    border: 1px solid {color:Body links};
}
    /* pagination */
#jump-pagi {
    max-width: 200%;
    margin-top: 50px;
    text-align: center;
}
#jump-pagi a {
    color: {color:Background};
    font-size: 10px;
    font-family: 'consolas';
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 1px;
    padding: 2px 5px;
    border: 1px solid {color:Background};
}
#jump-pagi a:hover {
    color: {color:Theme color};
    background: {color:Background};
}
.current {
    color: {color:Theme color};
    background: {color:Background};
    font-size: 10px;
    font-family: 'consolas';
    font-weight: normal;
    margin: 0 1px;
    padding: 2px 5px;
    border: 1px solid {color:Theme color};
    outline: 1px solid {color:Background};
}
#infscr-loading {
    position: fixed;
    left: 10px;
    bottom: 5px;
    z-index: 999999;
    }
#c {
    position: fixed;
    z-index: 99999999999999999999;
    left: 900px;
    bottom: 0px;
    margin: 0;
    padding: 0;
    }
#c a {
    display: block;
    color: {color:Sidebar text};
    font-size: 10px;
    font-family: 'consolas';
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    line-height: 10px;
    padding: 1px 10px;
    }
#c a:hover {
    color: {color:Body links};
}
#c a:before {
    content: "";
    width: 50px;
    height: 0;
    border-bottom: 1px solid {color:Background};
    position: absolute;
    margin-top: 5px;
    left: -41px;
}
#s-m-t-tooltip {
      max-width: 300px;
      position: absolute;
      z-index: 999999999999;
      margin: 0 11px;
      padding: 3px 9px;
      background: {color:Theme color};
      box-shadow: 1px 1px rgba(30,30,30,0.2);
      font-family: consolas;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 13px;
      color: {color:Sidebar text};
    }
      /*back to top*/
#back-top {
    display: none;
    position: fixed;
    right: 35px;
    bottom: 5px;
    z-index: 10000;
    }
#back-top-inner {
    position: relative;
    bottom: 0;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    }
#back-top a {
    font-family: arial;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(220,220,220, 0);
    border: 1px solid {color:Body links};
    background: {color:Body links};
    font-size: 12px;
    padding: 0 6px 22px 6px;
    height: 15px;
    width: 45px;
    }
#back-top:hover #back-top-inner {
    bottom: 10px;
    }
#back-top a:hover {
    color: #fff;
    border: 1px solid {color:Body links};
    background: {color:Body links};
    }
 
{CustomCSS}
 
 
</style>
 
    <script type="text/javascript">
<!--
function handleThis(formElm)
{
window.location="http://dustyhalo.tumblr.com/tagged/"+formElm.number.value+"";
return false;
}
// -->
</script>
</head>
 
 
 
<body>
        <div id="c"><a href="http://calsyfur.tumblr.com">theme by calsyfur</a></div>
<div id="side-tri"></div>
<div id="side">
    <div id="side-inner">
        <div id="main-title"><a href="/">{Title}</a></div>
        <div id="menu">
            <h2>Main</h2>
            <ul>
                <a href="/"><li class="first">Home</li></a>
                <a href="/ask"><li>Message</li></a>
                <a href="/archive"><li>Archive</li></a>
                {block:SubmissionsEnabled}
                <a href="/submit"><li>Submit</li></a>
                {/block:SubmissionsEnabled}
            </ul>
            <h2>Navi</h2>
            <ul>
{block:IfCustomLinkOne}<a href="{text:Custom Link One URL}"><li>{text:Custom Link One}</li></a>{/block:IfCustomLinkOne}
{block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}"><li>{text:Custom Link Two}</li></a>{/block:IfCustomLinkTwo}
{block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}"><li>{text:Custom Link Three}</li></a>{/block:IfCustomLinkThree}
{block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}"><li>{text:Custom Link Four}</li></a>{/block:IfCustomLinkFour}
{block:IfCustomLinkFive}<a href="{text:Custom Link Five URL}"><li>{text:Custom Link Five}</li></a>{/block:IfCustomLinkFive}
{block:IfCustomLinkSix}<a href="{text:Custom Link Six URL}"><li>{text:Custom Link Six}</li></a>{/block:IfCustomLinkSix}
{block:IfCustomLinkSeven}<a href="{text:Custom Link Seven URL}"><li>{text:Custom Link Seven}</li></a>{/block:IfCustomLinkSeven}
{block:IfCustomLinkEight}<a href="{text:Custom Link Eight URL}"><li>{text:Custom Link Eight}</li></a>{/block:IfCustomLinkEight}
{block:IfCustomLinkNine}<a href="{text:Custom Link Nine URL}"><li>{text:Custom Link Nine}</li></a>{/block:IfCustomLinkNine}
{block:IfCustomLinkTen}<a href="{text:Custom Link Ten URL}"><li>{text:Custom Link Ten}</li></a>{/block:IfCustomLinkTen}
            </ul>
 
                {block:IfSidebarsearch}
        <div id="searchbar">
 
    <form id="search-form" onsubmit="return handleThis(this)">
        <input type="text" class="search" onkeydown="Javascript: if (event.keyCode==13) Search();"name="number" value=""/>
        <div class="magnify"></div>
        <input type="submit" class="magnify-two" value="">
            </form>
        </div> <!-- end search -->
            {/block:IfSidebarsearch}
 
        </div> <!-- end menu-->
    </div><!-- end side inner -->
</div> <!-- end side -->
 
<div id="content-wrapper">
<div id="side-right-wrap">
<div id="side-right">
    <div id="side-right-inner">
        <p class="side-right-description">{block:Description}{Description}{/block:Description}</p>
 
            <div id="jump-pagi">
        {block:IfNotInfiniteScroll}
        {block:Pagination}
            {block:PreviousPage}
                <a href="{PreviousPage}" title="Newer">&laquo;</a>
            {/block:PreviousPage}
            {block:JumpPagination length="5"}{block:CurrentPage}
                    <span class="current">{PageNumber}</span>
                {/block:CurrentPage}{block:JumpPage}
                    <a class="jump" href="{URL}">{PageNumber}</a>
                {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
                <a href="{NextPage}" title="Older">&raquo;</a>
            {/block:NextPage}
        {/block:Pagination}
        {/block:IfNotInfiniteScroll}
        </div>
    </div><!-- inner -->
</div><!-- side right -->
</div><!-- wrap -->
 
 
<!--Content holder-->
<div id="content">
{block:Posts}
<div id="post">
<article class="posts">
 
 
 
{block:Text}
<div class="text">
    {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
    {Body}
{/block:Text}
 
{block:Photo}
{block:IndexPage}
<div class="photo">
         <a href="{PhotoURL-HighRes}" rel="lightbox"><img class="max-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>
     {/block:IndexPage}
         {block:PermalinkPage}
         {LinkOpenTag}<img class="max-photo" src="{PhotoURL-500}"/>{LinkCloseTag}
         {block:IfNotShowCaptions}
         {block:Caption}{Caption}{/block:Caption}
         {/block:IfNotShowCaptions}
         {/block:PermalinkPage}
         {block:IfShowCaptions}
         <div class="post-captions">
    {block:Caption}{Caption}{/block:Caption}
        </div>
    {/block:IfShowCaptions}
 
{/block:Photo}
 
{block:Photoset}
<div class="photoset">
    {block:IndexPage}{Photoset}{/block:IndexPage}
 
    {block:PermalinkPage}
    {Photoset-500}
    {block:IfNotShowCaptions}
    {block:Caption}{Caption}{/block:Caption}
    {/block:IfNotShowCaptions}
    {/block:PermalinkPage}
    {block:IfShowCaptions}
         <div class="post-captions">
    {block:Caption}{Caption}{/block:Caption}
        </div>
    {/block:IfShowCaptions}
 
{/block:Photoset}
 
{block:Quote}
<div class="quote">
    <blockquote>{Quote}</blockquote>
    {block:Source}<cite>{Source} </cite>{/block:Source}
    </div>
{/block:Quote}
 
{block:Link}
<div class="link">
    <h1 class="linktitle"><a href="{URL}">{Name}</a></h1>
    {block:Description}{Description}{/block:Description}
{/block:Link}
 
{block:Chat}
<div class="chat">
    <ul>
        {block:Lines}<li class="{Alt}">{block:Label}<span>{Label}</span>{/block:Label} {Line} </li>{/block:Lines}
    </ul>
{/block:Chat}
 
{block:Audio}
<div class="audiopost">
    <div class="cover">
        {block:AlbumArt}
        <img src="{AlbumArtURL}"/>
        {/block:AlbumArt}
    </div>
    <div class="audio" id="{PostID}">
        {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer} 
 
        </div>
            <div class="tracks">
        <ul>
        <li><b>Title:</b> {block:TrackName}{TrackName}{/block:TrackName}</li>
        <li><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</li>
        <li><b>Album:</b> {block:Album}{Album}{/block:Album}</li>
           <li><b>Plays:</b> {PlayCount}</li>
           </ul>
    </div>
 
 
 
{block:PermalinkPage}
{block:IfNotShowCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:IfNotShowCaptions}
{/block:PermalinkPage}
{block:IfShowCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}
 
{/block:Audio}
 
 
{block:Video}
{block:IndexPage}
<div class="video-player">
    <div class="video" id="{PostID}">{Video-400}</div>
    {/block:IndexPage}
    {block:PermalinkPage}
    <div class="video">{Video-500}</div>
    {block:IfNotShowCaptions}
    {block:Caption}{Caption}{/block:Caption}
    {/block:IfNotShowCaptions}
    {/block:PermalinkPage}
    {block:IfShowCaptions}
    {block:Caption}{Caption}{/block:Caption}
    {/block:IfShowCaptions}
{/block:Video}
 
{block:Answer}
<div class="answer">
    <div class="ask-question">
        <div class="ask-img"><img src="{AskerPortraitURL-96}"/></div>
        <div class="asker">{Asker} asked:</div>
        <p>{Question}</p>
    </div>
    {block:Answerer}
    <div class="ask-reply">
        <div class="answer-img"><img src="{AnswererPortraitURL-96}"/></div>
        <div class="answerer">{Answerer} replied:</div>
        {Answer}
    </div>
    {/block:Answerer}
    <div class="replies">
        {Replies}
    </div>
{/block:Answer}
 
 
 
 
            {block:IndexPage}
    <div id="pfooter">
        <div id="pfooter-inner">
            <div class="post-notes">
 
     <a href="{ReblogURL}" target="_blank" class="details">reblog</a> &#10023; 
     {block:NoteCount}{NoteCountWithLabel} &#10023; {/block:NoteCount}
                     {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
 
          <!--<a href="{ReblogURL}" target="_blank"> &#10022; Reblog</a>-->
            </div>
 
            <div class="met">
                {block:Tags}
                <span><a href="{TagURL}">#{Tag}</a></span>
                {/block:Tags}
            </div>
        </div> <!-- inner -->
    </div><!-- end pfooter -->        
                        <!--remove via-->
{block:ContentSource}
<!--{SourceURL}{block:SourceLogo}<img src={BlackLogoURL}width={LogoWidth}height={LogoHeight}” alt={SourceTitle}” />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
            {/block:IndexPage}
 
 
 
 
 
<!--Permalink Footer-->
{block:PermalinkPage}
<div id="permatags">
 {block:Date}<div class="perma-inner">
 <div class="perma-dates">
 posted on {Month} {DayOfMonth}, {Year}{/block:Date}
 {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
 </div>
        {block:ContentSource}
<div id="via-link">
<a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a> / <a href="{SourceURL}" target="_blank" title="{SourceTitle}">source</a>
</div>
{/block:ContentSource}
 
 </div>
 
    {block:HasTags}
    <ul class="tags">
        {block:Tags}
        <li><a href="{TagURL}">{Tag}</a>
                </li>
        {/block:Tags}
        </ul>
    {/block:HasTags}
</div>
{/block:PermalinkPage}
 
 </article>
 
 
 {block:PermalinkPage}
  {block:Permalink}
<ul id="permanotes"> {block:PostNotes}{PostNotes}{/block:PostNotes}</ul>
 {/block:Permalink}
{/block:PermalinkPage}
 
 </div>
{/block:Posts}
 
 
 
 <!--infinite-->
{block:IfInfiniteScroll}
{block:Pagination}
<div class="pagination">
    {block:NextPage}<a href="{NextPage}" class="infinite-load"></a>{/block:NextPage}
</div>
{/block:Pagination}
{/block:IfInfiniteScroll}
 
<!--Close of content-->
</div>
 
 
 {block:IfShowScrollToTop}
<div id="back-top">
<div id="back-top-inner">
<a href="#" title="scroll to top">&#9651;</a>
</div>
</div>
{/block:IfShowScrollToTop}
 
</div> <!-- content wrapper -->
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
{block:IfInfiniteScroll}
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
{/block:IfInfiniteScroll}
<script src="http://static.tumblr.com/bpmgss9/g7gn2f68u/calsyfuro5-min.js"></script>
<script>
 
(function (b) {
    b(document).ready(function () {
        b("[title]").style_my_tooltips({
            tip_follows_cursor: true,
            tip_delay_time: 230,
            tip_fade_speed: 60,
            attribute: "title"
        })
    })
})(jQuery);
 
$(document).ready(function(){
   $(".magnify").click(function(){
        $(this).animate({
            width: '20px',
            left: '190px'
        }, 250, function(){
            $(this).delay(600).hide(0);
        });
   });
});
{block:IfInfiniteScroll}
    $(window).load(function(){
       infinitize(); 
    });
    {/block:IfInfiniteScroll}
</script>
<!--For users adding Google Analytics ID-->
{block:GoogleAnalyticsID}
<script>
var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
{/block:GoogleAnalyticsID}
</body>
</html>