html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	background: #000 url(../gfx/paper.gif) center center no-repeat;
	}

#afd {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 102px;
	height: 101px;
	background: url(../gfx/wall_afd.gif) 0 0 no-repeat;
	}

#afd:hover {
	background-position: 0 -101px;
	cursor: pointer;
	}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -270px 0 0 -350px;
	width: 700px;
	height: 540px;
	}

#emmerrrrrrr, #flamed, #laurensh1, #star-fighter, #zatley, #legolas, #jole, #cjames, #luucaz, #thantos, #magnea, #ticker, #rom, #english, #dutch, #headlines, #key, #elevator, #badge, #colorbox_gfx {
	display: none;
	}

#login, #msgboard, #map, #ladder, #about, #faq, #news, #upd, #rss, #twit, #links, #meta, #download {
	background-image: url(../gfx/wall_txt.gif) !important;
	}

#secret, #archive, #alt, #history, #trax, #sulake, #stack, #frank, #view, #real, #dump, #hall_1, #hall_2, #buzz, #charts, #history, #sketch, #check, #tips, #whoops, #facts, #docs, #attic, #exec, #archive {
	background-image: url(../gfx/wall_frames.png) !important;
	}

a:link, a:visited, a:active {
	display: block;
	position: absolute;
	overflow: hidden;
	}

a:hover, a:focus {
	}

* {
	outline: none;
	}

img {
	border: 0;
	}

#themes {
	position: absolute;
	width: 54px;
	height: 9px;
	top: 528px;
	left: 617px;
	}

#themes a {
	display: block;
	position: relative;
	width: 9px;
	height: 9px;
	float: left;
	border-radius: 4px;
	text-indent: -5000px;
	margin: 0 2px 0 0;
	opacity: 0.8;
	filter: alpha(style=0,opacity=80);
	}

#themes a:hover {
	opacity: 1.0;
	filter: alpha(style=0,opacity=100);
	box-shadow: 0 0 3px #FFF;
	}

#themes a#pick_wall {
	background: #9F5D18;
	}

#themes a#pick_burger {
	background: #F90;
	}

#themes a#pick_ole {
	background: #A5B790;
	}

#themes a#pick_lib {
	background: #4F3616;
	}

#themes a#pick_retro {
	background: #FAD92A;
	}

#themes a#pick_lido {
	margin-right: 0;
	background: #9CCEFF;
	}

#trax {
	top: 64px;
	left: 550px;
	width: 103px;
	height: 123px;
	text-indent: -5000px;
	background-position: 0 0;
	}

#trax:hover {
	background-position: 0 -124px;
	}

#stack {
	top: 182px;
	left: 54px;
	width: 91px;
	height: 101px;
	text-indent: -5000px;
	background-position: -104px 0;
	}

#stack:hover {
	background-position: -104px -124px;
	}

#frank {
	top: 308px;
	left: 512px;
	width: 129px;
	height: 80px;
	text-indent: -5000px;
	background-position: -196px 0;
	}

#frank:hover {
	background-position: -196px -124px;
	}

#view {
	top: 250px;
	left: 152px;
	width: 106px;
	height: 73px;
	text-indent: -5000px;
	background-position: -326px 0;
	}

#view:hover {
	background-position: -326px -124px;
	}

#real {
	top: 202px;
	left: 468px;
	width: 97px;
	height: 91px;
	text-indent: -5000px;
	background-position: -433px 0;
	}

#real:hover {
	background-position: -433px -124px;
	}

#dump {
	top: 162px;
	left: 252px;
	width: 109px;
	height: 82px;
	text-indent: -5000px;
	background-position: -531px 0;
	}

#dump:hover {
	background-position: -531px -124px;
	}

#hall_1 {
	top: 123px;
	left: 374px;
	width: 80px;
	height: 95px;
	text-indent: -5000px;
	background-position: -641px 0;
	}

