BIAS PAGE #3

<!--


    ʙɪᴀs ᴘᴀɢᴇ #3;
    © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
    [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]

    ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
    [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]


    - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
    - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴘᴀɢᴇ.


                                                                   -->

<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>

<style type="text/css">


#s-m-t-tooltip {display: block;background: #222;font:8px calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color:#fff;text-align: center;margin-left: 18px;padding:7px;min-width: 40px;max-width: 150px;z-index: 999999;}


::-webkit-scrollbar-track {background-color:#222; border:3px solid #fff;}
::-webkit-scrollbar-thumb {background-color:#222;}
::-webkit-scrollbar {width:7px;height:6px;}


body {background: #fff;line-height: 100%;color:#FFF;font: bold 35px 'oswald';text-transform: uppercase;}


a:link, a:active, a:visited {text-decoration:none;}

a{color:#fff;}
a:hover {color:#fff;}

#title{
    font: bold 68px 'oswald';
    text-transform: uppercase;
    padding:25px;
    color: #fff;
    text-align:center;
    line-height:95%;
    margin:auto;
    margin-top:30px;
    width:555px;
    background:#222;}


.box {
    width: 540px;
    margin-top:20px;
    margin:auto;
    margin-bottom: 50px;
    padding:25px 40px 25px 25px;}


#image {display:block;position:absolute;}
#image img{width:280px;height:133px;}

#image2 {display:block;position:absolute;margin-left:280px;}
#image2 img{width:280px;height:133px;}

#label_right {
    text-transform: uppercase;
    background:#222;
    margin-top:0px;
    margin-left:281px;
    width:270px;
    padding:0px 3px 0px 6px;}

#label_right_2 {
    background:#222;
    margin-top:-10px;
    margin-left:281px;
    width:190px;
    padding:0px 3px 0px 6px;
    margin-bottom:70px;}


#label_left {
    text-align:right;
    background:#222;
    margin-top:0px;
    margin-left:0px;
    width:270px;
    padding:0px 6px 0px 3px;}

#label_left_2 {
    text-align:right;
    background:#222;
    margin-top:-10px;
    margin-left:80px;
    width:190px;
    padding:0px 6px 0px 3px;
    margin-bottom:70px;}

.links{
        position:fixed;
        letter-spacing:1px;
        left:10px;
        bottom:10px;}

.links a{
        background:#222;
        text-transform:uppercase;
        color:#fff;
        display:block;
        width:60px;
        font: 8px calibri;
        margin-bottom:5px;
        padding:2px;
        text-align:center;}


</style>
</head>
<body>


<div class="links">
<a href="/">home</a>
<a href="/ask">message</a>
<a href="http://chcodes.tumblr.com/" title="coded by chloe">soonco</a>
</div>


<!-------------    TITLE     ------------>
<div id="title">
    TITLE HERE
</div>


<div class="box">


<!-------------    ONE     ------------>
<div id="image">

    <img src="IMAGE URL HERE"/>

</div>

<div id="label_right">
    <a href="/">#NAME </a>
</div>

<div id="label_right_2">
    BAND/SHOW
</div>


<!-------------    TWO     ------------>
<div id="image2">

    <img src="IMAGE URL HERE"/>

</div>

<div id="label_left">
    <a href="/">#NAME </a>
</div>

<div id="label_left_2">
    BAND/SHOW
</div>


<!-------------    THREE     ------------>
<div id="image">

    <img src="IMAGE URL HERE"/>

</div>

<div id="label_right">
    <a href="/">#NAME </a>
</div>

<div id="label_right_2">
    BAND/SHOW
</div>


</div>


</body>
</html>