6teen

9 December 201212:45

<html>
<head>
<title>what if.</title>
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA+vr6ANvUzAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAISAAAAAAAAIREgAAAAAAIRERIAAAAAIRERESAAAAAhESERIAAAACESAhEgAAAAAiAAIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD//wAA/38AAP4/AAD8HwAA+A8AAPAHAADwBwAA8IcAAPnPAAD//wAA//8AAP//AAD//wAA" rel="icon" type="image/x-icon" />

<style>
#dhtmltooltip{
position: absolute;
width: 60px;
text-align:center;
border: 2px solid #fff;
padding: 2px;
visibility: hidden;
z-index: 100;
font-family: 'lucida sans unicode';
text-transform: uppercase;
color:#F9CDAD;
font-size:10px;
background:#fff;
-moz-box-shadow: 4px 0px 8px #ccc;
-webkit-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#pos{
position:fixed;
top:200px;
left:10px;
}
a.nav{
color:#83AF9B;
margin-bottom:24px;
display:inline-block;
width:50px;
height:50px;
background:url(http://i49.tinypic.com/2ijmck5.jpg);
border:2px solid #f;
border-radius:1111px;
-moz-box-shadow: 4px 4px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 4px 04px 6px #ccc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.nav:hover{
border:px solid #C8C8A9;
}

a.nav2{
color:#83AF9B;
margin-bottom:24px;
display:inline-block;
width:50px;
height:50px;
background:#fff;
border:2px solid #FC9D9A;
border-radius:1111px;
-moz-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 0px 0px 6px #ccc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.nav2:hover{
border:2px solid #FE4365;
}

</style>
<div id="dhtmltooltip"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>

<link rel="stylesheet" type="text/css" href="stickytooltip.css" />
<div id="pos">
<a class="nav" href="LINK" onMouseover="ddrivetip('Later')"; onMouseout="hideddrivetip()"></a><br/>
</div>

<link href="http://www.kerismith.com/wp-content/themes/KeriSmith/fontface.css" rel="stylesheet">
<script> function changeNavigation(id) {document.getElementById('boxx').innerHTML=document.getElementById(id).innerHTML} </script>

<style type="text/css">
#navbar-iframe { display: none; }
::selection { color: #f1f1f1; background: #b3bbc5; }
::-webkit-scrollbar { height: 12px; width: 10px; background-image: url(http://i48.tinypic.com/r86yq9.jpg); }
::-webkit-scrollbar-thumb { background-image: url(http://i49.tinypic.com/2ijmck5.jpg); -webkit-border-radius: 0ex; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.75); }
::-webkit-scrollbar-corner { background: #transparent}

body { background-image:url(http://i48.tinypic.com/r86yq9.jpg); background-attachment: fixed; font-size: 11px segoe ui; color: #777777; line-height: 150%; }
td, th { color: #999; font: 8pt segoe ui color: #888; text-align: justify; line-height: 20px; }

i { color: #999; font: georgia 9pt;}
s {color: #b3bbc5;}
b {font-family: "arial", sans-serif; color: #b3bbc5;}
u {color: #999; border-bottom: 1px dashed #b3bbc5; text-decoration: none;}

a:link, a:visited, a:active { text-decoration: none; color: #999; font: courier new 8pt; text-transform: uppercase; letter-spacing: 1px;}
a:hover { text-decoration: none; color: #b3bbc5; }

a.link2 { background-color: #f5f5f5; font-family: arial; font-size: 7.5pt; color: #999999; margin: 2px; text-transform: uppercase; padding: 3px 5px 3px 5px; text-align: center; display: inline-block; border: 1px solid #f5f5f5; }
a.link2:hover { background-color: #b3bbc5; color: #f1f1f1; border: 1px solid #f1f1f1; }

#main { margin-left: auto; margin-right: auto; width: 798px; }

.h1 { font: 7pt arial; color: #999; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin: 0 0 5px; line-height: 24pt; background: url('http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto2_250.png'); }
.h1:hover { color: #666; opacity: .40; }
.h2 { margin-top: 40px; font-family: KeriSmith regular; font-size: 15pt; color: #A5A5A5; letter-spacing: 2px; }

.photo { float: left; text-align: center; width: 100px; height: 110px; border: 10px solid #eee; background: #eee; color: #999; border-bottom: 20px solid #eee;}
blockquote{
background:url(http://i49.tinypic.com/2ijmck5.jpg);
padding:30px;
color:#666;
border: 1px solid #f7f7f7; font: 8pt lucida console; opacity: .50;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

blockquote:hover{
background:url(http://i49.tinypic.com/2ijmck5.jpg);
background-position:50% 50%;
}

blockquote { padding: 30px; test-align: justify; background-image: url(http://i49.tinypic.com/2ijmck5.jpg); repeat: reapeat; color: #666; border: 1px solid #f7f7f7; font: 8pt lucida console; opacity: .50; }
blockquote:hover { color:#000; }

.navigation { text-align: justify; display: block; background: url("http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto12_r1_100.png"); text-transform: uppercase; padding: 15px 50px 15px 50px; border: 1px solid #d9d9d9; -moz-box-shadow: 5px 5px 5px -5px #afafaf; -webkit-box-shadow: 5px 5px 5px -5px #afafaf; box-shadow: 5px 5px 5px -5px #afafaf; width: 100%px; }

</style>

</head>

<body>
<br><br><br><br>

<div class="tab" style="margin-left: auto; margin-right: auto; width: 800px;">
<font style="font:normal 7pt segoe ui; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('about')">ABOUT</font>
<font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('links')">LINKS</font>
<font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('tag')">TAG</font>

<table style="border: 1px solid #e6e6e6;" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="300" bgcolor="#f9f9f9" style="font:11px lucida console; color: #999; padding-left: 50px; padding-right: 50px; padding-bottom: 20px;">
<div id="boxx">
<div class="h2">about</div>
<div style="border-bottom: 1px solid #eee;"><br></div><br>
I'm a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.<br><br>
</div></td>

<td>
<a href="/"><img src="http://i49.tinypic.com/2cqb3tj.jpg"></a>
</td></tr></table><br>
</div>

<div id="about" style="display: none;">
<div class="h2">about</div>
<div style="border-bottom: 1px solid #eee;"><br></div><br>
I'm a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.
</div>

<div id="links" style="display: none;">
<div class="h2">links</div>
<div style="border-bottom: 1px solid #eee;"><br></div><br>
<table><tr>
<td width="50">
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
</td>
<td width="50">
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
</td>
<td width="50">
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
</td></tr></table>
<br><br>

<select style="width: 100%; font:8pt georgia; background:#ffffff; border: 1px solid #f1f1f1; padding:2px; color: #999999;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"> <option value="/">archives</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives></select>
<br><br>
layout by <a href="http://ohquack.blgspot.com">sweet</a>.<a href="httpp://blogskins.com/me/sweetmsery">m!sery</a><br>
resources: <a href="http://ixora.tumblr.com/tagged/resources/page/2" title="bg">x</a><a href="http://kerismith.com/" title="bg">o</a><a href="http://sundaysecretss.livejournal.com" title="icons">x</a><a href="http://weheartit.com/entry/29076139/via/dollyvogue" title="img">o</a>
</div>

<div id="tag" style="display: none;">
<div class="h2">tagboard</div>
<div style="border-bottom: 1px solid #eee;"><br></div><br>
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="190" height="100" src="http://www7.cbox.ws/box/?boxid=429096&boxtag=mjw5z0&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-429096" style="border: 0px solid;" id="cboxmain7-429096"></iframe></div>
<div><iframe frameborder="0" width="190" height="60" src="http://www7.cbox.ws/box/?boxid=429096&boxtag=mjw5z0&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-429096" style="border: 0px solid;border-top:0px" id="cboxform7-429096"></iframe></div>
</div></div>

<div id="main">
<Blogger>
<div style="background:#fff;border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
<div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> // <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<table style="font: 10pt segoe ui;"><tr>
<td width="100" style="padding: 10px;" valign="top" align="center">
<div class="photo">
<script type="text/javascript">
</script>
<div style="margin-top: 10px; font: 7pt arial; letter-spacing: 2px; text-transform: uppercase; color: #999;">
<$BlogItemDateTime$></div></td>
<td><div style="padding: 15px;"><$BlogItemBody$><br></div></td></tr></table></div><br>
</Blogger>

<div style="margin-left: auto; margin-right: auto; width: 800px;">
<div class="navigation"><OlderPosts><a href=<$OlderPosts$>><span style="font-size:12px;font-family:courier new"><img src="http://i47.tinypic.com/244duoi.jpg" height="12px"> Older entries </span></a></OlderPosts>
<div style="float: right"><NewerPosts><a href=<$NewerPosts$>><span style="font-size:12px;font-family:courier new"> Newer entries <img src="http://i46.tinypic.com/33wqnw6.jpg" height="12px"> </a></span></a></NewerPosts></div></div></div><br><br>

</body></html>