Kissed by Fire Theme

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

    <html>
    <head>

<!--
Kissed by Fire Theme by Westerus for DracarysThemes

You can edit as much as you want and please ask me for help with anything you'd like to change

DON'T REDISTRIBUTE

http://westerus.tumblr.com/

Please keep the credit (moving is allowed)
-->



    <meta name="color:Background" content="#ffffff" />
    <meta name="color:Links" content="#000" />
    <meta name="color:Primary Colour" content="#03999b" />
    <meta name="color:Secondary Colour" content="#4cc3c5" />
    <meta name="font:Body" content="Cambria" />
    <meta name="image:Right Background" content=""/>
    <meta name="image:Left Background" content=""/>
    <meta name="if:Infinite Scroll" content="0">
    <meta name="if:side border" content="">
    <meta name="if:posts border" content="">
    <meta name="if:rounded corners" content="">
    <meta name="if:custom font 1" content="">
    <meta name="if:custom font 2" content="">
    <meta name="if:custom font 3" content="">
    <meta name="if:sidebar border" content="">
    <meta name="if:sidebar bottom" content="">
    <meta name="if:sidebar top" content="">

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












    <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />

    <!--Custom fonts, to use them you just have to replace it when it says font family, it's quite easy-->

    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>


    <style type="text/css">











    body {
            background-color: {color:Background};
            font-family: {font:Body};
            background-image: url({image:Right Background}), url({image:Left Background});
            background-attachment:fixed, fixed;
            background-size:550px;
            background-repeat:no-repeat, no-repeat;
            background-position:bottom 0px right 20px, bottom left;
            margin: 0;
            word-wrap: break-word;
            font-family:cambria;
            font-size:11px;
    }



    #sidebar {
            background-color: white;
            width: 260px;
            position: fixed;
            height:150px;
            top:200px;
            {block:ifsidebartop}
            top:100px;
            {/block:ifsidebartop}
            {block:ifsidebarbottom}
            top:400px;
            {/block:ifsidebarbottom}
            margin-left:730px;
            background-image:url({image:Sidebar Background});
            left: 140px;
            border-left:2px dashed;
            border-bottom:2px dashed;

    }

    #links {width:260px;
          background-color:transparent;
          padding:5px;
          margin-bottom:-90px;
          margin-left:0px;
          text-decoration:none;
          margin-top:0px;
          float:left;
          text-align:center;
          font-size:10px;
          font-family:cambria;}

    #links a {
      text-decoration:none;
      color:black;
      margin-left:10px;
      border:1px solid;
      padding:3px;
}

    #links:hover {
        background-color:transparent;
    }




    #sidebar .title {
            font-family:cambria;
            {block:ifcustomfont1}
            font-family: 'Grand Hotel', cursive;
            {/block:ifcustomfont1}
            {block:ifcustomfont2}
            font-family: 'Great Vibes';
            {/block:ifcustomfont2}
            {block:ifcustomfont3}
            font-family:'Euphoria Script';
            {/block:ifcustomfont3}
            font-size: 25px;
            margin-bottom:0px;
            margin-left:0px;
            text-align: center;
            padding: 10px;
    }

    #sidebar .title a {
            color: {color:Primary Colour};
            text-decoration: none;

    }

    #sidebar .title a:hover {
            color: {color:Secondary Colour};
    }







    #sidebar .description {
            color: black;
            font-size: 11px;
            text-align: center;
            font-family:cambria;
            font-style:italic;
            padding:10px;
            margin-bottom:10px;
            margin-top:0px;
            margin-right:10px;
            line-height:100%;
    }

    #sidebar .description a {
            color: {color:Primary Colour};
            text-decoration: none;
            font-size:12px;
            font-style:normal;
            padding:5px;
    }

    #sidebar .description a:hover {
            color: {color:Secondary Colour};
    }





    #content {
        width:250px;
        {block:ifsideborder}
        border-right:1px dashed;
        {/block:ifsideborder}
        background-color: rgba(255, 255, 255, 0.4);
        margin: 0px 0 0px 510px;
        padding: 20px 30px;
        color: black;

    }



    #content a {
      color: {color:Primary Colour};
      text-decoration: none;;

}

#content a:hover {
      color: {color:Secondary Colour};
}

#content blockquote {
      border-left: solid 2px black;
      margin: 0;
      padding-left: 10px;
}

img {
      margin-bottom:-12px;
      max-width: 100%;
      {block:ifroundedcorners}
      border-radius:15px;
      {/block:ifroundedcorners}

}

#content
#posts {
      background-color: white;
      width:250px;
      margin:0 auto 20px;
      margin-bottom:5px;
      margin-top:0px;
      padding:10px;
      padding:4px;
      {block:ifpostsborder}
      border:1px #aaa dotted;
      {/block:ifpostsborder}
}

#content #posts .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;
}

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


#content #posts .perma{
width:80px;
height: 50px;
font-family:cambria;
font-size: 10px;
text-transform:lowercase;
position: absolute;
line-height: 15px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:white;
letter-spacing:0px;
margin-top:10px;
margin-left: 150px;
padding-bottom:1px;
padding:3px;padding:5px;
border-radius: 20px;
-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;
}

