Kissed by Fire Theme

<html lang="en">
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

<!--
KISSED BY FIRE THEME BY WESTERUS FOR DRACARYSTHEMES
this is my fist public theme ever so it's not flawless
please keep the credits
-->

<head>




<!--Here's some custom fonts-->

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#aaa"/>
<meta name="color:Link" content="#80060a"/>
<meta name="color:Hover" content="#000"/>
<meta name="image:Background" content=""/>
<meta name="image:sidebar" content=""/>
<meta name="color:title" content="#000" />
<meta name="text:Link1 Url" content="/" />
<meta name="text:Link1 Title" content="Link 1" />
<meta name="text:Link2 Url" content="/" />
<meta name="text:Link2 Title" content="Link 2" />
<meta name="text:Link3 Url" content="/" />
<meta name="text:Link3 Title" content="Link 3" />
<meta name="text:Link4 Url" content="/" />
<meta name="text:Link4 Title" content="Link 4" />
<meta name="text:Link5 Url" content="/" />
<meta name="text:Link5 Title" content="Link 5" />

<meta name="If:Updates Tab" content="" />
<meta name="color:updates title background" content="#b8b8b8"/>
<meta name="color:updates arrow background" content="#b8b8b8"/>
<meta name="color:updates text colour" content="#0000"/>
<meta name="color:updates arrow on hover" content="#b8b8b8"/>

</script>


<style type="text/css">




 body{
margin:5px;
background-color: {color:Background};
background-image:url({image:Background});
background-position:right;
background-attachment: fixed;
background-repeat: no-repeat;
font-size: 8px;
font-family: cambria;
line-height:8px;
color:{color:Text};
}

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

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

#cunt{width:400px; height:auto;}
{block:PermalinkPage}
width:410px;
{/block:PermalinkPage}
}

#center{
padding-top:3px;
padding-bottom:3px;
position:fixed !important;
width:250px;
height:207px;
background-color:#fff;
{block:PermalinkPage}
width:410px;
height:207px;
{/block:PermalinkPage}
}

#posts{
float:center;
{block:indexpage}
width:250px;
{/block:indexpage}
{block:permalinkpage}
width:250px;
margin-top: 40px;
{/block:permalinkpage}
margin-left: 370px;
margin-top: 0px;
border-radius:10px;
z-index:9999;
}



#sidebar {width:284px;
margin-left:50px;
height:auto;
border-right: 2px dashed;
border-bottom:2px dashed;
margin-top:400px;
position:fixed;
overflow:hidden;
background-color: {color:Sidebar};
padding:3px;}

#title{font-family:kristi;
color:{color:Title};
height:90px;
margin-bottom:-40px;
font-size:28px;
padding:3px;
text-align:center;}

#links {width:262px;
background-color:transparent;
padding:5px;
margin-bottom:-60px;
border:1px #aaa dashed;
text-align:center;
font-size:8px;
font-family:cambria;}

#description {font-family:cambria;
font-style:italic;
font-size:11px;
text-align:center;
height:50px;
line-height:9px;
margin-bottom: 2px;
padding:5px;
text-align:center;
color:{color:Text};}

askk {
font-family: cambria;
border-bottom-style:solid;
border-width:1px;
width:250px;
color: {color:Title};
font-size:10px;
z-index:1;
}

#entry{
font-family: cambria;
font-size:10px;
text-align:left;
z-index:9999;
float:left;
width:250px;
height: auto;
{block:PermalinkPage}
width: 250px;
height: auto;
{/block:PermalinkPage}
line-height:10px;
background-color:transparent;
margin:3px;
overflow:hidden;
padding: 6px;
padding:8px;padding:7px;
padding-bottom: 4px;
}

#entry .perma a{
color:;}

.permalink {
display: block;
border-top: 1px solid #ddd;
padding: 3px;
margin: 4px 8px 0px 8px;
font-family: cambria;
font-size: 8px;
color: #424242;
line-height: 18px;
text-align: center;
text-decoration: none;
-webkit-transition: color 0.9s ease-out;
-moz-transition: color 0.9s ease-out;
}

#entry .perma a{
color:;
-webkit-transition: color 0.9s ease-out;
-moz-transition: color 0.9s ease-out;
}


#entry .perma{
width:250px;
height: 15px;
font-family:cambria;
font-size: 10px;
text-transform:lowercase;
position: absolute;
line-height: 15px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#fff;
letter-spacing:0px;
margin-top:20px;
margin-left: 0px;
padding-bottom:1px;
padding:3px;padding:5px;
border-radius: 0px;
-webkit-transition: opacity 0.5s linear; opacity: 0.0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#entry:hover .perma{
overflow:hidden;
margin-top:10px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-transition: all 0.5s linear; opacity: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.permalinktext {
display: block;
padding: 1px;
margin: 0px 0px 0px 0px;
font-family: arial;
font-size: 10px;
color: #424242;
line-height: 10px;
text-align: right;
text-decoration: none;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;

}

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

.title{
font-family: the girl next door ;
font-size: 14px;
line-height: 25px;
text-transform:captalise;
color:{color:Title};
letter-spacing: 0px;
font-weight: normal;
padding:0px 0px 0px 0px;
}
#postnotes{
text-align: left;}

#postnotes blockquote{
border: 1px;}


blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px solid #555555;
}
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:{color:Title};
}




	#updates{
z-index:1;
position:fixed;
top:-205px;
left:30px;
height:200px;
width:150px;
font-size:9px;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#updates:hover{
top:0px;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

.arrow_box {
position: relative;
background:white;
}
.arrow_box:after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-left:6px;
top:0px;
}

