page 03 "noah"

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

<!-- @shayofrp -->

<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--*/


    body {
    font-style:none;
    background-color:#acb1ae;
    font-family:arial;
    font-size:9px;
    }


    a {
    color:#color;
    text-decoration:none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    a:hover {
    color:#color;
    text-decoration:none;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    }

    img {
    border:none;
    }

    li { margin-left:10px;}

    h1 {
    font-size:10px;
    }

   /*--Cursor code--*/


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

    /*everything*/

    #everything {
    margin-left:250px;
    margin-top:50px;
    }

    /*--title--*/

    #title {
    margin-top:0px;
    margin-left:0px;
    padding:2px;
    width:600px;
    z-index:-100000;
    height:100px;
    }

    #about{
        margin-top:293px;
        z-index:100000;
        width:237px;
        padding:5px;
        background-color:#dcddbf;
    }

    #tweet{
        margin-top:3px;
        margin-left:250px;
        z-index:100000;
        width:237px;
        height:103px;
        padding:5px;
        background-color:#dcddbf;
    }

    /*--links--*/

    #links {
    width:660px;
    padding:5px;
    font-family:arial;
    text-transform:lowercase;
    text-align:center;
    margin-top:-128px;
    margin-left:0px;
    background-color:#988080;
    }

    #links a {
    padding:5px;
    font-size:9px;
    color:#dedec0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

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

    /**faq**/
    #faq{
        position:absolute;
        margin-left:250px;
        width:400px;
        height:265px;
        padding:10px;
        background-color:#dcddbf;
        margin-top:4px;}

    .header{font-size:14px;
    text-transform:uppercase;
    margin-left:2px;
    padding:5px;
    font-family:courier;
    color:#e4e4da;
    background-color:#947777;}

    .answer{font-size:9px;
    margin-top:2px;
    margin-bottom:2px;
    border-left:1px solid #ddddbf;
    margin-left:5px;
    padding:5px;
    font-family:arial;
    color:#9a8484;
    background-color:#b4beb8;}

 #connections{
        position:absolute;
        margin-left:250px;
        width:400px;
        height:265px;
        padding:10px;
        background-color:#dcddbf;
        margin-top:293px;}

    {CustomCSS}

    </style></head>


<body>

<div id="everything">

<div id="title"><img src="http://i59.tinypic.com/24zehb9.gif"></div>

<div id="links">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="http://shayofrp.tumblr.com">CREDIT </a>
</div>
<div id="faq">

<div style="overflow:auto; height: 260px;  "><div class="header">SHORT HEADER LONG HEADER
</div>

<div class="answer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

</div>

<!--for another header, copy from here-->
<div class="header">SHORT HEADER LONG HEADER </div>

<div class="answer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

 </div>
<!--to here-->

    <div class="header">SHORT HEADER LONG HEADER
</div>

    <div class="answer"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

</li>
    </div></div></div>

    <div id="connections">

<div style="overflow:auto; height: 260px;  "><div class="header">CONNECTION NAME
</div>

<div class="answer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

</div>

<div class="header">CONNECTION NAME
</div>

<div class="answer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

</div>

<!--for another header, copy from here-->
<div class="header">CONNECTION NAME
</div>

<div class="answer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mauris turpis, interdum non euismod eget, faucibus ac velit. Vivamus et dui ante. Aenean quis tellus tempor, molestie diam eu, lobortis nulla. Donec vestibulum imperdiet tellus, ut elementum nulla facilisis eget. Nulla ut rutrum enim. Pellentesque ac varius nisi. Curabitur vitae rhoncus velit, non interdum eros. Maecenas nec quam pretium, dignissim mi et, dapibus lectus. Maecenas vitae risus porttitor, ultricies sem id, rhoncus nunc.

</div>
<!--to here-->

</div></div>
<div id="about">
    <div class="header">NAME</div>
<div class="answer">Noah Carlisle.</div>
    <div class="header">age</div>
<div class="answer">Eighteen.</div>
<div class="header">LABEL</div>
<div class="answer">"The Star Football Player"</div>
</div>
</div>
<div id="tweet"><div style="overflow:auto; height: 100px;  "><div class="header"><img align="left" src="http://i59.tinypic.com/11hwae0.png"><big>@KINGNOAH</big>
<br>
<small><small>340 following 2039 followers</small></small>
</div>
<div class="answer">@kingnoah i think i fractured my butt trying to lift 200 i'll never be one of the big guys</div>
<div class="answer">@kingnoah good game today guys goo titans</div>
<div class="answer">@kingnoah i've never wanted to eat buttery popcorn so much in my life kill me now</div>
    </div></div>
</body>
</html>