Theme 53: Delilah

<!--
Theme: Delilah
Made By: Beauifully Flawless
Please Do Not Remove the credit from this blog unless I Say you can.
-->
<html>
<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}

<!--Variables-->
<meta name="color:Scrollbar BG" content="#333" />
<meta name="color:Scrollbar" content="#666" />
<meta name="color:Background" content="#333" />
<meta name="color:Text" content="#fff" />
<meta name="color:Links" content="#151515" />
<meta name="color:Links Hover Shadow" content="#888" />
<meta name="color:Posts BG" content="#444" />
<meta name="color:Permalinks Border" content="#fff" />
<meta name="color:Permalinks Text" content="#888" />
<meta name="color:Posts Header" content="#000" />
<meta name="color:Posts Header Shadow" content="#000" />
<meta name="color:Asker BG" content="#333" />
<meta name="color:Asker Border" content="#555" />
<meta name="color:Asker Shadow" content="#444" />
<meta name="color:Asker Text" content="#999" />
<meta name="color:BigSidebar BG" content="#333" />
<meta name="color:BigSidebar Shadow" content="#444" />
<meta name="color:Sidebar BG" content="#333" />
<meta name="color:Sidebar Shadow" content="#222" />
<meta name="color:Description BG" content="#333" />
<meta name="color:Description Text" content="#ddd" />
<meta name="color:Stats Text" content="#aaa" />
<meta name="color:Faves Border" content="#fff" />
<meta name="color:Bigtitle" content="#888" />
<meta name="color:Bigtitle Shadow" content="#000" />
<meta name="color:Smltitle" content="#fff" />
<meta name="color:Smltitle Shadow" content="#000" />
<meta name="color:Navigation BG" content="#444" />
<meta name="color:Navigation Border" content="#333" />

<meta name="text:Stat 1" content="INSERT STAT HERE" />
<meta name="text:Stat 2" content="INSERT STAT HERE" />
<meta name="text:Stat 3" content="INSERT STAT HERE" />
<meta name="text:Smltitle" content="Exclusively on Tumblr" />

<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/DhAmfd5ak/211317407485330146_tg7lgokf_c.jpg" />
<meta name="image:Fav 1" content="http://static.tumblr.com/nelpcva/UShm52di5/avatar_66e091343700_96.png"/>
<meta name="image:Fav 2" content="http://i42.tinypic.com/fk2o3r.png"/>
<meta name="image:Fav 3" content="http://static.tumblr.com/gdh5wux/Vfom59kuk/avatar_c6bfafc8cd14_96.png"/>
<meta name="image:Fav 4" content="http://static.tumblr.com/gdh5wux/9qmm59ku4/avatar_2ffa5e0b52ff_96.png"/>
<meta name="image:Fav 5" content="http://static.tumblr.com/gdh5wux/3b0mezc7f/tumblr_m6aq2vdqlx1rqir0v__3_.jpg"/>
<meta name="image:Fav 6" content="http://static.tumblr.com/gdh5wux/QBemezcca/hq-006.jpg"/>
<meta name="image:Fav 7" content="http://static.tumblr.com/gdh5wux/UVZmezcdh/tumblr_m6drp7cfu81rznvixo1_500.jpg"/>
<meta name="image:Fav 8" content="http://static.tumblr.com/gdh5wux/dqQmezceo/tumblr_m372b9pfjg1qdoxp5o1_500.jpg"/>

<meta name="text:Fav 1 URL" content=""/>
<meta name="text:Fav 2 URL" content=""/>
<meta name="text:Fav 3 URL" content=""/>
<meta name="text:Fav 4 URL" content=""/>
<meta name="text:Fav 5 URL" content=""/>
<meta name="text:Fav 6 URL" content=""/>
<meta name="text:Fav 7 URL" content=""/>
<meta name="text:Fav 8 URL" content=""/>

<meta name="text:Fav 1" content="BLOG NAME"/>
<meta name="text:Fav 2" content="BLOG NAME"/>
<meta name="text:Fav 3" content="BLOG NAME"/>
<meta name="text:Fav 4" content="BLOG NAME"/>
<meta name="text:Fav 5" content="BLOG NAME"/>
<meta name="text:Fav 6" content="BLOG NAME"/>
<meta name="text:Fav 7" content="BLOG NAME"/>
<meta name="text:Fav 8" content="BLOG NAME"/>


<!--Variables-->
<style type="text/css">

::-webkit-scrollbar {width: 9px; height: 4px; background:{color:Scrollbar BG};}::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};-webkit-box-shadow: inset 0 0 6px #000;-webkit-border-radius: 10px;border-radius: 10px;}

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


