Theme 01


<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}">


<!-- theme 01 by idkloveicons -->


{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<meta name="color:text" content="#b8b8b8">
<meta name="color:link" content="#9A9A9A">


<meta name="if:EndlessScroll" content="0">
<meta name="if:ShowCaptions" content="1">

<meta name="image:sidebar" 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 name="text:link4" content="">
<meta name="text:link4 url" content="/">


<style type="text/css">


body {
font-family: consolas;
font-size: 10px;
color: #AAA;
margin: 0;
}

a {
color:{color:link};
text-decoration: none;
}

a:hover {
color:#b8b8b8;
}


#content {
background: #Fff;
padding: 1px 20px 20px 20px;
width: 540px;
margin: auto;
}


.posts {
padding: 5px;
margin-top: 40px;
margin-bottom:0px;
overflow: hidden;
background: #FFF;
width: 500px;
margin-left: 150px;
}

.posts img {
max-width: 100%;
}


blockquote {
border-left: 2px solid #F0F0F0;
padding: 1px 1px 1px 10px;
margin: 5px;
}


#captions {
background: #FBFBFB;
display: block;
padding: 1px 10px 1px 10px;
margin-top: 10px;
{block:IfNotShowCaptions}
{block:IndexPage}
display: none;
{/block:IndexPage}
{/block:IfNotShowCaptions}
}

#audiocaptions {
display: block;
padding: 1px 10px 1px 10px;
margin-top: 10px;
border-top: 1px solid #F0F0F0;
{block:IfNotShowCaptions}
{block:IndexPage}
display: none;
{/block:IndexPage}
{/block:IfNotShowCaptions}
}


.pagination {
margin-top: 75px;
margin-left:5px;
text-align: center;
}


#albumart img {
width: 70px;
height: 70px;
}


#permalink {
width:475px;
background: #ffffff;
border-top:1px solid #eeeeee;
padding: 5px 10px 5px 10px;
margin-left:153px;

}


/* side */


.sidebar {
position: fixed;
margin-top: 0px;
margin-left: -170px;
width: 160px;
text-align: justify;
background: #fff;
padding: 15px;
border: 1px solid #eeecec;

height:100%

}

.sidebar img {
    margin-top: 240px;
    margin-bottom: -90px;
    margin-left: 0px;
    width: 75px;
    height: 72px;
    padding: 2px;
    border: 1px solid #EEECEC;
}


.navigation {
    margin-top:-150px;
    text-transform: lowercase;
    font-size: 10px;
    text-transform: normal;
    width:160px;
    font-weight: normal;
    text-align: center;
    color: {color:Navi text};
    padding:4px;
    position:relative;
    margin-left:15px;
    z-index:10;

    }

#desc {
text-transform: lowercase;
color: {color:sidebar text};
width: 150px;
margin-left: -3px;
text-align: left;
margin-top:80px;
font-size:10px;
font-weight: center;
padding:10px;
border: 0px solid #eeecec;
}

}

#desc a {
color:{color:link};
}


iframe#tumblr_controls {
position: fixed !important;
z-index: 9999;
}


#cred {
    position:fixed;
    bottom:10px;
    right:8px;
    font-size:9px;
    padding:1px;
    border:1px solid #eeeeec;
    text-transform:lowercase;

}


</style>

{block:IfEndlessScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfEndlessScroll}

</head>


<body>


<div id="content">


<div class="sidebar">


<img src="{image:sidebar}">


<div id="desc"> <hr size="0.5px" color="#eeecec"><center>{description}</center> <hr size="0.5px" color="#eeecec"></div>

  <div class="navigation">


          <a href="{text:link1 url}"><center><ul><u>{text:link1}</u></a>
          <a href="{text:link2 url}"><center>{text:link2}</a>
          <a href="{text:link3 url}"><center>{text:link3}</a>
          <a href="{text:link4 url}"><center>{text:link4}</a>
          <a href="{text:link5 url}"><center>{text:link5}<center> ﾟ✫*:･ﾟ✫ﾟ</center></ul></i></center></a>

                                      </div>


{block:IfNotEndlessScroll}
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">←</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">→</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotEndlessScroll}

</div>


<div class="autopagerize_page_element">


{block:Posts}


<div class="posts">


{block:Text}

{block:Title}
{Title}
{/block:Title}

{Body}

{/block:Text}


{block:Photo}

<center>
<img src="{PhotoURL-500}">
</center>

{block:Caption}
<div id="captions">
{Caption}</div>
{/block:Caption}

{/block:Photo}


<!-- x✫x -->
{block:Photoset}

<div class="photoset">
{Photoset-500}
</div>

{block:Caption}
<div id="captions">
{Caption}</div>
{/block:Caption}

{/block:Photoset}


{block:Quote}

❝{Quote}❞

{block:Source}
<br><br>—{Source}
{/block:Source}

{/block:Quote}


{block:Link}

<a href="{URL}" {Target}>+ {Name}</a>

{block:Description}
{Description}
{/block:Description}

{/block:Link}


{block:Chat}

{block:Title}
{Title}
{/block:Title}

<ul>
{block:Lines}
<li>{block:Label}{Label}{/block:Label} {Line}</li>
{/block:Lines}
</ul>

{/block:Chat}


{block:Audio}

<div id="albumart">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
</div>

{AudioPlayerGrey}

{block:TrackName}<b>✫  Track:</b> {TrackName}<br>{/block:TrackName}
{block:Artist}<b>✫  Artist:</b> {Artist}<br>{/block:Artist}
{block:Album}<b>✫  Album:</b> {Album}<br>{/block:Album}
<b>✫  Plays:</b> {PlayCount}<br>

{block:Caption}
<div id="audiocaptions">
{Caption}</div>
{/block:Caption}

{/block:Audio}

{block:Video}

<div class="video">
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</div>

{block:Caption}
<div id="captions">
{Caption}</div>
{/block:Caption}

{/block:Video}


{block:Answer}

{Asker} ✫ asked: {Question}

{Answer}

{/block:Answer}


</div>

{block:Date}
<div id="permalink">

*:･ﾟ✧*:･ﾟ✫<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
    {/block:Date}
{block:RebloggedFrom}
<a href="{ReblogParentURL}">✫ via - </a>
<a href="{ReblogRootURL}">✫ (source)✫ </a>
{block:HasTags}
<i><br>tag: :･ﾟ✫ {block:Tags}<a href="{TagURL}">{Tag}  </a> {/block:Tags}</i>
{/block:HasTags}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div

    </div>
    </div>

<div id="cred"><a href="http://idkloveicons.tumblr.com"> ✡ </a></div>

    </body>
    </html>