Page #7 About Me

<!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">

<!-- PAGE NUMBER 7 (ABOUT ME PAGE) BY ALLIECATISALLAMA/SEEDE-R/FERNANDOSSPECTACLES. Please do not claim as your own or remove the credit.-->

<head>
<title>{Title}</title>
<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-family:arial;
    font-size:10px;
    color:#352f2f;
    background-color:#f8f7f7;
    background-position: fixed;
    background-attachment:fixed;
}

a {
    text-decoration:none;
    color:#121212;
    -webkit-transition: opacity 0.7s linear;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    opacity:1;
}

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

#imageplace {
    width:400px;
    height:400px;
    border:1px solid #e7e0e0;
    padding:10px;
    overflow:hidden;
    margin-top:-140px;
    margin-left:450px;
    position:fixed;
}

#image {
    width:400px;
    height:400px;
    overflow:hidden;
    -webkit-transition: opacity 0.7s linear;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}

#image:hover {
    width:400px;
    height:400px;
    overflow:hidden;
    opacity:0.1;
    -webkit-transition: opacity 0.7s linear;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}


#stuffs {
    width:300px;
    padding:10px;
    border:1px solid #e7e0e0;
    margin-top:250px;
    margin-left:500px;
    font-family:calibri;
    text-align:justify;
    background-color:#ffffff;
    opacity:1.2;
}

#title {
    text-align:center;
    font-style:italic;
    font-size:12px;
    letter-spacing:1px;
    color:#676767;
    font-family:arial;
    text-transform:uppercase;
    margin:5px;
}

#about{
    padding:0px 15px 5px 15px;
    color:#aaa;
}

#info {
    position:fixed;
    width:100px;
    font-family:calibri;
    font-size:10px;
    line-height:150%;
    right:-90px;
    bottom:10px;
    text-align:left;
    color:#262626;
    background-color:#f8f7f7;
    padding:5px;
    border:1px solid #262626;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#info:hover {
    right:-2px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#theme {
position: fixed;
bottom: 0px;
left: 0px;
font-family: Arial;
font-size: 8px;
text-transform: uppercase;
text-align: left;
letter-spacing: 1px;
}
</style>
</head>
<body>

<div id="imageplace"><!--your image here-->
<div id="image">
<img width="400px" src="IMAGE URL HERE"/>
</div>
</div>


<div id="stuffs">
<div id="title"><!--your title here-->
this is your title
</div>


<div id="about"><!--your about stuff here--><center>
this is where you place your about me stuffs
</center></div>
</div>

</div>

<div id="info"><a href="/">MY BLOG</a> - <a href="http://www.tumblr.com/dashboard">DASHBOARD</a></div>


<div id="theme"></a><a href="http://fernandosspectacles.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
</body>
</html>