<style type="text/css">
html { margin:0; padding:0; overflow-x:hidden; overflow-y:scroll; }
body { margin:0; padding:0; overflow-x:hidden; overflow-y:scroll; font:85% "Courier New", Courier, monospace; line-height:150%; }

a { text-decoration:none; color:black; outline:0; }
a:hover { text-decoration:none; color:darkgray; outline:0; }
a.two { text-decoration:none; color:white; outline:0; letter-spacing:2px; }
a.two:hover { text-decoration:none; color:white; outline:0; letter-spacing:2px; }

::selection { color:white; background:black; }
::-moz-selection { color:white; background:black; }
::-webkit-scrollbar { width:13px; }
::-webkit-scrollbar-track { background:white; border-top:30px solid black; }
::-webkit-scrollbar-thumb { background:black; min-height:30px; }

img { border:0; outline:0; }

#header { position:fixed; width:100%; height:30px; margin-top:0px; z-index:1; background-color:black; }
#title  { position:absolute; margin-top:6px; width:100%; text-align:center; z-index:2; }
#text   { display:block; margin-left:auto; margin-right:auto; text-align:left; max-width:600px; }
#footer { clear:both; text-align:center; }

.item     { width:100%; padding-top:80px; padding-bottom:10%; }
.itemname { color:white; background-color:black; letter-spacing:2px; padding-left:2px; }
.item img { width:100%; margin-top:2%; margin-bottom:2%; display:block; }
.back     { width:100%; display:block; padding-bottom:80px; }

/* S M A L L */
@media all and (max-width:750px)
{
#left    { display:none; }
#right   { display:none; }
#small   { display:block; float:left; width:86%; margin-left:7%; margin-right:7%; text-align:center; }
}

/* M E D I U M */
@media all and (min-width:751px) and (max-width:1400px)
{
#left    { display:none; }
#right   { display:none; }
#small   { display:block; float:left; width:76%; margin-left:12%; margin-right:12%; text-align:center; }
}

/* L A R G E */
@media all and (min-width:1401px) and (max-width:2100px)
{
#left    { display:block; float:left; width:26%; margin-left:5%; position:fixed; text-align:center; }
#right   { display:block; float:left; width:58%; margin-left:37%; margin-right:5%; text-align:center; }
#small   { display:none; }
}

/* X - L A R G E */
@media all and (min-width:2101px)
{
#left    { display:block; float:left; width:22%; margin-left:11%; position:fixed; text-align:center; }
#right   { display:block; float:left; width:50%; margin-left:39%; margin-right:11%; text-align:center; }
#small   { display:none; }
}

</style>