Theme 4

<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}
        <meta name="image:side image" content="" />
        <meta name="image:side image 2" content="" />
        <meta name="color:background color" content="" />
        <meta name="font:body" content="" />
        <meta name="color:link color" content="" />
        <meta name="color:base color" content="" />
    </head>

    <style>
    #nav {
        position:relative;
        left:1000px;
        top:50px;
        position:absolute;
        background-color:rgba(255,255,255,.7);
        z-index:1;
        margin:10px;
    }

    #nav ul {
        text-align:center;
        padding-right:30px;
    }
    #nav li{
        text-align:center;
        text-decoration:none;
        list-style:none;
        font-size:16px;
        margin:7px;
        width:115px;
    }
    #nav li a {
        color:{color:link color};
        letter-spacing:0px;
        opacity:1;
        transition:all 1s ease-in-out;
        -moz-transition:all 1s ease-in-out;
        -webkit-transition:all 1s ease-in-out;
    }

    #nav li a:hover {
        color:{color:link color};
        letter-spacing:3.5px;
        opacity:.3;
    }

    .main {
        background-color:white;
        padding:2px;
        margin:5px;
    }

    .links {
        padding:2px;
        background-color:white;
        margin:1px;
    }

    h1 {
        text-align:center;
        padding:10px;
        margin-top:20px;
        transition:all 1s ease-in-out;
        letter-spacing:0px;
        opacity:1;
        -moz-transition:all 1s ease-in-out;
        -webkit-transition:all 1s ease-in-out;
    }
     h1:hover {
        text-align:center;
        padding:10px;
        margin-top:20px;
        letter-spacing:3.5px;
        opacity:.5;
    }

    #top{
        margin:0 auto;
        height:auto;
        width:570px;
        margin-bottom:20px;
        background-color:rgba(255,255,255,.7);
        overflow:auto;
    }

    #top #description {
        line-height:20px;
        height:auto;
        width:400px;
        margin:0 auto;
        margin:10px;
        padding:10px;
        float:left;
        background-color:white;
    }

    #icon {
        margin:5px;
        position:relative;
        left:0px;
        border-top-left-radius:5em;
        border:3px inset black;
    }

    body {
        background-color:{color:background color};
        background-attachment:fixed;
        font-family:{font:body};
        font-size:14.5px;
        word-wrap:break-word;
        line-height:110%;
    }

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

    body a:hover {
        text-decoration:none;
        color:{color:link color};
        opacity:.5;
    }

    #posts {
        background-color:white;
        width:550px;
        padding:10px;
        margin:0 auto;
    }

    #posts li {
        list-style:none;
        padding:10px;
        margin:10px;
	overflow:auto;
    }

    #quote {
        font-size:18px;
        margin:5px;
    }

    .label {
        font-size:17px;
    }

    blockquote {
        border-left:2px solid black;
        margin:0;
        padding-left:15px;
    }

    #notecontainer {
      margin-top:-20px;
      margin: 0 auto;
      width: 550px;
      font-size: 12px;
    }

    #right {
        position:relative;
        left:580px;
        margin-top:-70px;
        top:-20px;
        background-color:rgba(255,255,255,.7);
        padding:5px;
        width:150px;
    }

    #permalink a{
        text-decoration:none;
        color:{color:link color};
    }

    #tags a {
        text-decoration:none;
        color:{color:link color};
    }

    #all {
        padding:-100px;
        background-color:{color:base color};
        width:600px;
        margin:0 auto;
        border-top-left-radius:2em;
        border-top-right-radius:2em;
    }

    #footer a {
        position:relative;
        left:250px;
        margin:5px;
        margin:0 auto;
    }

    #side_image {
        background-image:url({image:side image});
        background-position:center;
        height:800px;
        width:350px;
        position:absolute;
        position:fixed;
        border-right:20px double {color:base color};
        margin:-20px;
        transition:all 1s ease-in-out;
        -moz-transition:all 1s ease-in-out;
        -webkit-transition:all 1s ease-in-out;
    }

    #side_image:hover {
        background-image:url({image:side image 2});
        background-position:center;
        height:800px;
        width:350px;
        position:absolute;
        position:fixed;
        border-right:20px double {color:base color};
        margin:-20px;
    }

    #search {
        position:absolute;
        left:1025px;
        top:33px
    }

    .questionbox {
    background-color: rgba(230,230,230,.5);
    padding: 10px;
    border-radius: 10px;
    }

    </style>

    <body>

    <div id="search">
