/*
 * MIT License.
 * Copyright 2012 Ian Webster (asterank.com)
 */

body {
	overflow	: hidden;
	padding		: 0;
	margin		: 0;

	color		: #fff;
	background-color: #000;
	font-family	: arial;
	font-size	: 100%;

  background-image: url('/static/img/universe.jpg');
}
#main-caption {
	position	: absolute;
	top		: 0px;
	width		: 100%;
	padding		: 5px;
	text-align	: center;
}
#other-caption {
	position	: absolute;
	top		: 1.5em;
	width		: 100%;
	padding		: 5px;
	text-align	: center;
}
#controls {
  width: 100%;
  background-color: #fff;
  position: relative;
  left: 0;
  top: 0;
  padding: 5px 10px;
  font-size: 13px;
}
.sidebar {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  font-size: 13px;
  background-color: #000;
  color: #f0f0f0;
  width: 145px;
  border: 1px solid #222;
}
.sidebar a {
  color: #f0f0f0;
}

.sidebar table {
  font-size: 11px;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: auto;
  margin-top: 6px;
  margin-bottom: 10px;
}
.sidebar table td {
  border: 1px solid #ccc;
  padding: 4px;
  cursor: pointer;
}

#caption-container {
  background-color: #000;
}
#info a {
	color		: #66F;
	text-decoration	: none;
}
#info a:hover {
	text-decoration	: underline;
}
#info .bottom {
	position	: absolute;
	bottom		: 0px;
	right		: 5px;
	padding		: 5px;
  text-align: right;
}

#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  color: #000;
  background-color: #fff;
  width: 150px;
  height: 40px;
  margin-top: -20px;
  margin-left: -75px;
  text-align:center;
  padding: 30px;

  -moz-border-radius: 6px;
  -webkit-border-radius:6px;
  border-radius: 6px;

  border: 1px #ccc solid;
}

#not-supported {
  position: fixed;
  top: 150px;
  left: 50%;
  color: #000;
  background-color: #fff;
  width: 250px;
  height: 350px;
  margin-top: -20px;
  margin-left: -75px;
  text-align:center;
  padding: 30px;

  -moz-border-radius: 6px;
  -webkit-border-radius:6px;
  border-radius: 6px;

  border: 1px #ccc solid;
}

#container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}