#content #posts:hover .perma{
overflow:hidden;
height:50px;
margin-top:10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
-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 {
width:60px;
height: 50px;
font-family:cambria;
font-size: 10px;
text-transform:lowercase;
position: absolute;
line-height: 15px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:transparent;
letter-spacing:0px;
margin-top:-30px;
margin-left: 190px;
padding-bottom:1px;
padding:3px;padding:5px;
border-radius: 20px;
-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;
}

#content #posts:hover .permalinktext{
overflow:hidden;
height:50px;
margin-top:-30px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
-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;
}



#content #posts .title {
      font-size: 16px;
      font-family:'Grand Hotel',cursive;
}

#content #posts .text {
      font-size:11px;
      font-family:cambria;
}

#content #posts #permalink {
      font-size:9px;
      margin-top:10px;


#content #posts #tags {
      font-size:9px;
}

#content #posts #tags .comma:last-child {
      display: none;
}



#content #notecontainer {
      margin: 20px auto;
      width: 500px;
      font-size: 11px;
}

#content #notecontainer ol.notes {
      list-style-type: none;
      margin: 0;
      padding: 0;
}

#content #notecontainer img.avatar {
      margin-right: 10px;
      width: 16px;
      height: 16px;
}

#sidebar .pagination {
      width: 260px;
      text-align: center;
      padding: 3px 0;
}

#sidebar .pagination a {
      color: {color:Primary Colour};
      text-decoration: none;
}

#sidebar .pagination a:hover {
      color: {color:Secondary Colour};
}






    </style>








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

    </head>
    <body>
















   <div id="sidebar">
    <div class="title"><a href="/">{Title}</a></div>
    <div class="description">{Description} <p></p><p><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></p></div>
  <div id="links"> </div>
</div>


</div>





    {block:IfNotInfiniteScroll}
<div class="pagination">
{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}
</div>
{/block:IfNotInfiniteScroll}



    </div> <!--sidebar-->

<div id="content">

<div class="autopagerize_page_element">





{block:Posts}



<div id="posts">





{block:Photo}

{block:IndexPage}
<div class="perma">
<a href="{Permalink}">{TimeAgo}</a><br>
<a href="{Permalink}">{NotecountWithLabel}</a><br>
<a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<div class="textperma"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}

{/block:Photo}

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

{block:Audio}
{AudioPlayer}
<br />{PlayCountWithLabel}
{block:Caption}<br />{Caption}{/block:Caption}
<div class="permalinktext"> <a href="{Permalink}"></a><br>
<a href="{Permalink}">{NotecountWithLabel}</a><br>
<a href="{ReblogURL}" target="_blank"></a></div>
{/block:Audio}

{block:Quote}
<div class="title">“{Quote}”</div>
<div class="permalinktext"> <a href="{Permalink}"></a><br>
<a href="{Permalink}">{NotecountWithLabel}</a><br>
<a href="{ReblogURL}" target="_blank"></a></div>

{/block:Quote}

  {block:Photoset}
 {block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}{PhotoSet-700}{/block:PermalinkPage}
<div class="permalink"><a href="{ReblogUrl}">↻</a>&nbsp;with&nbsp;<a href="{permalink}">{NoteCountwithLabel}</a></div>
    {/block:Photoset}

{block:Text}
{block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
<div style="margin-bottom:-10px"></div>
<span class="text">{Body}</span>
<div class="permalinktext"> <a href="{Permalink}"></a><br>
<a href="{Permalink}">{NotecountWithLabel}</a><br>
<a href="{ReblogURL}" target="_blank"></a></div>
{/block:Text}

{block:Answer}
<div style="border-bottom:1px #aaa solid; padding:2px; font-size:11px"><div class="ask"><b>{Asker}:</b> {Question}</div></div>
<div class="answer">{Answer}</div>
{block:IndexPage}
<div class="permalinktext"> <a href="{Permalink}"></a><br>
<a href="{Permalink}">{NotecountWithLabel}</a><br>
<a href="{ReblogURL}" target="_blank"></a></div>
{/block:IndexPage}
{/block:Answer}

{block:Chat}
{block:Title}{Title}<br />{/block:Title}
{block:Lines}
{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br  />
{/block:Lines}
{/block:Chat}

{block:Link}
<a style="font-family:'Grand Hotel'; font-size:16px" href="{URL}" >{Name}</a>
{block:Description}<br />{Description}{/block:Description}
{block:IndexPage}<div class="permalinktext"> <a href="{Permalink}"></a><br>
<a href="{Permalink}">{NotecountWithLabel}</a><br>
<a href="{ReblogURL}" target="_blank"></a></div>
{/block:IndexPage}
{/block:Link}


<div id="permalink">
<a href="{Permalink}">


</a>
</div>

{block:HasTags}<div id="tags">
{block:Tags}

{/block:Tags}
</div>
{/block:HasTags}

</div>


{block:PostNotes}
{PostNotes}
{/block:PostNotes}





{/block:Posts}
     </div>

    </body>
    <div style="position:fixed;bottom:10px;right:10px;">
<a style="color:grey" href="http://westerus.tumblr.com/">theme</a>

    </html>