html {
    background: url(earth.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='earth.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='earth.jpg', sizingMethod='scale')";
    margin: 0px;
    padding: 0px;
    }
body {
    margin: 0px;
    padding: 0px;
    /* background-image: url('http://datahaven.net/static/earth.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000000;  */
    }
#container
{
    margin-left:auto;
    margin-right:auto;
    position: relative;
    overflow: hidden;
    top: 60px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 10px;
    background-color: rgba(255,255,255,.2);
}  
.scroll-pane
{
    width: 100%;
    height: 100%;
    overflow: auto;
}
.scrolled_content {
    font-family: "Tw Cen MT", "Century Gothic", Futura, "URW Gothic L", Arial, sans-serif;
    /* color: #000; */
    background-color: #fff;
    padding: 10px; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 100%;
}
#forum_content {
    font-size: 0.9em;
}
#flatpages_content {
    font-size: 1.3em;
}
#api_content {
    background-color: transparent;
}
#wiki_content {
}
#docs_content {
}
#main_page_content {
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 49px;
    bottom:0px;
    right:0px;
    left:0px;
}
.main_page_label {
    font-family: "Tw Cen MT", "Century Gothic", Futura, "URW Gothic L", Arial, sans-serif; 
    font-size: 14pt;
    position: absolute;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    color: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: rgba(255,255,255,.1);
    cursor: pointer; 
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.box {
    font-family: "Tw Cen MT", "Century Gothic", Futura, "URW Gothic L", Arial, sans-serif; 
    position: absolute;
    /* display: inline-block; */
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: rgba(255,255,255,.1);
    cursor: pointer; 
    cursor: hand;
    /* -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;  n */
    text-align: left;
    display: none;    
}
#main_page_logo {
    font-family: "Tw Cen MT", "Century Gothic", Futura, "URW Gothic L", Arial, sans-serif;
    color: #fff;
    position: fixed;
    float: right;
    padding: 0px; 
    margin: 0px; 
    bottom: 10px;
    right: 20px;
}
#description { 
    position: relative;
    text-align: right;
    vertical-align: bottom;
    bottom: -15px;
    padding: 0px; 
    margin: 0px; 
    font-size: 18pt;
}
#menu {
    position: fixed;
    display: block;
    width: 100%;
    height: 48px;
    padding: 0px;
    margin: 0px;
    background-color: black;
    background: #000; 
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00FFFFFF, endColorstr=#40FFFFFF); 
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00FFFFFF, endColoStr=#40FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.0)), to(rgba(255,255,255,.3))); 
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%); 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.menuitem {
    font-family: "Tw Cen MT", "Century Gothic", Futura, "URW Gothic L", Arial, sans-serif;
    position: relative;
    float: left;
    padding: 0px 15px; 
    margin: 0px;
    font-size: 16pt;
    color: #fff;
    height: 100%;
    line-height: 48px;
    cursor: pointer; 
    cursor: hand;
}
#datahaven_copyright {
    font-family: "Tw Cen MT", "Century Gothic", Futura, "URW Gothic L", Arial, sans-serif;
    font-size: 8pt;
    position: fixed;
    display: block;
    width: 100%;
    text-align: right;
    bottom: 0px;
    color: #fff;
    z-index: 2;
}
#datahaven_copyright a {
  color: #abf;
}

*:focus {
  outline: none;
}
 
#flatpages_content a:link {
	color: #04f;
	text-decoration: none;
}

#flatpages_content a:visited {
	color: #04f;
	text-decoration: none;
}

#flatpages_content a:hover {
	color: #17;
	text-decoration: underline;
}

#flatpages_content a:active {
	color: #04f;
	text-decoration: none;
}