<!-- base code by creamsofa, code by fotnsmutual
please do not remove credit! tell me if u use this, I'd love to see what u can do with it!-->

<html>
<head>



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


    <meta name="color:background" content="#ffffff">
    <meta name="color:text" content="#c0bdb8" />
    <meta name="color:link hover" content="#fdfdfd" />
    <meta name="color:link" content="#c0bdb8" />
    <meta name="color:Bold" content="#777777" />
    <meta name="color:Italic" content="#bbbbbb"/>
    <meta name="color:sidebar bg" content="#ffffff">
    <meta name="color:post bg" content="#ffffff">

    <meta name="image:sidebar" content=""/>
    <meta name="image:render" content=""/>


    <meta name="text:link1" content="url" />
    <meta name="text:name1" content="link" />
    <meta name="text:link2" content="url" />
    <meta name="text:name2" content="link" />
    <meta name="text:link3" content="url" />
    <meta name="text:name3" content="link" />
    <meta name="text:link4" content="url" />
    <meta name="text:name4" content="link" />

    <script type='text/javascript'>
//<![CDATA[
var rate = 50;
if (document.getElementById)
window.onerror=new Function("return true")

var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>


 </head>


<style type="text/css">


body {color:{color:text}; background-color:{color:background};  font-family:verdana; font-size:11px; line-height:17px; text-align:justify}

a:link, a:active, a:visited{color: {color:link}; text-decoration:none}

a:hover {
color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

small{font-size:auto}

big{font-size:auto}

b, strong{color:{color:bold}}

h1 {font-size:15px;}

i, em {color:{color:italic}}

p{margin-top:6px; margin-bottom:6px}

blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}

img a{border:none; width:100%;}

#container {background-color:transparent; width: 400px; margin: 0 auto -10px auto}

/* the overall entries container and position of it */

#entries {margin-left:500px; text-align: justify;}

/* here are your posts to customize!! */

#posts {margin: 70px 0 0px 0; width: 400px;text-align: justify; padding: 7px;border: 1px solid #aaa; background-color:{color:post bg};}

#posts img {max-width:100%;}

#sidebar{ position:fixed; width:200px; background:{color:sidebar bg}; border:2px solid #aaa; padding:0px; overflow:hidden;left:150px; top:200px;
}

h2 {
font-family:helvetica; font-weight:100; line-height:17px;
}

#pagination {font-family:calibri; text-align:center; font-size:24px; margin-bottom:2px;}

#credit{position:fixed; bottom:10px; left:10px; font-size:11px; font-family:calibri;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; background:white; border:1px solid #aaa; padding:3px;}

#info{padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:10px; font-family:verdana; text-transform:uppercase;}

.audio{background-color:black; display:block}



.user_1 .label {color:{color:link}; font-weight:bold}
.user_2 .label {color:{color:text}; font-weight:italic}
.user_3 .label {color:{color:link}; font-weight:text}


ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}

.notes img{width:10px; position:relative; top:1px}
ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
img {

-webkit-border-radius: 15px;

border-radius: 15px;

}


</style>



<body>
<div id="sidebar">
<a href="/"><img src="{image:sidebar}" style="width:190px;position:inline;
padding:5px;"></a>
<center>
{description}<p>
<a href="/">home</a> /
<a href="/ask">ask</a> /
<a href="{text:link1}">{text:name1}</a> /
<a href="{text:link2}">{text:name2}</a> /
<a href="{text:link3}">{text:name3}</a> /
<a href="{text:link4}">{text:name4}</a>
<div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
</div>
</center>




<div id="credit"><a href="http://fotnsmutual.tumblr.com/" title="theme credit">THEME</a></div>

<div id="entries">
{block:posts}

<div id="posts">
{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}


{block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}

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

{block:Photo}<center><img src="{PhotoURL-400}"/></center>
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}<center>{Photoset-400}</center>
{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

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

{block:Answer}{Asker} whispered: {Question}<br>{Answer}{/block:Answer}


{block:Audio}{AudioPlayerWhite}<br>
{block:Caption}{Caption}{/block:Caption} {/block:Audio}

<center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> +Reblog</a><a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br><i>reblogged from</i> <a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource} <i>originally from</i> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center><p>

<center>{block:HasTags}<u>filed under:</u>{block:Tags} # <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
<br /></div>

{/block:Posts}

{block:PostNotes}{PostNotes}{/block:PostNotes}<br />

<img src={image:render} height=100 style='position:fixed;bottom:430px;left:180px;z-index:999’/>



</div>
</div>

</body>
</html>