/* */
html
{
  height: 100%;
}
body
{
/*
  position: absolute;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
 */
  min-height: 100%;
  background-color: black;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  color: #A0A0A0;
}


div.rootdiv
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  min-height: 100%;
  padding: 10px 0px 100px 0px;
  background-color: #101010;
}

div.mainpagediv
{
  position: relative;
  left: 50px;
  top: 10px;
  min-height: 100%;
  min-width: 1000px;
  width: 80%;
  /* margin: 0px auto;*/
  padding: 10px;
  border-style: solid;
  border-color: #202020;
  border-radius: 5px 5px 5px / 20px 20px;
  -moz-border-radius: 5px 5px 5px / 20px 20px;
  border-width: 1px;
  box-shadow: 0px 0px 150px -20px black;
  -moz-box-shadow: 0px 0px 150px -20px black;
  -webkit-box-shadow: 0px 0px 150px -20px black;
  background-color: #000000;
}


a:link
{
  color: #C0C0C0;
  text-decoration: underline;
}
a:visited
{
  color: #C0C0C0;
  text-decoration: underline;
}



h1,h2,h3
{
  margin: 15px 0px 5px 0px;
  border-bottom: 1px solid #505050;
  /* padding: 3px 0px 5px 1px;*/
  font-variant: small-caps;
  font-family: sans-serif;
  font-size: 28px;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }

div.navdiv div.navitem
{
  position: absolute;
  width: 100%;
  border-bottom: 1px solid grey;
  vertical-align: middle;
  -moz-animation: rotmenu 5s infinite linear;
}
div.navdiv
{
  width: 200px;
  height: 200px;
  position: absolute;
  right: 10px;
  top: 10px;
  border-style: solid;
  border-color: #202020;
  border-radius:      100%;
  -moz-border-radius: 100%;
  border-width: 1px;
  box-shadow: 0px 0px 150px 0px black;
  -moz-box-shadow: 0px 0px 150px 0px black;
  -webkit-box-shadow: 0px 0px 150px 0px black;
  padding: 10px;
  background-color: #000000;
}

@-moz-keyframes rotmenu
{
0%    {-moz-transform: rotate(0deg);  left: 50%; top:  0%} /* for deg=0deg=0 */
5%    {-moz-transform: rotate(18deg);  left: 65%; top:  3%} /* for deg=18deg=0.31415926535898 */
10%    {-moz-transform: rotate(36deg);  left: 79%; top:  10%} /* for deg=36deg=0.62831853071796 */
15%    {-moz-transform: rotate(54deg);  left: 90%; top:  21%} /* for deg=54deg=0.94247779607694 */
20%    {-moz-transform: rotate(72deg);  left: 97%; top:  35%} /* for deg=72deg=1.2566370614359 */
25%    {-moz-transform: rotate(90deg);  left: 100%; top:  50%} /* for deg=90deg=1.5707963267949 */
30%    {-moz-transform: rotate(108deg);  left: 97%; top:  65%} /* for deg=108deg=1.8849555921539 */
35%    {-moz-transform: rotate(126deg);  left: 90%; top:  79%} /* for deg=126deg=2.1991148575129 */
40%    {-moz-transform: rotate(144deg);  left: 79%; top:  90%} /* for deg=144deg=2.5132741228718 */
45%    {-moz-transform: rotate(162deg);  left: 65%; top:  97%} /* for deg=162deg=2.8274333882308 */
50%    {-moz-transform: rotate(180deg);  left: 50%; top:  100%} /* for deg=180deg=3.1415926535898 */
55%    {-moz-transform: rotate(198deg);  left: 35%; top:  97%} /* for deg=198deg=3.4557519189488 */
60%    {-moz-transform: rotate(216deg);  left: 21%; top:  90%} /* for deg=216deg=3.7699111843078 */
65%    {-moz-transform: rotate(234deg);  left: 10%; top:  79%} /* for deg=234deg=4.0840704496667 */
70%    {-moz-transform: rotate(252deg);  left: 3%; top:  65%} /* for deg=252deg=4.3982297150257 */
75%    {-moz-transform: rotate(270deg);  left: 0%; top:  50%} /* for deg=270deg=4.7123889803847 */
80%    {-moz-transform: rotate(288deg);  left: 3%; top:  35%} /* for deg=288deg=5.0265482457437 */
85%    {-moz-transform: rotate(306deg);  left: 10%; top:  21%} /* for deg=306deg=5.3407075111026 */
90%    {-moz-transform: rotate(324deg);  left: 21%; top:  10%} /* for deg=324deg=5.6548667764616 */
95%    {-moz-transform: rotate(342deg);  left: 35%; top:  3%} /* for deg=342deg=5.9690260418206 */
100%    {-moz-transform: rotate(360deg);  left: 50%; top:  0%} /* for deg=360deg=6.2831853071796 */
}

div.newlyadded
{
  background-color: #001100;
  padding: 1px 1px 1px 10px;
  margin: 4px 0px 4px 10px;
}
ul.list
{
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 10px;
  list-style: square;
}

.code {
	overflow: auto;
	border:	solid;
	border-width: 1px;
	padding: 5px 10px;
	margin: 5px 10px;
}