theme 03 "lia"

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

<!-- @shayofrp -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

<title>{Title}</title>

{block:Description}<meta name="description" content="{MetaDescription}"/>
{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

   <meta name="color:bg" content="#5f9a9f">
   <meta name="color:link" content="#e8d2b5">
   <meta name="color:text" content="#9a9a9a">
   <meta name="color:tags" content="#b9b7b7">
   <meta name="color:ask" content="#fcfcfc">
   <meta name="color:hover" content="#eeeeee">
   <meta name="color:border" content="#e7e7e7">
   <meta name="color:scrollbar" content="#624c47">
   <meta name="color:postbg" content="#624c47">


   <meta name="image:sidebar1" content=""/>
   <meta name="image:sidebar2" content=""/>
   <meta name="image:title" content=""/>
   <meta name="image:link1" content="" />
    <meta name="image:link2" content="" />
    <meta name="image:link3" content="" />

   <meta name="text:link 1" content="">
   <meta name="text:link 1 url" content="/">
   <meta name="text:link 2" content="">
   <meta name="text:link 2 url" content="/">
   <meta name="text:link 3" content="">
   <meta name="text:link 3 url" content="/">
   <meta name="text:link 4" content="">
   <meta name="text:link 4 url" content="/">

   <meta name="if:Cursor" content="1">


   <style type="text/css">


   /*--scrollbar--*/

::-webkit-scrollbar-thumb:vertical {background-color: #f2f2f2; height: 5px;}
::-webkit-scrollbar-thumb:horizontal {background-color: #f2f2f2; height:5px!important;}
::-webkit-scrollbar {background-color: #5f9a9f; height:5px; width:5px;}

   /*--body--*/


    body {
    font-style:none;
    background-color:{color:bg};
    font-family:calibri;
    color:{color:text};
    }


    a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    a:hover {
    color:{color:hover};
    text-decoration:none;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    }

    img {
    border:none;
    }

    blockquote {
    padding-left:5px;
    border-left:2px solid {color:border};
    }

    h1 {
    size:11px;
    font-family:times;
    font-style:italic;
    text-transform:lowercase;
    }

   /*--Cursor code--*/

   {block:ifCursor}

   *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }

   {/block:ifCursor}



    /*--sidebar--*/

    #sidebar {
    color:{color:text};
    position:fixed;
    width:150px;
    text-align:left;
    }

#sidebarimage {
    width: 200px;
    margin-top:110px;
    margin-left:20px
}

#sidebarimage img {
    width:200px;
    height:330px;
}

#sidebarimage2 {
     width: 170px;
    margin-top:-170px;
    margin-left:315px
}

#sidebarimage2 img {
    width:70px;
    height:165px;
}

#sidebarimage3 {
    width: 187px;
    margin-top:-340px;
    margin-left:215px;
    z-index:-1;
}

    /*--links--*/

    #links {
    width:150px;
    font-family:'cambria';
    position:fixed;
    text-transform:uppercase;
    text-align:center;
    margin-top:180px;
    margin-left:198px;
    }

    #links a {
    padding:3px;
    font-size:8px;
    }

    #links a:hover {
    color:{color:hover};
    }

    /*--description--*/

    #description {
    width:150px;
    height:100px;
    position:fixed;
    font-family:'calibri';
    font-size:10px;
    text-align:center;
    margin-left:225px;
    margin-top:-20px;
    color:{color:text};
  border:solid 1px;
    padding:3px;
    border-color: {color:border};
    background-color:{color:postbg};
    z-index:-2;
    }

    /*--pagination--*/

    #pagination {
    font-style:italic;
    position:fixed;
    text-align:center;
    font-size:10px;
    margin-left:263px;
    margin-top:-250px;
    font-family:calibri;
    color:{color:postbg};
    }

    #pagination a{
    color:{color:postbg};
    }

    #pagination a:hover {
    color:{color:hover};
    }

    /*--posts--*/

 #entries {
padding:10px;
width:500px;
margin-left:500px;
margin-top:5px;
font-size:10px;
font-family:'calibri';
letter-spacing:0px;
background-color:{color:postbg};
}

#post {
width:500px;
padding-bottom:40px;
padding:5px;
margin-top:20px;
}


    #info {
    margin-bottom:10px;
    font-size:8px;
    margin-top:10px;
    text-align:left;
    padding:5px;
    color:{color:link};
    }



    #notes {
    margin-left:40px;
    margin-top:-2px;
   }

    #rightinfo {
    text-transform:uppercase;
    font-family:arial;
    margin-left:370px;
    text-align:justify;
    float:right;
    background-color:{color:postbg};
    padding:1px;
    margin-top:-12px;
    color:{color:text};
   }

    #rightinfo a {
    color:{color:text};
    }

    /*--tags--*/

     #tags {
    margin-left:100px;
    margin-top:-11px;
    font-size:8px;
    color:{color:tags};
    background-color:{color:ask};
    }

    #tags a {
    color:{color:tags};
    }

    #tags a:hover {
    color:{color:hover}
    }

    /*--asks--*/

   #askbg {
    padding:12px;
    background-color:{color:ask};
    }

    #ask {
    margin-top:-10px;
    font-family:calibri;
    text-align:left;
    color:white;
    }


    /*--credit--*/

    #credit {
    right:3px;
    bottom:6px;
    font-size:9px;
    padding:5px;
    background-color:{color:postbg};
    text-transform:uppercase;
    border:1px solid {color:postbg};
    position:fixed;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    #credit:hover {
    background-color:black;
    color:{color:text};
    }


    {CustomCSS}

    </style></head>


<body>

<div id="sidebar">
<div id="sidebarimage"><img src="{image:sidebar1}"></div>
<div id="sidebarimage2"><img src="{image:sidebar2}"></div>
<div id="sidebarimage3"><img src="{image:title}"></div>
<div id="description">{description}</div>

<div id="links">
<a href="{text:link 1 url}">{text:link 1}</a>
<a href="{text:link 2 url}">{text:link 2}</a>
<a href="{text:link 3 url}">{text:link 3}</a>
<a href="{text:link 4 url}">{text:link 4}</a>
</div>

{block:Pagination}
<div id="pagination">

{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
</div>{/block:Pagination}

</div></div>


<div id="entries">
{block:Posts}
<div id="post">


{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}


{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

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

{block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

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

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}<div id="askbg"><div id="ask"></div><br> {Asker} said: {Question}</div> {Answer}{/block:Answer}

<div id="info"><div id="notes"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
<div id="rightinfo">&nbsp;{block:Date}<a href="{Permalink}">
{TimeAgo}</a></a>{/block:Date} </div> {block:HasTags} <div id="tags">{block:Tags}&nbsp;&nbsp; #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>

<div id="sidelinks">
<a href="/"><img src="{image:link1}" style="position:fixed; z-index:1;top:300px;left:230px;" /></a>

<a href="/ask"><img src="{image:link2}" style="z-index:1;position:fixed;top:350px;left:230px;"/></a>

<a href="/nav"><img src="{image:link3}"  style="z-index:1;position:fixed;top:400px;left:230px;"/></a>
<br><br>
</div>

</div>

{/block:Posts}

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

</div>


<div id="credit"><a href="http://shayofrp.tumblr.com/">credit</a>
</body>
</html>