@font-face {font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

@font-face {font-family:"quicksand";src:url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf');}

@font-face {font-family:"caviardreams";src:url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');}

@font-face {font-family:"lainie";src:url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}

@font-face {font-family:"tangerine";src:url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf');}

@font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }

@font-face{font-family:"chopin";src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.ttf');}

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }


body {
margin: 0px;
background-color:{color:Background};
background-image:url('http://static.tumblr.com/gdh5wux/vtqm7im0g/tumblr_m3sd2jds7w1qhxwq3.jpg');
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
}

body, div, p, textarea, submit, input {
font-family:"tinytots";
font-size:8px;
line-height:12px;
color:{color:Text};
text-transform:uppercase;
}

a:link, a:active, a:visited{
color:{color:Links};
text-decoration: none;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}

a:hover{
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;
text-shadow:0px 0px 10px {color:Links Hover Shadow};
}

div#posts {
width:520px;
margin-left:500px;
margin-top:0px;
z-index:999;
float:left;
padding:20px;
background-image:url('http://static.tumblr.com/gdh5wux/Uuymj7anw/tumblr_m0fdj4qdmd1r77byz.png');
background-attachment:fixed;
background-repeat:repeat;
background-position:center;
}

.entry {
margin-bottom:10px;
float:left;
overflow:hidden;
padding:10px;
background-color:{color:Posts BG};
{block:IndexPage}
width:500px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

#info{
font-family:tinytots;
color:{color:Permalinks Border};
font-size:8px;
text-align:right;
line-height:20px;
margin-top:10px;
border-top:1px dotted {color:Permalinks Border};
}

#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}

.title{
font-family:'quicksand';
text-transform:uppercase;
font-size:25px;
line-height:30px;
color:{color:Posts Header};
text-shadow:1px 0px 2px {color:Posts Header Shadow};
text-align:center;
}

.quote{
font-family:quicksand;
font-size:12px;
text-transform:none;
line-height:10px;
text-align:right;
color:#aaa;
}

asker{
font-family:'dawning';
font-size:20px;
text-transform:none;
color:#888;
}

#ask{
padding:6px;
font-family:'tinytots';
font-size:8px;
text-transform:uppercase;
color:{color:Asker Text}!important;
}

#askbox{
background:{color:Asker BG};
border: 3px double {color:Asker Border};
margin: 0px;
margin-top:-5px;
overflow:auto;
padding:7px;
box-shadow: 0px 2px 2px {color:Asker Shadow};
}

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

ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
.user_9 .label {color:{color:Text}}
.notes img{width:10px; position:relative; top:3px;}


#sidebar{
position:fixed;
width:300px;
height:100%;
background:{color:BigSidebar BG};
padding:10px;
margin-top:-8px;
margin-left:40px;
box-shadow: 0px 2px 2px {color:BigSidebar Shadow};
}

#sidepic{
position:fixed;
float:left;
width:280px;
height:400px;
padding:5px;
margin-left:5px;
margin-top:70px;
background:{color:Sidebar BG};
box-shadow:-1px 0px 1px {color:Sidebar Shadow}, 1px 0px 1px {color:Sidebar Shadow}, 0px 1px 1px {color:Sidebar Shadow}, 0px -1px 1px {color:Sidebar Shadow};
z-index:999;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}

#sidepic img{
width:280px;
height:400px;
}

#sidepic:hover #des{
opacity:.8;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}

#des{
position:fixed;
background:{color:Description BG};
width:280px;
height:400px;
margin-left:-5px;
margin-top:-5px;
opacity:0;
padding:5px;
color:{color:Description Text};
text-align:center;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}

.heart {
display:block;
font-size:8px;
font-family:'tinytots';
color:{color:Stats Text};
line-height:10px;
text-transform:uppercase;
text-indent:5px;
vertical-align:middle;
-webkit-transition-duration:.50s;
background:url('http://media.tumblr.com/tumblr_ltsfswn7kZ1r1b4vq.gif')no-repeat left;
padding-left:10px;
padding-bottom:2px;
text-align:center;
}

#faves img {
opacity:1;
width:50px;
height:50px;
border-radius:0px;
margin:2px;
-webkit-transition-duration:.7s;
border:1px dotted {color:Faves Border};
}

#faves img:hover {
border-radius: 32px;
-webkit-transition: 0.2s ease-in;
opacity:.8;
border:1px dotted {color:Faves Border};
}

#bigbanner{
position:fixed;
font-family:"tangerine";
font-size:80px;
text-transform:none;
margin-left:-40px;
margin-top:30px;
color:{color:Bigtitle};
text-shadow:1px 0px 2px {color:Bigtitle Shadow};
}

#smlbanner{
position:fixed;
font-family:"lovenote";
font-size:30px;
text-transform:none;
margin-left:-15px;
margin-top:50px;
color:{color:Smltitle};
text-shadow:1px 0px 2px {color:Smltitle Shadow};
}

#navigation{
width:20px;
height:auto;
margin-left:383px;
margin-top:100px;
position:fixed;
}

