<style type="text/css">

::-webkit-scrollbar {
    width: 5px;
    background: #ECECEC;
    border-radius: 5;
}

::-webkit-scrollbar-thumb {
    background: #393a38;
    border-radius: 15px;
}

::-webkit-scrollbar-corner {    background: #323431 }

body {
    color: #625E68;
    font-family: "Tahoma";
    font-size: 10px;
    background-image: url("http://www.tester.glittersweet.net/auctions/background2.png"), url("http://www.tester.glittersweet.net/auctions/background.png");
    background-attachment: fixed;
    background-position: top left, top left;
    background-repeat: repeat-x, repeat;
    text-align: justify;
    line-height: 11px;
}

#container {
    position: relative;
    top: 7px;
    width: 646px;
    margin: 0 auto;
    background-color: #ededed;
    border: 1px solid #B7B7B7;
    padding: 6px;
    overflow: hidden;
}

#header {
    position: relative;
    float: right;
    background: url("http://www.tester.glittersweet.net/auctions/Stylesheets/Stylesheet2/header.png");
    width: 500px;
    height: 225px;
    border: 1px solid #B7B7B7;
}

#content {
    background: #f2f2f2;
    border: 1px solid #d1d1d1;
    padding: 2px;
    top: 4px;
    position: relative;
    float: left;
    width: 640px;
}

#sidebar {
    background: #f2f2f2;
    padding: 2px;
    border: 1px solid #d1d1d1;
    position: relative;
    float: right;
    width: 216px;
}

h1 {
    font: 22px georgia;
    text-transform: lowercase;
    text-align: left;
    letter-spacing: -1px;
    margin: 0 auto 1px;
    color: #2A2A2A;
    font-style: italic;
    border-bottom: 1px dashed #565656;
}

