steferine theme #3: do you not think so far ahead?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!----- theme by steferine.tumblr.com please don't steal  ----!>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><!-- default variables -->
    <meta name="color:bg" content="#FCFCFC" />
    <meta name="color:title" content="#B5B1E0" />
    <meta name="color:text" content="#888585" />
    <meta name="color:scrollbg" content="#FCFCFC" />
    <meta name="color:scrollbar" content="#c9e3d9" />
    <meta name="color:sidebar" content="#FFFFFF" />
    <meta name="color:sidebar2" content="#FFFFFF" />
    <meta name="color:triangle" content="#FFFFFF" />
    <meta name="color:post" content="#FFFFFF" />
    <meta name="color:link" content="#C2BDBE" />
    <meta name="color:linkhover" content="#e6a783" />
    <meta name="image:sidebar" content=""/>
    <meta name="image:sidebar2" content=""/>
    <meta name="text:link1" content="" />
    <meta name="text:link1 Title" content="" />
    <meta name="text:link2" content="" />
    <meta name="text:link2 Title" content="" />
    <meta name="text:link3" content="" />
    <meta name="text:link3 Title" content="" />
    <meta name="text:link4" content="" />
    <meta name="text:link4 Title" content="" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />    <title>{Title}</title>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
<!----- theme by steferine.tumblr.com please don't steal  ----!>
<style type="text/css">
::-webkit-scrollbar {width: 12px; height:auto; background:{color:scrollbg}}
::-webkit-scrollbar-corner {background:{color:scrollbg}}
::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg};}
::-webkit-scrollbar-thumb {background: {color:scrollbar};}
body {color:{color:text}; background-color:{color:bg}; text-align:justify; font-family:arial; font-size:10px; line-height:90%; }
a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
a:hover{color:{color:linkhover};transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
#posts{overflow:hidden; background-color: {color:post}; padding:30px;}
#posts{line-height:100%;margin-top:10px; margin-left:340px; padding:20px; width:520px}
#titla {text-align:center; color: {color:title}; font-size:40px; font-family:times; line-height:90%; letter-spacing:-4px; text-transform:lowercase; font-style:italic;}
#sidebar {width:200px; height:700px; margin-left:100px; position:fixed; overflow:hidden; background-color: {color:sidebar};padding:10px;  margin-top:50px;}
#sidebar2 {width:150px;  margin-left:920px; position:fixed; overflow:hidden; background-color: {color:sidebar2}; padding:10px; margin-top:80px;}
#spic {max-width: 200px; text-align:center}
#spic2 {max-width: 150px; text-align:center}
#stext {text-align:center; font-family:times; line-height:90%; font-size:10px; width:200px;}
#pages {font-family:times; text-transform:lowercase; text-align:center; font-size:24px}
h1{color:{color:title}; font-family:times; font-size:30px;line:height:90%;font-weight:normal; text-transform:uppercase;text-align:center;}
h2{color:{color:title}; font-weight:normal; font-family:times; font-size:10px; line-height:90%; text-align:center;}
#source {text-align: center; font-family:times; text-transform:lowercase; letter-spacing:3px; font-size:10px;}
#yes{font-family:times; text-align:center; letter-spacing:3px; font-size:10px; text-transform:lowercase; line-height:90%; }
#questions {background-color:{color:bg}; padding:10px; color: {color:text}; font-family:times; font-size:10px}
#triangle{line-height:130%;font-size:30px; letter-spacing:-3px;font-family:times; font-style:italic;}
#questions a {color:{color:link}}
blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
b, strong{color:{color:link}
i, em {color:{color:title};}
p{margin-top:5px; margin-bottom:5px}
blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
img a{border:none;}
.audio{background-color:bg; display:block;}.user_1 .label {color:{color:link}; font-weight:bold}
.user_2 .label {color:{color:text}; font-weight:bold}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}.notes img{background-color:{color:bg};text-align:left; margin-left:300px;position:relative;width:30px;}
ol.notes, .notes li{text-align:left;background-color:{color:bg}; margin-left:300px;list-style:none;padding:40px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}</style><style type="text/css">{CustomCSS}</style>
</head><body>
<div id="sidebar"><Br><div id="titla">{Title}</div><Br><Br><div id="spic"><img src="{image:sidebar}"/></div><Br><center><a href="/">home</a> + <a href="/ask">ask</a> + <a href="/archive">archive</a> + <a href="http://steferine.tumblr.com/tagged/themes">theme</a></center><Br><div id="stext">{block:Description}{Description}{/block:Description}</div><Br><Br><div id="pages">{block:PreviousPage}<a href="{PreviousPage}"> &laquo; </a>{/block:PreviousPage}{CurrentPage} &mdash; {TotalPages}{block:NextPage}<a href="{NextPage}"> &raquo; </a>{/block:NextPage}</div></div><div id="sidebar2"><div id="spic2"><img src="{image:sidebar2}"/><div id="triangle">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<Br> {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}<Br>{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}<Br>{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div></div></div><div id="entries">{block:Posts}<div id="posts">{block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
{block:Text}{Body}{/block:Text}{block:Quote}<h2>"{Quote}" —- {Source}</h2>{/block:Quote}
{block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Photoset}<center>{Photoset-500}</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-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Answer}<div id="questions">{Asker} asked &raquo; "{Question}"</div>
{Answer}{/block:answer}
{block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
<div id="yes"><a href="{Permalink}">{TimeAgo}</a> &#9830; {NoteCountWithLabel}{block:RebloggedFrom} &#9830; <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}+<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div><BR>
{/block:Posts}
<!----- theme by steferine.tumblr.com please don't steal  ----!></div></body>
</html>