#hall_1:hover {
	background-position: -641px -124px;
	}

#hall_2 {
	top: 348px;
	left: 209px;
	width: 89px;
	height: 89px;
	text-indent: -5000px;
	background-position: -722px 0;
	}

#hall_2:hover {
	background-position: -722px -124px;
	}

#sulake {
	top: 234px;
	left: 369px;
	width: 59px;
	height: 53px;
	text-indent: -5000px;
	background-position: -813px 0;
	}

#sulake:hover {
	background-position: -813px -124px;
	}

#buzz {
	top: 117px;
	left: 305px;
	width: 60px;
	height: 36px;
	text-indent: -500px;
	background-position: -873px 0;
	}

#buzz:hover {
	background-position: -873px -124px;
	}

#charts {
	top: 48px;
	left: 204px;
	width: 90px;
	height: 106px;
	text-indent: -5000px;
	background-position: -934px 0;
	}

#charts:hover {
	background-position: -934px -124px;
	}

#history {
	top: 33px;
	left: 308px;
	width: 73px;
	height: 65px;
	text-indent: -5000px;
	background-position: -1025px 0;
	}

#history:hover {
	background-position: -1025px -124px;
	}

#alt {
	top: 291px;
	left: 396px;
	width: 98px;
	height: 106px;
	text-indent: -5000px;
	background-position: -1099px 0;
	}

#alt:hover {
	background-position: -1099px -124px;
	}

#sketch {
	top: 358px;
	left: 310px;
	width: 68px;
	height: 117px;
	text-indent: -5000px;
	background-position: -1198px 0;
	}

#sketch:hover {
	background-position: -1198px -124px;
	}

#check {
	top: 212px;
	left: 592px;
	width: 49px;
	height: 86px;
	text-indent: -5000px;
	background-position: -1267px 0;
	}

#check:hover {
	background-position: -1267px -124px;
	}

#secret {
	top: 95px;
	left: 462px;
	width: 77px;
	height: 94px;
	text-indent: -5000px;
	background-position: -1317px 0;
	}

#secret:hover {
	background-position: -1317px -124px;
	}

#tips {
	top: 162px;
	left: 154px;
	width: 78px;
	height: 79px;
	text-indent: -5000px;
	background-position: -1395px 0;
	}

#tips:hover {
	background-position: -1395px -124px;
	}

#whoops {
	top: 407px;
	left: 395px;
	width: 56px;
	height: 72px;
	text-indent: -5000px;
	background-position: -1474px 0;
	}

#whoops:hover {
	background-position: -1474px -124px;
	}

#facts {
	top: 82px;
	left: 76px;
	width: 114px;
	height: 67px;
	text-indent: -5000px;
	background-position: -1531px 0;
	}

#facts:hover {
	background-position: -1531px -124px;
	}

#docs {
	top: 402px;
	left: 514px;
	width: 81px;
	height: 100px;
	text-indent: -5000px;
	background-position: -1646px 0;
	}

#docs:hover {
	background-position: -1646px -124px;
	}

#attic {
	top: 257px;
	left: 269px;
	width: 96px;
	height: 77px;
	text-indent: -5000px;
	background-position: -1728px 0;
	}

#attic:hover {
	background-position: -1728px -124px;
	}

#exec {
	top: 412px;
	left: 94px;
	width: 104px;
	height: 92px;
	text-indent: -5000px;
	background-position: -1825px 0;
	}

#exec:hover {
	background-position: -1825px -124px;
	}

#archive {
	top: 332px;
	left: 124px;
	width: 71px;
	height: 71px;
	text-indent: -5000px;
	background-position: -1930px 0;
	}

#archive:hover {
	background-position: -1930px -124px;
	}

#login {
	top: 527px;
	left: 29px;
	width: 24px;
	height: 11px;
	text-indent: -5000px;
	opacity: 0.8;
	filter: alpha(style=0,opacity=80);
	}

