BIAS PAGE THEME

<!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 rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

<style type="text/css">

body{
background-color:#fff;
font-family:'Oswald', sans-serif;
font-size:10px;
text-transform:uppercase;
color:#888;
}

a{
text-decoration:none;
color:#fff;
}

#backgroundleft {
    background: #888;
    position:fixed;
    left:0px;
    top:0px;
    width:310px;
    height:100%;
    border-right: 4px double #000;
}

#sidecont {
    position: fixed;
    width: 200px;
    padding: 10px;
    margin-left: 25px;
    margin-top: 140px;
}

#sidebar {
    width: 200px;
    background: #888;
}

#sidebar img {
    width:200px;
    border: 4px double #fff;
    margin-top:10px;
}

.desc {
    margin-top: 12px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
}

ul {
    list-style-type: katakana;
    width: 200px;
    overflow: hidden;
    margin-left:10px;
    margin-top:25px;
}

#title {
    width: 180px;
    padding: 0px 10px;
    text-align: right;
    font-family: 'Oswald', sans-serif;
    font-size: 23px;
    margin-top: -20px;
    margin-left:20px;
}

#title a {
    color: #fff;
}

#title a:hover {
    color: #000;
}

#bias{
    float:left;
    width:150px;
    margin-left:15px;
    margin-right:15px;
    margin-top:30px;
}

#box{
    margin-left:133px;
    margin-top:8%;
}

#image{
    background-color: #888;
    width:150px;
    height:150px;
    padding:5px 5px 5px 5px;
    border-radius: 2px 2px 2px 2px;
    border: 4px double #fff;
}

#name{
    width:130px;
    padding: 2px 4px 2px 4px;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:10px;
    background:#888; /* name bg colour */
    font-family:'Oswald', sans-serif;
    font-size:10px;
    letter-spacing:1px;
    color:#aad0d0; /* name font colour */
    text-align:center;
    border: 4px double #fff;
    border-radius: 2px 2px 2px 2px;
}

</style>
</head>
<body>

<div id="backgroundleft"></div>

<div id="sidecont">
<div id="title"><a href="/">Bias Page</a></div>
<div id="sidebar">
<a href="/"><img src="http://data.whicdn.com/images/116521949/large.jpg"></a>
        <div class="desc"><center>description goes here</center></div>
        </div>
   <div style="float: left; width: 50%;">
   <ul>
   <li><a href="/">one</a>
   <li><a href="/">two</a>
   <li><a href="/">three</a>
   <li><a href="/">four</a>
   </ul>
   </div>

    <div style="float: left; width: 50%;">
    <ul>
    <li><a href="/">five</a>
    <li><a href="/">six</a>
    <li><a href="/">seven</a>
    <li><a href="/">eight</a>
    </ul>
    </div>
    </div>

<table border="0" cellpadding="0" cellspacing="0" align="center">


<!--START OF FIRST ROW-->
<tr><td>


<div id="bias">
<center><div id="image"><img src="http://images6.fanpop.com/image/photos/37400000/-G-Dragon-icons-for-Kat-gdragon-sunny-cat-37415305-150-150.jpg"/></div></center>
<div id="name">name</div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/83gVyKX.png"><div></center>
<div id="name">name</div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://41.media.tumblr.com/180933629f307147e9f5a144b8158246/tumblr_inline_no44khLT7a1sb4p6n_540.jpg"/></div></center>
<div id="name">name</div>
</div>
</div>

<div id="bias">
<center><div id="image"><img src="http://images6.fanpop.com/image/photos/34900000/Daehyun-daehyun-34930988-150-150.png"/></div></center>
<div id="name">name</div>
</div>
</div>

</td></tr>
<!--END OF FIRST ROW-->


<!--START OF SECOND ROW-->
<tr><td>


<div id="bias">
<center><div id="image"><img src="http://images6.fanpop.com/image/photos/35300000/-Luna-f-x-35387413-150-150.png"/></div></center>
<div id="name">name</div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://t08.deviantart.net/tL9VE0qcJttRk7i94awkAe8NKN0=/fit-in/150x150/filters:no_upscale():origin()/pre04/4fc4/th/pre/f/2015/224/a/8/hyuna_icon__by_queenofpunk-d95glb1.png"/></div></center>
<div id="name">name</div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-19/s150x150/12063151_106295163067986_1994000355_a.jpg"/></div></center>
<div id="name">name</div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://2.bp.blogspot.com/-aHCKLXUrK8Q/VHcZPEnNw0I/AAAAAAAApR0/FQeeQcJqlQU/s150-c/10385557_513399952135737_431864420580542666_n.jpg"/></div></center>
<div id="name">name</div>
</div>
</div>

</td></tr>
<!--END OF SECOND ROW-->
</table>


</body>
</html>