Tumblr Family Theme

<!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>
<link rel="shortcut icon" href="{favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">

body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}

::-webkit-scrollbar-thumb:vertical {
background-color: #F5F5F5;
height:100px; }

::-webkit-scrollbar {
height:10px;
width:10px;
background-color: #ffffff; }


body
{font-family:georgia;
font-size:9px;
background:url("");
background-color:#ffffff;}

a
{text-decoration:none;
color:#000000;}


#all
{margin:0 auto;
margin-top:37px;
padding:10px;
border:1px solid #ddd;
background-color:#fff;}

#picture
{width:200px;
height:400px;
background-color:#ffffff;
background-image:url("http://media.tumblr.com/tumblr_m934jkC82L1rr0gsu.png");}

#links
{width:110px;
padding:15px;
background-color:#ffffff;
position:absolute;
font-family: courier new;
margin:20px 30px 30px 30px;
text-transform:uppercase;
font-size:9px;}

.link
{margin-bottom:1px;
letter-spacing:3px;
color:#000;}

.link:hover
{background-color:#f1f1f1; text-decoration: underline;}

#family
{overflow:auto;
width:550px;
height:398px;
margin-left:10px;
border:1px solid #e5e5e5;}

#about
{font-style:italic;
letter-spacing:1px;
text-align:center;
margin:10px 10px 5px 10px;
color:#555;
padding-bottom:3px;
border-bottom:#e5e5e5 1px dotted;}

#about b
{color:#fe4c4f;}

.member
{margin:10px 20px 10px 20px;
width:225px;
float:left;}

#portrait
{float:left;
width:100px;
margin-right:5px;
border-right: 2px;
border-bottom: 2px;
border-left: 2px;
border-top: 2px;
}

#position
{float:left;
width:115px;
text-align:justify;
padding:5px 0px 5px 5px;
color:#222;}

.title
{color:#4c2460;
font-weight:800;
margin-bottom:3px;
border-left:7px solid;
padding-left:5px;
letter-spacing:1px;}

#color
{color:#612442;}
</style>
</head>

<body>

<table id="all" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="picture">
<div id="links">
<a href="/"><div class="link">refresh</div></a>
<a href="/"><div class="link">link one</div></a>
<a href="/"><div class="link">link two</div></a>
<a href="/"><div class="link">link three</div></a>
<a href="http://tylersposeys.tumblr.com"><div class="link">theme</div></a>

</div><!--links-->
</div><!--picture-->
</td>
<td>
<div id="family">
<div id="about">just a description here ok</div>

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title" id="color">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title" id="color">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title" id="color">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

<div class="member">
<a href="/"><div id="portrait"><img width="100px" src="http://media.tumblr.com/tumblr_m9341mwVn31rr0gsu.png"/></div></a>
<div id="position">
<a href="/"><div class="title" id="color">Name</div></a>
<div id="more"><center>description</center></div>
</div><!--position-->
</div><!--member-->

</div><!--family-->
</td>
</tr>
</table>
</body>
</html>