h1::first-letter {    color: #A6A6A6 }

h2 {
    padding: 3px;
    background: #565656;
    letter-spacing: 3px;
    font-size: 10px;
    font-family: "ernest";
    text-align: center;
    color: #B0B0B0;
    font-weight: normal;
    margin-top: -2px;
}

a:visited,
a:link,
a:active {
    text-decoration: none;
    color: #565656;
    font-family: arial;
    font-size: 10px;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
}

a:hover {    color: #ffffff }

a.nav,
a.nav:link,
a.nav:active,
a.nav:visited {
    color: #2A2A2A;
    background-color: #ff8be5;
    font-size: 10px;
    font-family: "ernest";
    line-height: 26.5px;
    letter-spacing: 1px;
    width: 130px;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: 1px;
    -moz-transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
}

a.nav:hover {
    letter-spacing: 3px;
    border-radius: 5px;
    background: #EDEDED;
}

a.nav:nth-child(4n+1) {    background-color: #a7a7a7 }

a.nav:nth-child(4n+2) {    background-color: #898989 }

a.nav:nth-child(4n+3) {    background-color: #6b6b6b }

a.nav:nth-child(4n+4) {    background-color: #565656 }

a.nav:nth-child(4n+1):hover,
a.nav:nth-child(4n+2):hover,
a.nav:nth-child(4n+3):hover,
a.nav:nth-child(4n+4):hover {    background-color: #ededed }

#navi {
    margin: 0 auto;
    background: #f2f2f2;
    border: 1px solid #d1d1d1;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding: 3px;
    width: 132px;
    float: left;
}

#footer {
    position: relative;
    text-align: center;
    margin: 0px;
    padding: 4px;
    clear: both;
}

a.affies:active,
a.affies:visited,
a.affies:link {
    display: block;
    font-size: 10px;
    font-family: "ernest";
    color: #2a2a2a;
    text-align: center;
    line-height: 12px;
    margin: 1px;
    background-color: #ff8be5;
    padding: 0px;
    text-decoration: none;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
}

a.affies:hover {
    letter-spacing: 1px;
    text-decoration: none;
    background-color: #F2F2F2;
}

a.affies:nth-child(4n+1) {    background-color: #a7a7a7 }

a.affies:nth-child(4n+2) {    background-color: #898989 }

a.affies:nth-child(4n+3) {    background-color: #6b6b6b }

a.affies:nth-child(4n+4) {    background-color: #565656 }

a.affies:nth-child(4n+1):hover,
a.affies:nth-child(4n+2):hover,
a.affies:nth-child(4n+3):hover,
a.affies:nth-child(4n+4):hover {    background-color: #ededed }

a.elite:link,
a.elite:active {
    display: inline-block;
    text-transform: uppercase;
    width: 30px;
    border: 2px solid #a6a6a6;
    color: #2a2a2a;
    line-height: 25px;
    font-family: "ernest";
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    background: #f2f2f2;
    margin: 2px;
    letter-spacing: 0px;
    transition: all 0.5s ease-out;
}

a.elite:hover {
    color: #f2f2f2;
    background: #f2f2f2;
    border: 2px solid #f2f2f2;
}

b {    color: #565656 }

i {    color: #565656 }

big {
    color: #565656;
    font-size: 16px;
    text-transform: uppercase;
}

strike {    color: #565656 }

u {
    text-decoration: none;
    border-bottom: 1px #ffffff dotted;
    color: #565656;
}

#content img,
#content a img {
    padding: 4px;
    background: url(http://tester.glittersweet.net/auctions/images.png) bottom center;
    opacity: 1;
    -moz-transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    margin: 3px;
}

#content img:hover,
#content a:hover img {
    background: url(http://tester.glittersweet.net/auctions/images.png) top center;
    opacity: 1;
    -moz-transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
}

blockquote {
    font-size: 10px;
    font-family: "ernest";
    width: 370px;
    border-radius: 5px;
    display: block;
    background: #444444;
    padding: 10px 15px 10px 40px;
    margin: 0 auto;
    position: relative;
    line-height: 1.2;
    color: #8e8e8e;
    text-align: justify;
}

#footer {
    top: 5px;
    margin: 0px auto;
    clear: both;
    text-align: center;
}


#footerbox {
float:left;
width:646px;
height:200px;
margin: -3px 0px 5px -4px;}

#box {
display: inline-block;
margin: 0px auto;
width: 311px;
height: 125px;
font-family: "Tahoma";
font-size: 10px;
border: 1px solid #d1d1d1;
background-color: #F2F2F2;}
</style></head>
<body>


<div id="container">

<div id="header"> </div>
<div id="navi">

<a href="/" class="nav">home</a>
<a href="/" class="nav">content</a>
<a href="/" class="nav">tutorials</a>
<a href="/" class="nav">link</a>
<a href="/" class="nav">link</a>
<a href="/" class="nav">link</a>
<a href="/" class="nav">link</a>
<a href="/" class="nav">host</a>
</div>

<div id="CONTENT">
<h1>This is header one</h1><b>Bold</b>, <i>italic</i>, <u>underline</u>, <strike>strike</strike>, <big>big</big>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius diam vitae erat efficitur dapibus. Aenean sed magna nisl. Nunc nulla nibh, lobortis eleifend ornare at, cursus nec diam. Fusce sollicitudin molestie sem eget lobortis. Nulla mollis molestie enim sit amet facilisis.
<br><br>

<blockquote> &rBarr; This is your blockquote</blockquote><br>

<h1>This is how images look</h1>
<center>
<img src="http://tester.glittersweet.net/auctions/icon.png">
<img src="http://tester.glittersweet.net/auctions/icon.png">
<img src="http://tester.glittersweet.net/auctions/icon.png">
<img src="http://tester.glittersweet.net/auctions/icon.png">
</center>
</div>

<div id="footer">
<div id="footerbox">
<table width="100%">
<td width="50%">
<div id="box">
	<h2>welcome</h2>
	<table width="100%"><tr><td align="left" width="50%">
<a class="affies" href="/">link</a>
<a class="affies" href="/">link</a>
<a class="affies" href="/">link</a>
<a class="affies" href="/">link</a>
			</td><td align="center" width="50%">
<a class="affies" href="/">link</a>
<a class="affies" href="/">link</a>
<a class="affies" href="/">link</a>
<a class="affies" href="/">link</a>
</td></tr></table></div>
</td>
<td width="50%">
<div id="box">
	<h2>welcome</h2>
	<b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a>
<p>"There will be days when I walk in an arena and people will cheer and then there might be days when I walk in an arena and people might boo, but it all sounds the same to me because it's all just noise that lets me know that I'm relevant." -Drake</p></div>
</div>
</td></table><br>
</div></div>