theme two

<officialharryanon.tumblr.com please don't remove credit xx>

<!-- DEFAULT  -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
<meta name="color:background" content="#ddd"/>
<meta name="color:text" content="#000"/>
<meta name="color:title" content="#000"/>
<meta name="color:link" content="#000"/>
<meta name="color:hover" content="#fff"/>
<meta name="image:sidebar" content="1"/>
<meta name="image:background" content=""/>
<meta name="if:infinite scrolling" content="1"/>
<meta name="if:sidebar dashed border" content="1"/>
<meta name="if:sidebar solid border" content="1"/>
<meta name="if:posts dashed border" content="1"/>
<meta name="if:posts solid border" content="1"/>
<meta name="if:show arrows" content="0"/>
<meta name="if:show blog title" content="1"/>
<meta name="if:link shadow" content="1"/>
<meta name="if:tiny cursor" content="1"/>
<meta name="if:tiny focal cursor" content="1"/>
<meta name="if:tiny hand cursor" content="1"/>
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

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

<style type="text/css">
::-webkit-scrollbar {
height:5px;
width:5px;
background-color:#ECECEC;
border-left: 1px solid #C5C5C5;
}




::-webkit-scrollbar-thumb {
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
border-left: 1px solid #4B4B4B;
background-color:#474747;
height:auto;
}

{block:iftinyhandcursor}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
{/block:iftinyhandcursor}

{block:iftinycursor}
body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
}
body, a, a:hover {http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
{/block:iftinycursor}

{block:iftinyfocalcursor}
body{ cursor:url(), auto;} a, a:hover{cursor:url(http://i54.tinypic.com/fjkhft.png), auto;}{/block:iftinyfocalcursor}

body {
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;}
body, div, p, textarea, submit, input{
font-family: cambria;
font-size: 10px;
line-height:10px;
letter-spacing:0px;
color:{color:Text};
}



p {
margin:0px;
margin-top:0px;
}


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

a:hover {
color:{color:Hover};
text-decoration: underline;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
{block:iflinkshadow}text-shadow:1px 1px 4px #000;{/block:iflinkshadow}
}


div#center{
margin:auto;
position:relative;
width:840px;
background-color:;
overflow:auto;
overflow-y:hidden;
}
div#sidebar{
position:fixed !important;
width: 200px;
height:auto;
margin-top: 100px;
margin-left: 500px;
padding: 2px;
line-height:11px;
letter-spacing:0px;
margin-bottom: 6px;
background-color:white;
font-family: cambria;
font-size: 10px;
line-height:11px;
letter-spacing:0px;
margin-bottom: 6px;
{block:ifsidebarsolidborder}border: 1px solid #aaa !important;{/block:ifsidebarsolidborder}
{block:ifsidebardashedborder}border: 1px dashed #aaa;{/block:ifsidebardashedborder}
}
#sidepic {
width: 200px;
}



#sidepic .desc{
opacity: 0;
background: white;
text-align: center;
width: 99%;
height: 99%;
position: absolute;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}




#sidepic:hover .desc{
opacity: .8;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
loganlerman{
font-family: tinytots;
color: {color:Link};
text-shadow: 2px 2px 2px #888;
font-size: 8px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
div#content{
float:right;
margin-right: 350px;
width:300px;
margin-top: 0px;
padding:2px;
padding-top: 0px;
background: #fff;
{block:ifpostssolidborder}border: 1px solid #aaa !important;{/block:ifpostssolidborder}
{block:ifpostsdashedborder}border: 1px dashed #aaaaaa;{/block:ifpostsdashedborder}
}

div#entry{
background-color:;
margin-top:px;
padding-top:0px;
padding-bottom:0px;
}

#entry .perma a{
color:;}

#entry .perma{
width:300px;
height:18px;
line-height: 37px;
position: absolute;
font-family: tinytots;
letter-spacing:1px;
font-size: 8px;
text-transform: uppercase;
margin-top:0px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#fff;
}