#login:hover {
	opacity: 1.0;
	filter: alpha(style=0,opacity=100);
	}

#msgboard {
	top: 527px;
	left: 53px;
	width: 67px;
	height: 11px;
	text-indent: -5000px;
	background-position: -24px 0;
	}

#msgboard:hover {
	background-position: -24px -11px;
	}

#map {
	top: 527px;
	left: 120px;
	width: 23px;
	height: 11px;
	text-indent: -5000px;
	background-position: -91px 0;
	}

#map:hover {
	background-position: -91px -11px;
	}

#ladder {
	top: 527px;
	left: 143px;
	width: 71px;
	height: 11px;
	text-indent: -5000px;
	background-position: -114px 0;
	}

#ladder:hover {
	background-position: -114px -11px;
	}

#about {
	top: 527px;
	left: 214px;
	width: 48px;
	height: 11px;
	text-indent: -5000px;
	background-position: -185px 0;
	}

#about:hover {
	background-position: -185px -11px;
	}

#faq {
	top: 527px;
	left: 262px;
	width: 36px;
	height: 11px;
	text-indent: -5000px;
	background-position: -233px 0;
	}

#faq:hover {
	background-position: -233px -11px;
	}

#news {
	top: 527px;
	left: 298px;
	width: 39px;
	height: 11px;
	text-indent: -5000px;
	background-position: -294px 0;
	}

#news:hover {
	background-position: -294px -11px;
	}

#upd {
	top: 527px;
	left: 337px;
	width: 28px;
	height: 11px;
	text-indent: -5000px;
	background-position: -333px 0;
	}

#upd:hover {
	background-position: -333px -11px;
	}

#rss {
	top: 527px;
	left: 365px;
	width: 35px;
	height: 11px;
	text-indent: -5000px;
	background-position: -361px 0;
	}

#rss:hover {
	background-position: -361px -11px;
	}

#twit {
	top: 527px;
	left: 400px;
	width: 21px;
	height: 11px;
	text-indent: -5000px;
	background-position: -396px 0;
	}

#twit:hover {
	background-position: -396px -11px;
	}

#links {
	top: 527px;
	left: 421px;
	width: 45px;
	height: 11px;
	text-indent: -5000px;
	background-position: -417px 0;
	}

#links:hover {
	background-position: -417px -11px;
	}

#meta {
	top: 527px;
	left: 466px;
	width: 60px;
	height: 11px;
	text-indent: -5000px;
	background-position: -462px 0;
	}

#meta:hover {
	background-position: -462px -11px;
	}

#download {
	top: 527px;
	left: 526px;
	width: 63px;
	height: 11px;
	text-indent: -5000px;
	background-position: -522px 0;
	}

#download:hover {
	background-position: -522px -11px;
	}

#noscript {
	left: 105px;
	top: 460px;
	width: 17px;
	height: 17px;
	text-indent: -5000px;
	background-position: -544px 0;
	}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#colorbox {margin-top: -16px;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#630;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background: transparent;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:transparent; padding:1px;}
        #cboxLoadingGraphic{background:url(../gfx/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:transparent;}
        #cboxTitle{position:absolute; top:0px; left:30px; color:#8A6234;font-family:'Trebuchet MS', trebuchet, verdana, arial; font-size: medium; font-variant: small-caps;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:0; left:1px; background:url(../gfx/colorbox.gif) no-repeat top left; width:50px; height:544px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position: bottom left;}
        #cboxNext{position:absolute; top:0; right:2px; background:url(../gfx/colorbox.gif) no-repeat -50px 0; width:50px; height:544px; text-indent:-9999px;}
        #cboxNext:hover{background-position: -50px -544px;}
        #cboxClose{position:absolute; top: 15px; right:22px; display:block; background:url(../gfx/colorbox.gif) no-repeat -100px 0; width:20px; height:20px; text-indent:-9999px;}
        #cboxClose:hover{background-position: -100px -20px;}