div.navigate a{
height:20px;
width:70px;
background:{color:Navigation BG};
border-left:12px solid {color:Navigation Border};
border-right:12px solid {color:Navigation Border};
font-family:'silkscreen';
font-size:8px;
text-transform:uppercase;
margin-left:0px;
margin-bottom:25px;
float:left;
text-align:center;
line-height:20px;
color:#888;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}

#pagination{
width:80px;
height:auto;
left:80px;
top:530px;
position:absolute;
}

.jump_page {
width:80px;height:80px;
padding:5px;
background-color:#242323
color:#a8a9aa;
font-family:century gothic;
font-size:11px;
text-decoration:none;
}


.current_page, .jump_page:hover {
width:80px;height:80px;
padding:5px;
background-color:#222;
color: #ffffff;
font-family:century gothic;
font-size:11px;
text-decoration:none;
}


{CustomCSS}
</style>

<img src="http://static.tumblr.com/gdh5wux/e8Xmoxh1p/07.gif" style='position:fixed;height:300px;right:-8px;bottom:-10px; z-index:-9999;-webkit-transform: rotate(0deg);'/>

<div id="sidebar">

<div id="bigbanner">{title}</div>
<div id="smlbanner">{text:Smltitle}</div>

<div id="sidepic">

<div id="des">
<br>
{description}
<br><br>
<div class="heart">{text:Stat 1}</div>
<div class="heart">{text:Stat 2}</div>
<div class="heart">{text:Stat 3}</div>
<div class="heart">BEST VIEWED ON GOOGLE CHROME & SAFARI</div>
<br><br>
<div id="faves">
<center>
<a href="{text:Fav 1 URL}">
<img src='{image:Fav 1}' title="{text:Fav 1}"/></a>

<a href="{text:Fav 2 URL}">
<img src='{image:Fav 2}' title="{text:Fav 2}"/></a>

<a href="{text:Fav 3 URL}">
<img src='{image:Fav 3}' title="{text:Fav 3}"/></a>

<a href="{text:Fav 4 URL}">
<img src='{image:Fav 4}' title="{text:Fav 4}"/></a>
</center>
<br>
<a href="{text:Fav 5 URL}">
<img src='{image:Fav 5}' title="{text:Fav 5}"/></a>

<a href="{text:Fav 6 URL}">
<img src='{image:Fav 6}' title="{text:Fav 6}"/></a>

<a href="{text:Fav 7 URL}">
<img src='{image:Fav 7}' title="{text:Fav 7}"/></a>

<a href="{text:Fav 8 URL}">
<img src='{image:Fav 8}' title="{text:Fav 8}"/></a>
<br>
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' width="50px" height="50px" />{/block:Followed}{/block:Following}</marquee>
</div>
</div>

<img src="{image:Sidebar}">
</div>

<div id="pagination">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
{/block:Pagination}
</div>

</div>

<div id="navigation">
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="/submit">Submit</a>
<a href="/archive">Archive</a>
<a href="/links">Other Links</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</div>

<div id="posts">
{block:Posts}
<div class="entry">


{block:Text}
{block:Title}
<span class="title">{Title}</span>
{/block:Title}
<span class="entrytext">{Body}</span>
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Text}

{block:Link}
<a href="{URL}"class="title">{Name}</a>
{block:Description}
{Description}
{/block:Description}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{block:Link}

{block:Photo}
{block:IndexPage}
{LinkOpenTag}
<div class="photo"><a href="{permalink}">
<img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="500"/></a></div>
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
{LinkCloseTag}
{/block:PermalinkPage}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<center>
{Photoset-500}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-500}
</center>
{/block:PermalinkPage}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Photoset}

{block:Quote}
{Quote}
</span>
{block:Source}
<div class="quote">{Source}</div>
{/block:Source}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</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 id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Chat}

{block:Audio}
<center>
<div style="width:350px;height:30px;">
<div style="float:left">{AudioPlayerBlack}</div>
<div style="margin-top:10px; float:right;">
{block:ExternalAudio}
{/block:ExternalAudio}
</div></div>
</center>
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
{Video-500}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-500}
</center>
{/block:PermalinkPage}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{block:Video}

{block:Answer}
<div id="askbox">
<img src="{AskerPortraitURL-30}" width="40" align="left" style="margin-right:6px; box-shadow: 0px 0px 0px 2px #666;"/>
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Answer}

{block:PermalinkPage}
<center>
<br>
{block:Caption}
{Caption}
{/block:Caption}

{block:NoteCount}
{NoteCountWithLabel}
{/block:NoteCount}

{block:HasTags}
&middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
{/block:hasTags}
</center>
{/block:PermalinkPage}


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

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



{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<script type="text/javascript" src="http://.ic.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
<iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
<span id="scriptsinsert"> </span>
</body>
</html>