.arrow_box:after {
border-top-color:white;
border-width: 7px;
}

#box{
opacity:1;
z-index:-99999;
top:-21px;
position:relative;
width:25px;
height:37px;
paddin-top:2px;
border-radius:6px;
border:1px solid {color:updates arrow background};
background:{color:updates arrow background};
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#line{
position:relative;
width:2px;
height:12px;
background:white;
left:50%;
margin-left:-1px;
margin-top:15px;
}

#updates:hover #box{
opacity:0;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}




#box2{
opacity:0;
z-index:-99999;
top:-75px;
position:relative;
width:25px;
height:47px;
padding-top:2px;
border-radius:6px;
border:1px solid #d8d8d8;
background:white;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
#updates:hover #box2{
opacity:1;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

.arrow_box2 {
position: relative;
background: {color:updates arrow on hover};
}
.arrow_box2:after {
bottom: 10px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box2:after {
border-bottom-color:{color:updates arrow on hover};
border-width: 7px;
margin-left:5px;
}



#line2{
position:relative;
width:2px;
height:12px;
background:{color:updates arrow on hover};
left:50%;
margin-left:-2px;
margin-top:32px;
}

#words{
top:-10px;
width:130px;
height:150px;
position:relative;
line-height:140%;
padding:20px 6px 6px 6px;
background:white;
color:{color:updates text colour};
overflow:auto;
border-radius:10px;
border:1px solid #d8d8d8;
}

#utitle{
width:126px;
height:15px;
font-size:15px;
padding:13px 9px 5px 9px;
position:relative;
top:0px;
z-index:9999;
color:white;
background:{color:updates title background};
text-align:center;
}


</style>

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

   <!----- SCROLL TOP  ---->

        <script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
        </script>
         <script type="text/javascript" language="javascript">
             $(function () {
                 $('#scrlBotm').click(function () {
                     $('html, body').animate({
                         scrollTop: $(document).height()
                     },
                     1500);
                     return false;
                 });

                 $('#scrlTop').click(function () {
                     $('html, body').animate({
                         scrollTop: '0px'
                     },
                     1500);
                     return false;
                 });
             });
        </script>


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>


    <script>
        (function($){
            $(document).ready(function(){
                $("[title],a[title],img[title]").style_my_tooltips({
        tip_follows_cursor:true,
        tip_delay_time:0,
        tip_fade_speed:50,
        attribute:"title"
    });
            });
        })(jQuery);
    </script>



</head>
<body>

<div id="updates">
<div id="utitle">NOTES</div>
<div id="words">
<!-------------------------INSERT UPDATES HERE----------------------->




<!-------------------------------END-------------------------------->


</div>
<div id="box">
<div id="line"> </div>
<div class="arrow_box"></div>

</div>

<div id="box2">
<div id="line2"> </div>
<div class="arrow_box2"></div>

</div>

</div>




<div id="center">
<div id="content">
<div id="under">
</div>



</div>

<div id="sidebar">
<div id="title">{Title}</div>
<div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
<div id="links"><a href="{text:Link1 Url}">{text:Link1 Title}</a> · <a href="{text:Link2 Url}">{text:Link2 Title}</a> · <a href="{text:Link3 Url}">{text:Link3 Title}</a> · <a href="{text:Link4 Url}">{text:Link4 Title}</a> · <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
<div id="description">{block:Description}{Description}{/block:Description}</div></div>

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

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
<div class="permalinktext"> <a href="{permalink}">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}"></a> </div>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<div class="permalinktext"> <a href="{permalink}"></a> <font color="#aaa">&middot</font> <a href="{permalink}"></a> </div>
{block:Link}

{block:Photo}{block:IndexPage}
<div class="perma">
<a href="{permalink}">{NoteCountWithLabel}</a>  / <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
{/block:IndexPage}
{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=250px/>{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<div class="perma">
<a href="{permalink}">{NoteCountWithLabel}</a> / {timeago} / <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
<center>

{Photoset-500}</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-500}</center>
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
<span class="entrytext">{Quote}</span>
{block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </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="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}"></a> </div>
{/block:Chat}


{block:Audio}
<center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
{/block:Audio}

{block:Video}<center>
<div style="padding-top:0px; padding-bottom:2px;">
{Video-250}</div>
<div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
{block:Video}

{block:Answer}
<br>
<div style="border-radius:0px; border: 0px; margin: 0px; margin-top: 2px; min-height:10px; padding: 1px; background: white; box-shadow: 0px 0px 0px 0px #eee;">


<askk>{Asker} asked</askk>: {Question}<br></div>
<div style="font-family: cambria; font-size: 10px;">
{Answer}
{block:permalink}
{block:caption}<div style="margin-top:12px">{Caption}</div>{/block:caption}
<div style="text-align:right">{NoteCount}</div>
<div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
</div>
{/block:Permalink}
</div>
{/block:Answer}

{block:PostNotes}<div align="middle"></div>
<center>

{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

{block:HasTags}
tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>

{/block:RebloggedFrom}
</center></span>
<br>
<div id="postnotes">{PostNotes}</div><br>

<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>

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

{block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '#entry, #entry_photo',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '#entry, #entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').show(500);
});
</script>
{/block:indexpage}

<BODY onselectstart="return false;" ondragstart="return false;">


</body>
<div style="position:fixed;bottom:10px;right:10px;">
<a href="http://dracarysthemes.tumblr.com/"><img src="http://www.cherylteachmusic.com/wp-content/uploads/2013/01/codasmall.gif" alt="Smiley face"> </a>

</html>