html { overflow:hidden; } html, body { margin:0px; padding:0px; height:100%; } body { background-color:black; } p, a, div, h1, h3, h4, li { font:11px/20px Verdana,sans-serif; margin:0px; padding:0px; } h1 { font-weight:bold; } h2 { font:20pt sans-serif; margin:0px 0px 20px 0px; padding:0px; } a { color:white; text-decoration:none; padding:3px 1px 4px 1px; cursor:pointer; } a:hover { background-color:#999; } ul { list-style:none; margin:0px; padding:0px; } #header { position:fixed; top:0px; left:0px; width:100%; height:94px; color:#999; background-color:black; overflow:hidden; z-index:2; } #headerCollapse { display:none; position:absolute; top:4px; left:50%; width:590px; height:24px; margin-left:-205px; text-align:right; } #headerArrow { position:absolute; left:50%; width:28px; height:28px; margin-left:405px; background:black url('/assets/images/arrow_up_white.gif') no-repeat center center; cursor:pointer; } #headerPreview { position:absolute; top:0px; left:50%; width:172px; height:94px; margin-left:-385px; overflow:hidden; } #headerPreviewInner h1 a span, #headerPreviewInner p { display:none; } #headerPreviewInner h1 a { display:block; height:94px; width:172px; padding:0px; background:none; } #headerLinks { position:absolute; top:0px; left:50%; width:590px; height:94px; margin-left:-190px; padding-top:16px; overflow:hidden; } #linksColumns { float:right; } #linksCol1 { margin-right:5px; } #linksCol1, #linksCol2, #linksCol3, #linksCol4, #linksCol5 { float:left; width:96px; padding-left:20px; white-space:nowrap; } #content { z-index:1; } #content { top:94px; left:0px; bottom:28px; right:0px; width:100%; color:white; background-color:black; } #contentAlt { position:absolute; top:50%; left:50%; width:300px; margin-top:-80px; margin-left:-150px; text-align:center; } #contentAlt a { background-color:#666; } #contentAlt a:hover { color:black; background-color:white; } .descrip { display:none; } #footer { position:fixed; left:0px; bottom:0px; width:100%; height:28px; color:white; background-color:black; overflow:hidden; z-index:3; } #footerLinks { position:absolute; top:4px; right:50%; margin-right:-385px; text-align:right; } #footerCopy { position:absolute; top:0px; left:50%; width:172px; height:28px; padding-top:4px; margin-left:-385px; text-align:center; } #copyLink:hover { background:none; } #aboutLink:hover { background-color:#49E; } #mtLink:hover { background-color:#555; } #homeLink:hover { background-color:#333; } #flashearthLink:hover { background-color:#12171A; } #planetariumLink:hover { background-color:#0B1A39; } #gamesLink:hover { background-color:#F09; } #imaginationLink:hover { background-color:#E00; } #fractalLink:hover { background-color:#090; } #televisionLink:hover { background-color:#666; } #strobeLink:hover { color:black; background-color:#FFF; } #anaglyphLink:hover { background-color:#333; } #dandelionLink:hover { background-color:#7F9BFF; } #lightLink:hover { background-color:#96F; } #bounceLink:hover { color:black; background-color:#0FF; } #webcamLink:hover { color:black; background-color:#FF0; } #voteLink:hover { background-color:#F22259; } #twitterLink:hover { background-color:#3CF; }