#entry:hover .perma{
line-height: 20px;
overflow:visible;
-webkit-transition: opacity 0.2s linear; opacity: 0.8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.permatext{
background-color:#eee;
display: block;
text-transform:uppercase;
font-family: tinytots;
font-size: 8px;
text-align: center;

}


#postnotes{
text-align: justify;}

#postnotes blockquote{
border: 0px;}


.title{
font-family: happy monkey;
font-size: 16px;
line-height: 20px;
color: {color:Title};
font-weight: ;
padding:0px 0px 0px 0px;
}


.blogtitle{
font-family: stars;
font-size:25px;
line-height: 50px;
color: {color:Title};
font-weight: ;
padding:0px 0px 0px 0px;
}

.video embed, .post div.video object {width:250px !important; height:187px !important;}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 1px dotted #555555;
}

blockquote p, ul{
margin:0px;
padding:0px;
}


a img{border: 0px;}

ul, ol, li{list-style:none; margin:0px; padding:0px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}

.notes img{width:10px; position:relative; top:3px;}

.permalink{
display: block;
font-size: 10px;
text-align: right;
text-decoration: none;
}
@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}


@font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }


</style>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>
<body>

<div id="cage">
<div id="center">
<div id="sidebar">
<div id="sidepic">
<div class="desc">
{block:ifshowblogtitle}<center>
<div class="blogtitle"><a href="/">{Title}</a></div></center><br>{/block:ifshowblogtitle}
{Description}
</br>
</br>
<center><loganlerman style=”font-size: 8pt; letter-spacing: 1px; ”>{block:ifCustomLinkOneTitle} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle} -

{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle} -

{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title} </a>{/block:ifCustomLinkThreeTitle} -

{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle} -

<a href="http://officialharryanon.tumblr.com/">theme</a> </loganlerman>
{block:ifshowarrows}
<br>
{block:HasPages}{block:Pages} <a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}
<center>
<br>
{block:PreviousPage} <a href="{PreviousPage}"><font size="2">← </font></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"><font size="2">→ </font></a>{/block:NextPage}
{/block:ifshowarrows}
</center>
</div>
<a href="/"><img src="{image:sidebar}" width=200px></a>
</div>
</div>

<div id="content">
{block:Posts}

<div id="entry">

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span></a>
<div class="permatext">
<a href="{perma}">
<span class="permatext"><span class="permal">
Posted {TimeAgo} with {notecountwithlabel} </span></div>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<div class="permatext">
<a href="{perma}">
<span class="permatext"><span class="permal">
Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
{/block:Link}

{block:Photo}
<div id="permalink">
<span class="perma"><a href="{Permalink}">{NoteCountwithlabel} / posted {TimeAgo} / <a href="{ReblogURL}" target="_blank">Reblog</a></a></span>
</div>
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=300px/>{LinkCloseTag}
{/block:Photo}

{block:Photoset}<center>{Photoset-250}</center></span>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{block:IndexPage}<div class="permatext">
<a href="{perma}">
<span class="per"><span class="permatext">
Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>{/block:IndexPage}{/block:Photoset}

{block:Quote}
<span class="title">{Quote}</span>
{block:Source}{Source}{/block:Source}
<div class="permatext">
<a href="{perma}">
<span class="permatext"><span class="permatext">
Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
<div class="permatext">
<a href="{perma}">
<span class="permatext"><span class="permatext">
Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
{/block:Chat}

{block:Audio}
<center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
{block:Caption}{Caption}{/block:Caption}
<div class="permatext">
<a href="{perma}">
<span class="permatext"><span class="permatext">
Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
{/block:Audio}

{block:Video}
<center>
<div class="video2">{Video-400}</div><BR>
{block:Caption}{Caption}</a>{/block:Caption}</center>
<div class="permatext">
<a href="{perma}">
<span class="permatext"><span class="permatext">
Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
{/block:Video}

{block:PostNotes}
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
<div id="postnotes">{PostNotes}</div>

{/block:PostNotes}
</div>
{/block:Posts}
</div></div>

</div>
</center>



</body>
</html>