/* All associated graphics copyright 2007, Paul Vincent Farrell, endlessness.org */

/* IMPORTANT */

/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/* basic elements */

body {  margin: 0px; padding: 0px; background-color: #000000; font-size: 12px; line-height: 133%; font-family: sans-serif; text-align: center; border: none; }

body { height:100%; min-height: 100%; overflow-y:auto;}  /* overflow-y:visible; EXTRA */

#maincontainer { background-color: transparent; text-align: left; width: 700px; /*margin-left: auto; margin-right: auto; overflow: visible; visibility: visible;*/ display: block; }

#maincontainer {margin:0px 0 50px 85px; border:0px; background-color:transparent; padding:10px;}  /* EXTRA */
#maincontainer .right {font-size:30px; float:right;}  /* EXTRA */

.clear {clear:both;}  /* EXTRA */

#moonmain {  width: 700px; margin: 0 auto; text-align: left; }
	
a { color: #ffffff; text-decoration: none; }
a:hover, a:active, a:visited { color: #ffffff; text-decoration: none; }
a img { border: none; }

/* content */

.boxitem { display: block; padding: 20px 15px 20px 15px; border: solid #444444; border-width: 1px; background: #000509;}
.boxhead { padding: 15px 20px 11px 20px; border: solid #444444; border-width: 1px; background: #111122; font-size: 14px; font-weight: bold;}

.boxitem2 { display: block; padding: 20px 20px 20px 20px; border: solid #222222; border-width: 1px; }
.boxhead2 { padding: 15px 20px 11px 20px; border: solid #222222; border-width: 1px; background: #bbbbcc; font-size: 14px; font-weight: bold;}

.boxfront { display: block; padding: 5px 15px 15px 15px; border: solid #444444; border-width: 1px; background: #000509;}

.boxgap { display: block; padding: 1px; border: 0px;}

.boxitemimg { display: block; padding: 5px 0px 10px 0px; text-decoration: none;}

.boxcolumn {  position: relative; padding: 0px 5px 20px 5px; width: 210px; margin: 0 auto; float: left; }

#footer { display: block; position: fixed; left: 0px; bottom: 5px; padding: 2px 3px; border: solid #444444; border-width: 1px 1px 1px 0px; background: #000000;}
* html #footer {position:absolute;}  /* EXTRA */

#credit { display: block; position: fixed; right: 0px; bottom: 5px; padding: 2px 3px; border: solid #444444; border-width: 1px 0px 1px 1px; background: #000000;}
* html #credit {position:absolute;}  /* EXTRA */

/* text */

.mainmenutext  { color: #ffeecc; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; text-transform: uppercase; line-height: 133%; }

.contentnormal { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-transform: none; line-height: 110%; text-align: left; }
.textcolor { color: #9999aa; }
.textcolor2 { color: #2a2a2a; }

.contentnormal a { color: #994444; text-decoration: none; }
.contentnormal a:visited { color: #994444; text-decoration: none; }
.contentnormal a:hover, a:visited:hover { color: #aa2222; text-decoration: none; }

.cp { color: #ddccbb; }

.itemtitle { font-size: 14px; font-weight: bold; color:#999999; }
.itemsubtitle { font-weight: bold; color:#6666aa; }
.itemtitle2 { font-size: 14px; font-weight: bold; color:#223922; }
.itemsubtitle2 { font-weight: bold; color:#223322; }

.footertext { color: #6688aa; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; text-decoration: none; line-height: 97%;}
.credittext { color: #666666; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; text-decoration: none; line-height: 97%; }

.credittext a {  color: #667799; text-transform: uppercase; text-decoration: none; }
.credittext a:hover { color: #999999; text-decoration: none; }

.logotext { font-size: 11px; font-weight: bold; color: #999999; }

.text9 { font-size: 9px; }
.text12 { font-size: 12px;  line-height: 110%;}
.text13 { font-size: 13px;  line-height: 110%;}
.text18 { font-size: 18px; color: #555555; line-height: 133%;}
.text14 { font-size: 14px; color: #555555; line-height: 133%;}
.uppertext { text-transform: uppercase; }
.boldtext { font-weight: bold; }

/* oto window and form elements */

#placeholder { position: absolute; left:50px; top:130px; width:1px; height:1px; z-index:3; }

#txt { position: absolute; left: 10px; top: 90px; z-index:1;  }
#theForm { position: absolute; left: 10px; top: 90px; color:#ffffff; z-index:3  }