<head>
    <!---THEME BY BIEBERBALLS.TUMBLR.COM--->
    <!-- DEFAULT VARIABLES -->
    <meta name="color:background" content="#FFFFFF"/>
    <meta name="color:text" content="#B8B8B8"/>
    <meta name="color:link" content="#CCC0B2"/>
    <meta name="color:linkhover" content="#F38910"/>
    <meta name="color:scrollbar" content="#BBBBBB"/>
    <meta name="color:scrollbg" content="#FFFFFF"/>
    <meta name="color:sidebar" content="#FFFFFF"/>


    <meta name="font:body" content="cambria" />

    <meta name="image:sidebar" content=""/>
    <meta name="image:background" content="" />

    <meta name="text:Link1" content=""/>
    <meta name="text:Link1 URL" content=""/>
    <meta name="text:Link2" content=""/>
    <meta name="text:Link2 URL" content=""/>
    <meta name="text:Link3" content=""/>
    <meta name="text:Link3 URL" content=""/>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    <style type="text/css">

    ::-webkit-scrollbar {width: 7px; height:auto; background:{color:scrollbg}}

    ::-webkit-scrollbar-corner {background:{color:scrollbg}}

    ::-webkit-scrollbar-button:vertical {height:2px; display: block; background:{color:scrollbar}}

    ::-webkit-scrollbar-button:horizontal {width: 7px; height: 2px; display: block; background:{color:scrollbar}}

    ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 0px solid {color:scrollbg}; border-bottom: 0px solid {color:scrollbg}}

    ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}

    ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}

    ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}

    ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}

    body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:10px; line-height:100%; text-align:justify}

    a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
a:hover{color:{color:linkhover}}

    small{font-size:10px}
    big{font-size:10px}
    b, strong{color:{color:text}}
    i, em {color:{color:text}}
    p{margin-top:5px; margin-bottom:5px}
    blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px         dotted {color:text}}

    img a{border:none; width:0%}

    #container {background-color:{color:background}; width: 814px;  text-align: center; margin: 0 auto -10px auto}

    #entries {margin: 22px 0 -10px 260px; margin-right:0px; float:right; text-align: justify;}

    #entry {margin: 0px 0 0px 0; width: 500px; background-color:{color:background}; text-align: justify; padding: 7px;}

    #sidebar {top: 150px; margin-left:40px; padding:0px; width: 170px; position:fixed; font-family:calibri;}

    #sidebar img {padding:5px; width:140px;margin-left:2px;}

    #description {display: block;  margin-top:0px; margin-left:20px; width:175px;  font-size:10px;text-align:center; padding:5px;color: {color:text};}

    #stext {text-align:center; margin-left:15px; font-family:cambria; font-size: 10px; padding:6px; width: 134px;}

     .slinks {background-color:transparent; position:fixed; width:40px; height:auto; padding:10px; margin-left:-20px; margin-top:35px; font-family:cambria; font-size:10px; text-align:right; text-transform:lowercase; line-height:20px; letter-spacing:-0.5px;opacity:0;
    }


    #sidebar:hover .slinks {opacity:1.0;margin-left:-44px;text-align:right;padding-bottom:5px;transition-duration: 0.7s;  -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;}


    #links {margin-top:-1px; font-family:cambria; text-align:center; font-size:12px; text-transform:italic; font-weight:none; padding:2px; letter-spacing:1px;}

    h1{color:{color:text}; font-family:calibri; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}

    h2{color:{color:title}; font-family:cambria; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:10px; margin-bottom:-0px; text-align:center; background-color:{color:sidebar}; border-top:1px {color:text};}

     #info {background-color:{color:sidebar}; font-family:cambria; text-align:left; margin:2px 2px 0px 0px; padding:4px; text-transform:none; font-style:italic; font-size:9px; width:495px;}

    .tags {background-color:{color:sidebar}; font-family:cambria; text-align:right; margin:-14px 0px 0px 0px; padding:-40px; text-transform:none; font-style:italic; font-size:9px; width:500px;}

    .pagination {font-family:cambria; font-size:9px;}

   #questions {background-color:transparent;line-height: 15px; text-align:left;}


    #audio_image {background:#000000; height:40px}
    .player {float:right; padding:8px 0px}

     #credit {position:fixed; padding:5px; font-family:cambria; font-size:10px font-style:none; line-height:150%; width:50px; height:50px; right:20px; bottom:-40px; color:#dedede; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}

      #credit:hover {padding:5px; width:50px; height:30px; bottom:0px; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}

    .user_1 .label {color:{color:link}; font-weight:bold}
    .user_2 .label {color:{color:text}; font-weight:bold}
    .user_3 .label {color:{color:link}; font-weight:bold}
    .user_4 .label {color:{color:text}; font-weight:bold}
    .user_5 .label {color:{color:link}; font-weight:bold}
    .user_6 .label {color:{color:text}; font-weight:bold}
    ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}

    .notes img{width:10px; position:relative; top:1px}
    ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}

    <style>
    <style type="text/css">{CustomCSS}</style>
    </head>
    <body>
    <div id="container">
    <div id="sidebar">
    <div id="description">
    <div class="slinks">
    <a href="/"><i>home</i></a>
    <a href="/ask"><i>message</i></a>
    <a href="{text:Link1 URL}"><i>{text:Link1}</i></a>
    <a href="{text:Link2 URL}"><i>{text:Link2}</i></a>
    <a href="{text:Link3 URL}"><i>{text:Link3}</i></a>
    </div>
    <center><img src="{image:sidebar}"></center>
    <div id="stext">
    <i>{Description}</i><br>
    <div class="pagination">
     {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination} </div>
    </div></div></div>
    <div id="entries">
    {block:Posts}
    <div id="entry">

     {block:ContentSource}
    <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
    width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
    {/block:SourceLogo}
    {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
    {/block:ContentSource}

    {block:Text}{block:Title}<h1><b>{Title}</b></h1>{/block:Title}{Body}{/block:Text}

    {block:Quote}<h2>“{Quote}” <br> — {Source}</h2>{/block:Quote}

    {block:Link}<a href="{URL}"><h1><u><b>{Name}</u></b></h1></a>
    {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}

    {block:Photo}<center><img src="{PhotoURL-500}"/></center>
    {block:Caption}{Caption}{/block:Caption}{/block:Photo}

    {block:Photoset}<center>{Photoset-500}</center>
    {block:Caption}{Caption}{/block:Caption}{/block:Photoset}

    {Block:Audio}<div id="audio_image">{Block:AlbumArt} <img src="{AlbumArtURL}" width="40"/>{/Block:AlbumArt}<div class="player">{AudioPlayerBlack}</div> </div> <br> {Block:Caption} {Caption} {/Block:Caption}{/Block:Audio}

    {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

    {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

    {block:Answer}<div id="a"><i>{Asker} asked:</i> {Question}<br></div>{Answer}{/block:Answer}


     <div id="info">
    {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} › <a     href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> › <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a> {/block:RebloggedFrom} › {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div><div class="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div></div>
    <br>
    {/block:Posts}
    {block:PostNotes}{PostNotes}{/block:PostNotes}<br>



    </div>
    <div id="credit"><center><u><i>credit</i></u><br><a href="http://bieberballs.tumblr.com">bieberballs</a></center>
    </div>
    </html>