Ikon ver. 2

<!---

                     Page #1: Ikon ver. 2
                Page by Gwendolyn @ luhands-themes
                  Please do NOT remove the credit
                    Any questions? Ask here:
                getyourluhandsonme.tumblr.com/faq
                              or
                  luhandsthemes.tumblr.com/faq
                                                    --->

<!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 href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>

<style type="text/css">


::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background:{color:background};
}

::-webkit-scrollbar-thumb{background:{color:scrollbar};}
::-webkit-scrollbar-track{background:{color:bg};
 }

body {
margin:0px;
color: gray;
background-color: #fff;
}

/*Links*/
a:link, a:active, a:visited{color:black; text-decoration:none;}
a:hover{color:black;}

#title{
    position:absolute;
    color:#bde9f3;
    font:400 40px 'play';
    text-transform:uppercase;
    letter-spacing: 2px;
    text-align:right;
    top:200px;
    margin-left:620px;
}

p.speech{
        position: relative;
        margin: auto;
        margin-top: 250px;
        width: 300px;
        height: 150px;
        text-align: center;
        font-family: 'Play', sans-serif;
        color: black;
        line-height: 20px;
        background-color: #fff;
        border: 3px solid #666;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 2px 2px 4px #888;
        -moz-box-shadow: 2px 2px 4px #888;
        box-shadow: 2px 2px 4px #888;
}

p.speech:before{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 30px;
        top: 150px;
        border: 22px solid;
        border-color: #666 transparent transparent #666;
}

p.speech:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 33px;
        top: 150px;
        border: 18px solid;
        border-color: #fff transparent transparent #fff;
}

#sideimg img {
    max-width:150px;
    height:auto;
    margin-left:420px;
    margin-top:50px;
    border-radius:150px;
    border: 1px double;
    padding:5px;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

.credit {
    position:fixed;
    bottom:4px;
    right:8px;
    font: 9px consolas;
    border:1px solid #666;
    text-transform:uppercase;
    letter-spacing: 0px;
    padding: 2px;
}

.links {
    width:300px;
    margin-right:10px;
    margin-top:10px;
    position:fixed;
    display:block;
    padding:10px;
    padding-top:5px;
}

.links a{
    display:inline-block;
    width:70px;
    height:20px;
    margin:3px;
    background-color:#eee;
    border-radius: 20px;
    border:2px solid #666;
    box-shadow: 2px 2px 4px #888;
    font-family: 'Play', sans-serif;
    color:#000;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:2px;
    text-align:center;
}

.links a:hover{
    background-color: #666;
    color: #fff;
}

.credit a{
    color: #000;
    opacity:0.8;
}

</style>
</head>

<body>

<div class="links">
<a href="/">home</a><br>
<a href="/ask">ask</a><br>
<a href="/">link 1</a><br>
</div>

<div id="title">About</div>

<p class="speech"><br>&nbsp;

!!DESCRIPTION GOES HERE!!

<p>

<!--- For Best Quality image should be at least 150x150 --->
<div id="sideimg"><img src="IMG URL HERE"></div>

<!--- Do Not Touch Credit! Thank you!!--->
<div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>

</body>

</html>