html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form {margin: 0; padding: 0; font-size: 1em;}
ol, ul {list-style: none;}
hr {display: none;}
a {color: #000; outline: none;}
img {border: none;}
.hidden {display: none;}

html {font-size: 100.01%;}
body {width: 80%; min-width: 800px; max-width: 1000px; margin: 100px auto; background: #fff;
    color: #000; font: 70% Arial, Helvetica, sans-serif;}

#ie {position: absolute; top: 0; width: 100%; margin: 0 0 1em; padding: 1em; background: #eef726;
    font-size: 1.8em; font-style: italic;}

#head {margin: 0 0 30px; overflow: hidden;}

h1 {float: left; width: 7em; font-size: 3em; font-style: italic; cursor: default;}
h1 a {display: block; text-decoration: none;}

#tmenu {margin-left: 24em; padding-top: 0.5em; text-align: right;}
#tmenu li {display: inline; padding-left: 1em; font-size: 2em; font-style: italic; font-weight: bold;}
#tmenu a {text-decoration: none;}
#tmenu strong {color: #ccc; cursor: default;}

#body {position: relative;}

#foot {clear: both; margin: 30px 0 0; overflow: hidden; font-size: 1.6em; font-style: italic;}
#foot #hello {float: left; color: #3c3c3c;}
#foot #lang {float: right;}
#foot #lang strong {color: #818181; font-weight: normal; cursor: default;}

/* index */

#random {position: relative; left: 0.5%; margin: 50px 0 30px; overflow: hidden;}
#random li {float: left; width: 33%; height: 200px; overflow: hidden; text-align: center;}
#random li p {width: 200px; margin: 0 auto;}
#random li a, #random img {display: block;}

#rand {margin: 30px 0 50px; text-align: center; text-transform: lowercase;}
#rand a {display: block; width: 160px; height: 27px; margin: 0 auto; padding-top: 2px;
    background: url(/i/but_randomize.png) no-repeat; color: #3c3c3c; font-size: 1.6em;
    font-style: italic; text-decoration: none;}

/* collection */

#collections {overflow: hidden;}
#collections li {float: left; height: 59px; width: 59px; margin-right: 1%;}
#collections a {display: block; position: relative; width: 59px; height: 59px; overflow: hidden;
    font-size: 0.85em; text-align: center; text-decoration: none;}
#collections strong, #collections span {display: block; width: 59px; height: 16px; padding-top: 43px;}
#collections strong {background: #3c3c3c; color: #fff;}
#collections span {background: #fff; color: #3c3c3c;}
#collections em {position: absolute; top: 0; left: 0; width: 59px; height: 36px; padding-top: 23px;
    background-image: url(/i/bg_collections.png); background-repeat: no-repeat; font-style: normal;
    font-weight: normal;}
#collections .squares em {background-position: 0 0;}
#collections .squares strong em {background-position: 0 -59px;}
#collections .triangles em {background-position: -59px 0;}
#collections .triangles strong em {background-position: -59px -59px;}
#collections .circles em {background-position: -118px 0;}
#collections .circles strong em {background-position: -118px -59px;}

#collection {position: relative; height: 400px; padding-left: 100px;}
#collection ul {width: 120%; overflow: hidden; margin-left: -100px;}
#collection li {float: left; width: 16.65%; margin-top: 30px;}
#collection li .info {display: none;}

#shadow {position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%;}
#preview {position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 400px;
    background: #fff url(/i/loader.gif) 50% 50% no-repeat;}
#preview img {position: relative; top: 50%; display: block; margin: -200px auto;}
#preview .author {position: absolute; top: 50px; left: 0; font-size: 1.6em; font-style: italic;}
#preview .author strong {display: block; font-weight: normal;}
#preview .author em {display: block; color: #ccc;}
#preview .author a.web { color: #333; font-size: 0.6em; font-style: normal;}
#preview .arrows span {position: absolute; bottom: 0; width: 101px; height: 182px; overflow: hidden;
    background: url(/i/bg_arrows.png) no-repeat; text-indent: -1000px; cursor: pointer;}
#preview .arrows .prev {left: 0; background-position: 0 0;}
#preview .arrows .next {right: 0; background-position: -101px 0;}

.pages {float: left; position: relative; left: 50%; margin: -30px 0 30px;}
.pages p {position: relative; left: -50%; bottom: -60px; overflow: hidden;}
.pages strong, .pages a, .pages span {float: left; width: 27px; height: 28px; overflow: hidden;
    margin-right: 2px; padding: 2px 3px 0 0; background: url(/i/bg_pages.png) no-repeat;
    font-size: 1.7em; font-style: italic; text-align: center; text-decoration: none;}
.pages strong {background-position: 0 -30px; color: #fff; font-weight: normal;}
.pages a.arrow {text-indent: -1000px;}
.pages a.prev {margin-right: 0; background-position: -30px 0;}
.pages a.next {background-position: -30px -30px;}
.pages span {background: none;}


/* About */

#ok {margin: 0 0 1em; padding: 1em; background: #eef726; font-size: 1.8em; font-style: italic;}

#about-text, #upl {font-size: 1.8em; font-style: italic;}
#about-text h2 {font-size: 1.65em;}
#about-text h3, #about-text p, #upl h3 {margin: 1em 0;}

#credits {font-size: 1.2em; font-style: italic;}
#credits h3, #credits p h3 {margin: 1em 0;}

#upl h3 a {border-bottom: 2px dashed; text-decoration: none;}

#upl .row {overflow: hidden; margin: 0.5em 0;}
#upl input {width: 14.5em; font: 1em Arial, Helvetica, sans-serif;}
#upl label {float: left; width: 10em; padding-top: 0.2em;}
#upl .help, #upl .errorlist {margin: 0.25em 0 0 13.33em; font-size: 0.75em;}
#upl .help {color: #818181;}
#upl .errorlist {color: #f00;}
#upl img {vertical-align: -14px;}
#upl #id_code {width: 7em;}
#upl .controls {margin-left: 10em;}
#upl button {padding: 0.3em 1.5em; font: italic 1em Arial, Helvetica, sans-serif;}