Wide dead area caused by the html

 @import "http://static.wikidot.com/common--theme/shiny/css/style.css"; /* CONTAINERS ------------------------------*/ div#container-wrap { background-image: none; background-repeat:repeat-x; } #content-wrap { margin:20px 0 auto; width:100%; min-height:1px; } /* HEADER ------------------------------*/ #header{ background-color:#000000; background-image:url(http://mythos-hub.wikidot.com/local--files/start/headerlmao.png); background-position:left bottom; background-repeat:no-repeat; border-top:8px solid white; border-bottom:22px solid white; height:118px; width:100%; } #header h1{ display:none; } #header h2{ display:none; } /* SIDE BAR ------------------------------*/ #side-bar { border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; background-color:black; border:4px solid #FFFFFF; clear:both; margin:0 0 0 1em; padding:1em; width:14em; clear:left; float:left; } /* TOP BAR */ #top-bar { position: absolute; z-index: 50; top: 140px; right: 0; height: 21px; line-height: 18px; padding: 0; z-index: 20; font-size: 90%; } #top-bar ul { float: left; } #top-bar a { color: #6f6f6f; background: transparent; text-decoration: underline dotted; font-weight: bold; } #top-bar ul li, #top-bar ul li ul { border-width: 0px 0 0; border-color: black; border-style: solid; } #top-bar ul li a { border-style: solid; border-color: black; border-width: 2px 4px 2px 4px; text-decoration: none; padding-top: 10px; padding-bottom: 10px; line-height: 1px; max-height: 1px; overflow: hidden; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: white; color: #6f6f6f; text-decoration: underline dotted; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-width: 0; width: 150px; border-top: 2px solid black; line-height: 160%; height: auto; max-height: none; padding-top: 0; padding-bottom: 0; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: white; color: #6f6f6f; text-decoration: underline; } #top-bar ul li ul { border-width: 2px 4px 2px 4px; width: auto; } #top-bar ul li ul li, #top-bar ul li ul li.sfhover, #top-bar ul li ul li, #top-bar ul li ul li:hover { border-width: 0; } #top-bar ul li ul li a { border-width: 0; } #top-bar ul li ul a, #top-bar a:hover { color: #6f6f6f; text-decoration: underline; } /* LOGIN STATUS ------------------------------*/ #login-status { color:#FFFFFF; font-size:100%; z-index:30; overflow:visible; position:absolute; right:10px; top:10px; z-index:25; } #login-status a { background:transparent none repeat scroll 0 0; color:#6f6f6f; } /* MAIN BODY & CONTENT ------------------------------*/ body { background:#000000 url() repeat scroll center top; width:100%; color:#FFFFFF; padding:0; } #main-content { background-image:none; background-repeat: no-repeat; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; background-color:#000000; border:4px solid #FFFFFF; margin:0 2em 0 20em; padding-left:2em; padding-right:2em; padding-top:2em; } blockquote { background-color: #2b2b2b; } /* COMMON */ #content-wrap { margin-top: 2em; } h1, #page-title { color: #901; padding: 0 0 0.25em; margin: 0 0 0.6em; font-weight: normal; } h1 { margin-top: 0.7em; color: #c7c7c7; padding: 0; font-weight: bold; } h2, h3, h4, h5, h6, h7 { margin: 0.5em 0 0.4em; padding: 0; letter-spacing: 1px; } #page-title { border-color: #bbb; color: #6f6f6f; } ul { /*list-style-image: url(../images/bullet.gif);*/ list-style: square; } #top-bar ul { /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */ } li, p { line-height: 141%; } a { color: #6f6f6f; text-decoration: underline dotted; } a.newpage { color: #383838; text-decoration: underline overline dotted; } a:hover { text-decoration: underline; background-color: transparent; } a.newpage:hover { text-decoration: underline overline; background-color: transparent; }