Page Theme 2 (About Page)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<!---THEME BY CASKISSES, DO NOT STEAL OR REMOVE CREDIT--->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

/*DON'T TOUCH ANYTHING ABOVE THIS*/

*, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;} /*cursor info*/

::-webkit-scrollbar {
    background-color:#fff;
    height:5px;
    width:7px
}

::-webkit-scrollbar-thumb:vertical {
    background-color:#aaa; /*color of scrollbar*/
    height:50px;
    border-radius:10px;
    border:1px solid #fff;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#fff;
    height:5px!important
}


body {
    background-color:#ffffff;/*background color behind the box*/
}

a {
    color:#FF66CC;/*THE COLOR OF UNVISITED LINKS IN YOUR 'ABOUT' SECTION*/

    text-decoration:none;/*DON'T TOUCH*/
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
    -moz-transition-duration:1s;
}

a:visited {
    color:#E65CB8;
}

a:hover {
    color:#ffffff; /*THE COLOR OF LINKS IN YOUR 'ABOUT' SECTION WHEN YOU HOVER*/
    -webkit-transition-duration:1s;/*DON'T TOUCH*/
    -o-transition-duration:1s;
    -moz-transition-duration:1s;
}

#title {
    font-size:45px;/*SIZE OF TITLE*/

    text-align:left;/*don't touch*/
    font-weight:bold;
    font-family:Arial;
    letter-spacing:-3px;
    position:fixed;

    margin-left:445px;/*placment of the title*/
    margin-top:-53px;

    text-transform:lowercase;/*remove if you don't want a lowercase title*/

    text-shadow: 4px 4px pink;/*text shadow*/
}

#sammy {
    width:500px;/*don't touch*/
    height:300px;

    border:1px solid #FFC2FF;/*WIDTH, TYPE, AND COLOR OF BORDER*/
    border-style:double;/*makes the border two borders instead of one obvs*/
    border-width:6px;/*puts space in between the borders*/

    margin-top:160px;/*don't touch*/
    margin-left:440px;
    padding:5px;
    overflow:auto;

    background-color:#fff3ff;/*color inside the box*/
}

#dean {
    margin-top:-12px;/*no touchy*/
    line-height:167%;

    text-align:left;/*text align of your 'about'*/
    font-size:13px;/*size of your words and such*/
    font-family:calibri;/*font*/
}

#cas {
    width:180px;
}

#cas img {
    width:180px;/*width of your image*/

    padding-top:1px;/*don't touch*/
    padding:7px;
    padding-right:13px;
    opacity:.9;
}

#bobby {
    position:fixed;

    margin-left:690px;/*link placement*/
    margin-top:10px;
}

#bobby a {
    padding:8px;
    background-color:#fff3ff;/*background color of links*/
    font-size:11px;/*size of links*/
    text-transform:uppercase;/*remove if you don't want uppercase links*/
    color:black;/*color of links*/
}

#bobby a:hover {
    color:white;/*color of links on hover*/
    background-color:black;/*background color of links on hover*/
}

#rogue {            /*DON'T TOUCH EVER*/
position:fixed;
right:0px;
bottom:0px;
padding:4px;
text-transform:uppercase;
letter-spacing:2px;
font-size:9px;
margin-bottom:3px;
margin-right:3px;
border:1px solid;
border-color:#bbb;
background: #fff;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

#rogue:hover {
background: black;
color: white;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

#rogue a {
    color:gray;
}

</style><body>

<!---your title goes here--->
<div id="title"> TITLE </div>

<div id="sammy">
    <div id="dean">
        <div id="cas">

    <!---your image goes here--->
        <img src="YOUR IMAGE URL" align="left"/></div>

        <p>
Ah, yes, this is where you include all of your stuff. You can add as much as you want. If you go over, there will be a scrollbar. I recommend separating paragraphs with
    <br/>
line breaks.
    <br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu. Suspendisse ac pede. Cras tincidunt pretium felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.

        </p>


    </div>
</div>


<!---THESE ARE YOUR LINKS--->
<div id="bobby">
    <a href="LINK ONE URL">LINK1</a>
    <a href="LINK TWO URL">LNK2</a>
    <a href="LINK THREE URL">LINK3</a>
    <a href="LINK FORU URL">LINK4</a>
</div>

<!---DON'T TOUCH THIS--->
<div id="rogue"><a href="http://caskisses.tumblr.com" target="_blank">©LB</a></div>
</body></html>