Toki's Crocs theme

<!--
Toki's Crocs theme by @jagikin
dont remove credit
!-->
<!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" xml:lang="en" lang="en">
    <head>
        <title>{Title}</title>

        <meta name="image:icon" content=""/>
        <meta neme="image:background"content="" />
        <meta name="image:transparent"content=""/>

        <meta name="color:body" content=""/>
        <meta name="color:title"content=""/>
        <meta name="color:links"content=""/>
        <meta name="color:links hover"content=""/>
        <meta name="color:post bg"content=""/>
        <meta name="color:background"content=""/>

        <meta name="if:title" content="1"/>
        <meta name="if:circle sidebar" content="1"/>

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

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

		<style type="text/css">
			body {
        font-size: 15px;
        color: {color:body};
        background-image: url('{image:background}');
        background-repeat: repeat;
        background-attachment: fixed;
        background-size: cover;
        background-attachment: fixed;
        background-color: {color:background};
        font-family:arial {select:font};

			}

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

			a:hover {
				color:{color:links hover};
			}
#container {
				width:760px;
				margin:20px 0px 20px 100px;
			}



			#sidebar {
				float:left;
				width:200px;
				padding:10px;
				position:fixed;
			}

			#sidebar h1 {
				margin:0px 0px;
			}

			#sidebar img {

        width: 200px;
        height: 200px;
        {block:ifcirclesidebar}
        -moz-border-radius:300px; -webkit-border-radius:300px;
        {/block:ifcirclesidebar}
    }

    #sidebar .title {

        font-size: 13px;
        margin-bottom: 5px;

    }


    #sidebar .desc {

        margin-top: 10px;

    }

			.links {

			}

			#content {
				width:500px;
				float:right;
			}

			.post {
				background:{color:post bg};
				padding:10px;
				margin:0px 0px 20px 0px;

			}

			.post .meta {
				text-align:center;
			}

			#postnotes {

			}
			#credit {

        position: fixed;
        padding: 7px;
        border: 1px {select:border}{color:border};
        width: 10px;
        height: 7;
        line-height: 90%;
        bottom: 5px;
        left: 5px;
    }

			{CustomCSS}
		</style>

    </head>

    <body>
        <div style="position:fixed; bottom:0px; right:0px;"><img src= {image:transparent}  width=400px /></div>
    {block:IndexPage}<script type="text/javascript">
    var url = location.href;
    if (url == "{BlogURL}") {
        window.location = "{BlogURL}tagged/{text:Default Tag}";
    }
</script>{/block:IndexPage}
		<div id="container">

			<div id="sidebar">
			<center>
		     <img src="{image:icon}">
	             <h1>
				{block:iftitle}
				{Title}
			    {/block:iftitle}
			    </center>
				</h1>

				{block:Description}
					<div class="description">
					<center>
						{Description}
						</center>
					</div>
				{/block:Description}

				<div class="links">
				<center>
					<a href="{text:link 1 url}">{text:link 1 text}</a>
					<a href="{text:link 2 url}">{text:link 2 text}</a>
					</center>
				</div>

				<div class="pagnition">
					{block:PreviousPage}<a href="{PreviousPage}">&#171; Previous</a>{/block:PreviousPage}
					{block:NextPage}<a href="{NextPage}">Next &#187;</a>{/block:NextPage}
				</div>
			</div>

			<div id="content">
				{block:Posts}
					<div class="post">
						{block:Text}
							{block:Title}
								<h3><a href="{Permalink}">{Title}</a></h3>
							{/block:Title}

							{Body}
						{/block:Text}

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

							{block:Caption}
								<div class="caption">{Caption}</div>
							{/block:Caption}
						{/block:Photo}

						{block:Photoset}
							{Photoset-500}

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

						{block:Quote}
							"{Quote}"

							{block:Source}
								<div class="source">{Source}</div>
							{/block:Source}
						{/block:Quote}

						{block:Link}
							<a href="{URL}" class="link" {Target}>{Name}</a>

							{block:Description}
								<div class="description">{Description}</div>
							{/block:Description}
						{/block:Link}

						{block: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">{Label}</span>
										{/block:Label}

										{Line}
									</li>
								{/block:Lines}
							</ul>
						{/block:Chat}

						{block:Video}
							{Video-500}

							{block:Caption}
								<div class="caption">{Caption}</div>
							{/block:Caption}
						{/block:Video}

						{block:Audio}
							{AudioPlayerBlack}

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

						<div class="meta">
							{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
							{block:NoteCount}<a href="{Permalink}#postnotes">{NoteCountWithLabel}</a>{/block:NoteCount}
						</div>

						{block:PermalinkPage}
							{block:PostNotes}
								<div id="postnotes">
										{PostNotes}
								</div>
							{/block:PostNotes}
						{/block:PermalinkPage}
					</div>
				{/block:Posts}
			</div>

		</div>
    </body>
</html>