<form action="/search" method="get">
    <input type="text" name="q" value="{SearchQuery}" style="width:110px; border-radius:20px;

padding:2px 5px 2px 5px;"/>
    <input type="submit" value="Search" style="position:relative;"/>
</form>
</div>

   <div id="side_image"></div>
        <div id="nav">
            <ul>
            <li class="main"> <a href="{BlogURL}">Home</a> </li>
            <li class="main"> {block:AskEnabled} <a href="/ask"> {AskLabel} </a>

{/block:AskEnabled} </li>
            <li class="main"> {block:SubmissionsEnabled} <a href="/submit"> {SubmitLabel} </a>

{/block:SubmissionsEnabled} </li>
            <li class="main"> <a href="/archive">Archive</a> </li>
            <li class="main" title="themebylilcherrybearr"> <a

href="http://themebylilcherrybearr.tumblr.com"> Theme </a></li>
            <hr>
            {block:HasPages}{block:Pages}<li><a href="{url}"><div class="links">{Label}

</div></a></li>{/block:Pages}{/block:HasPages}
            </ul>
        </div>

        <div id="all">
        <h1>{Title}</h1>

        <div id="top">
        {block:Description}
            <div id="description">{Description}</div>
        {/block:Description}

        <a href="{BlogURL}"> <img id="icon" src="{PortraitURL-96}"> </a>
        </div> <!--top-->

        <div id="posts">
            {block:Posts}
            {block:Text}
                    <li class="post text">
                        {block:Title}
                            <h2><a href="{Permalink}">{Title}</a></h2>
                        {/block:Title}{Body}
                    </li>
            {/block:Text}
            {block:Photo}
                    <li class="post photo">
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Photo}
            {block:Panorama}
                    <li class="post panorama">
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Panorama}
            {block:Photoset}
                    <li class="post photoset">
                        {Photoset-500}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Photoset}
            {block:Quote}
                    <li class="post quote">
                        <span id="quote"> "{Quote}" </span>
                        <p></p>
                        {block:Source}
                            <div class="source"><i>- {Source}</i></div>
                        {/block:Source}
                    </li>
            {/block:Quote}
            {block:Link}
                    <li class="post link">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
            {/block:Link}
            {block:Chat}
                    <li class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label"><b>{Label}</b></span>
                                    {/block:Label}{Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
            {/block:Chat}
            {block:Video}
                    <li class="post video">
                        {Video-500}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Video}
            {block:Audio}
                    <li class="post audio">
                        {AudioEmbed}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Audio}
            {block:Answer}
                    <div class="questionbox">
                    <div class="asker_container"><img src="{AskerPortraitURL-24}">  {Asker}</div>
                    <div class="title">Asked: {Question}</div>
                    </div>
                    <div class="text">{Answer}</div>
{block:Answer}

        <div id="right">

        <div id="permalink">
            <a href="{Permalink}">
            {block:Date}{lang:Posted TimeAgo}{/block:Date}
            <p>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</p>
            </a>
        </div> <!--permalink-->

        {block:HasTags}<div id="tags">
        {block:Tags}#<a href="{TagURL}">{Tag}</a>
{/block:Tags}
        </div> <!--tags-->
        {/block:HasTags}

        </div> <!--right-->

        {block:PostNotes}
        <div id="notecontainer">{PostNotes}</div>
        {/block:PostNotes}
        <br>
        <hr>
        {/block:Posts}
        </div> <!--posts-->

        <p id="footer">
            {block:PreviousPage}
                <a href="{PreviousPage}">&#171; Previous</a>
            {/block:PreviousPage}{block:NextPage}
                <a href="{NextPage}">Next &#187;</a>
            {/block:NextPage}
        <br>
        </div> <!--all-->
        </p>
        <br>
    </body>
</html>