/* layout */

body {
   #background: #1c2253;
   #background: #2c1314;
   background: #222220;
   margin: 0;

   /* default text properties */
   #color: rgb(226,192,146);
   color: rgb(255,222,176);
   font-family: Verdana, Tahoma, Arial, monospace;
   font-size: 14px;
   text-align: justify;
   letter-spacing: 1px;
}

.layout {
   width: 720px;
   margin: 0 auto 10px;
   background-image:url(/apps/xonon-gravity/images/page-background.png);
}

.background-top {
   margin: 0px 0px 0px 0px;
   height: 14px;
   background-image:url(/apps/xonon-gravity/images/background-top.png);
   background-repeat:repeat-y;
}

.background-bottom {
   margin: 0px 0px 0px 0px;
   height: 14px;
   background-image:url(/apps/xonon-gravity/images/background-bottom.png);
   background-repeat:repeat-y;
}

.background {
   background-image:url(/apps/xonon-gravity/images/background.png);
   background-repeat:repeat-y;

}

.header {
   margin: 4px 0px 0px 0px;
   margin: 0;
}

.navbar{
   margin: 0px 0px 0px 0px;
   border: 0px 0px 0px 0px;
   background-image:url(/apps/xonon-gravity/images/background-navbar.png);
   background-repeat:repeat-y;
   background-position:center;
}

.content {
   padding: 6px 20px 6px 20px;
   #margin: 10px 10px 10px 10px;
}

.footer {
   clear: both;
   background-image:url(/apps/xonon-gravity/images/background-bottom.png);
   background-repeat: no-repeat;
   background-position: top left;
   border-bottom: 1px dotted #444444;
   margin: 0px 0px 0px 0px;
   padding: 9px 0px 2px 0px;
}

/* navbar */

.menu:link {
   color: rgb(226,192,146);
   text-decoration: none;
}

.menu:visited {
   color: rgb(226,192,146);
   text-decoration: none;
}

.menu:hover {
   color: rgb(226,192,146);
   text-decoration: underline;
}

.menu-selected {
   color: rgb(255,222,176);
   font-weight : bold;
}

.menu-ext {
   MARGIN: 0px 2px 0px 2px;
   color: rgb(110,110,110);
   line-height:32px; /* to center the line vertically */
}

/* note: font style is _inhereted_ by child elements */
.menu-row {
   font-family: Verdana, Arial, monospace;
   font-size: 16px;
   height: 32px;
   letter-spacing: 0px;
   text-align: center;
}

/* page footer */

.footer-container {
   font-size: 12px;
   letter-spacing: 0px;
}

/* lists */
ul {
   margin: 5px 2px 15px 16px;
   padding: 0px 0px 0px 0px;
   list-style-image: url(images/bullet.png);
   list-style-position: outside;
}

li {
   text-align: left;
   margin: 0px 0px 2px 0px;
}

/* list with indention */

.l0 {
   margin-left: 4px;
}

.l1 {
   margin-left: 20px;
}

.l2 {
   margin-left: 36px;
}

.l3 {
   margin-left: 52px;
}

.l4 {
   margin-left: 68px;
}

/* miscellaneous */
.small-font {
   font-size: 12px;
}

.no-upper-margin {
   margin-top: 0;
}

.centered {
   text-align: center;
}

table.score {
   margin-top: 10px;
   text-align: center;
   margin-left:auto;
   margin-right:auto;
   border: 2px solid rgb(226,192,146);
   border-spacing: 1px;
   border-collapse: collapse;
   background-color: #2c1314;
}

table.score th {
   border-width: 1px;
   padding: 1px;
   border-left: 1px dotted rgb(226,192,146);
   border-right: 1px dotted rgb(226,192,146);
   border-bottom: 1px solid rgb(226,192,146);
}

table.score td {
   border-width: 1px;
   padding: 1px;
   border-style: dotted;
   border-color: gray;
}

acronym {
   border-bottom : 1px dotted #ff0000;
   cursor : help
}

p.first:first-letter {
   color: red;
   font-size : 140%;
   font-weight : bold
}

a:link {
	color: rgb(140,104,254); text-decoration: none
}

a:visited {
	color: rgb(110,84,234); text-decoration: none
}

a:hover {
	color: rgb(140,104,254); text-decoration: underline
}

h1 {
   font-size: 24px;
   font-weight: bold;
   text-align: left;
   letter-spacing: 1px;
   margin: 5px 0px 0px 0px;
}

h2 {
   font-size: 20px;
   font-weight: bold;
   text-align: left;
   letter-spacing: 1px;
   margin: 5px 0px 0px 3px;
}

h3 {
   margin: 3px 0px 7px 0px;
}