html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
ol, ul {list-style:none;}

html, body {width:100%; height:100%; line-height:1;}
body {background:#000; font-family:"Arial Narrow", sans-serif; color:#fff;}

#overlay {width:100%; height:100%; position:fixed; top:0; left:0; background:url("images/dark/backgroundOverlay.png") repeat;}

#preloader {position:absolute; top:50%; left:50%; z-index:10; width:100px; height:70px; margin:-35px 0 0 -50px; text-indent:-999em; background:url("images/dark/loader.gif") no-repeat bottom center;}
#preloader-logo {width:100px; height:41px;}
#noscript h1 {position:absolute; top:20%; left:50%; z-index:10; width:600px; height:130px; margin:-65px 0 0 -300px; text-align:center;}

#wrapper {width:device-width; height:auto; margin:0 auto; overflow:hidden;}

#tileBlock {display:block; overflow:hidden; z-index:99;}
#tileBlock .inner {width:auto; height:auto; overflow:hidden; float:left;}

#contentWrapper {position:relative; left:0px; width:auto; height:auto; overflow:hidden; margin:10px 5px 0 5px; opacity:0; filter:alpha(opacity=0); display:none; background-image:url("images/noise.png");}
#contentWrapper .content {width:auto; height:auto; margin:20px auto; padding:0 10px;}
#contentWrapper .content .page .mainpage {overflow:hidden; opacity:0; filter:alpha(opacity=0); display:none;}

@media (min-width:40em) {
#tileBlock {position:fixed;}
#contentWrapper {width:64%; max-width:630px; margin:10px 5px 0 220px;}
}

h1,h2,h3,h4,h5,h6 {text-align:left; color:#fefefe; letter-spacing:0.1em;}

h1.pageHeading {z-index:10; width:300px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #333333;}

h1 {font-size:1.8em; text-transform:uppercase;}
h2 {font-size:1.5em; text-transform:uppercase;}
h3 {font-size:1.2em;}

p {font-size:0.9em; line-height:1.8em; text-align:left;}

a, a:visited {text-decoration:underline; outline:none; border:none; color:#fefefe;}

#footer {width:500px; height:20px; border-top:1px solid #333333; padding:10px; font-size:.6em;}

#footer a {color:#656565;}

.highlight {padding:2px 5px; background:#000; color:#fff;}

img, iframe {display:block;}

.book {width:140px; height:190px; float:left; margin:6px;}
.small-book {width:120px; height:190px; float:left; margin:5px;}

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.hide {display:none;}
.show {display:block;}
.right {float:right !important;}
.left {float:left !important;}