sidebar base code

<!DOCTYPE html>
<html>
<head>
<!-- BASE CODE BY JEFF (theme blog: mythcore) -->

<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}
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

<meta name="image:sidebar image">
<meta name="color:text" content="#000">
<meta name="color:link" content="#00f">
<meta name="color:link hover" content="#f00">
<meta name="color:blog bg" content="#fff">

<meta name="text:font size" content="12pt">

<meta name="select:font" content="arial">
<meta name="select:font" content="verdana">
<meta name="select:font" content="courier">
<meta name="select:font" content="georgia">
<meta name="select:font" content="times new roman">
<meta name="select:font" content="comic sans ms">

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

<style type="text/css">
    body {
        background-color: {color:blog bg};
        color: {color:text};
        font-size: {text:font size};
        font-family: {select:font};
		word-wrap: break-word;
    }

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

    a:hover {
        color: {color:link hover};
    }

    #blogcontent {
        width: 675px;
        margin: auto;
    }


    .post {
        width: 500px;
        margin-left: 175px;
        margin-bottom: 15px;
    }

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

    #navigation {
        text-align: center;
    }

    img {
        max-width: 100%;
    }

    .footer {
        margin-top: 10px;
        padding: 5px;
        border-top: 1px solid;
    }

    .media {
        text-align: center;
    }

    .postcontents blockquote {
        border-left: 1px solid;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    h1#blogtitle {
        margin: 0;
    }

    p#description {
        margin: 0;
        text-align: left;
    }


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

	{CustomCSS}

</style>

</head>
<body>
<div id="blogcontent">
    <div id="sidebar">
    <h1 id="blogtitle">{Title}</h1>
        <img src="{image:sidebar image}">
        <p id="description">{Description}</p>
        {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url} / <a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url} / <a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}

        {block:Pagination}
        <div id="navigation">
            {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
        </div>
    {/block:Pagination}
    </div>
{block:Posts}
    <div class="post">
    <div class="postcontents">
    {block:Text}
    {block:Title}<h3>{Title}</h3>{/block:Title}
    {Body}
    {/block:Text}

    {block:Photo}
    {LinkOpenTag}
    <div class="media">
    <img src="{PhotoURL-HighRes}">
    </div>
    {LinkCloseTag}
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photo}

    {block:Panorama}
    <div class="media">
    {LinkOpenTag}
    <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
    {LinkCloseTag}
    </div>
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Panorama}

    {block:Photoset}
    <div class="media">
    {Photoset}
    </div>
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photoset}

    {block:Quote}
    <h3>{Quote}</h3>
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote}

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

    {block:Chat}
    {block:Title}<h3>{Title}</h3>{/block:Title}
    {block:Lines}
    <div class="{Alt}">
    {block:Label}
    <b>{Label}</b>&nbsp;
    {/block:Label}
    {Line}
    </div>
    {/block:Lines}
    {/block:Chat}

    {block:Audio}
    <div class="media">
    {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
    </div>
    {block:Caption}{Caption}{/block:Caption}
    {/block:Audio}

    {block:Video}
    <div class="media">
    {VideoEmbed-500}
    </div>
    {block:Caption}{Caption}{/block:Caption}
    {/block:Video}

    {block:Answer}
    {Question}
    <br />
    {Asker}
    {Answer}
    {/block:Answer}
    </div>
    {block:Date}
    <div class="footer"><a href="{Permalink}">{TimeAgo} / {NoteCountWithLabel}</a>
    {block:HasTags}<br />{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
    {/block:Date}

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

</body>
</html>