/* stylesheet for zeroillusions.com */

body {
  background : #000000;
  text-align: center;
}

#site_area {
  width: 800px;
  height: 600px;
  text-align: left;
  margin: 0 auto;
}

#header {
  border: 0px #202020 solid;
  width: 800px;
  height: 200px;
  background-image: url(http://zeroillusions.com/img/zi_topbaner.jpg);
}

#top_menu {
  width: 800px;
  height: 26px;
  margin: 6px 0 12px 0;
  clear: both;
}

#top_menu div {
  display: block;
}


#top_menu ul {
  list-style: none;
  padding : 0;
  margin: 0;
}

#top_menu a {
  color: #c0c0c0;
  text-decoration: none;
  padding: 2px 16px 2px 16px;
}

#top_menu li li a {
  color: #f0f0f0;
}

#top_menu li li a:hover {
  color: #ffffff;
}

#top_menu li {
  float: left;
  position: relative;
  font-family: Papyrus, Trebuchet MS, sans-serif;
  font-size: 16px;
  color: #c0c0c0;
  margin: 0 auto;
}

#top_menu a:hover {
  color: #f0f0f0;
}

#top_menu ul li ul {
  display: none;
  position: absolute;
  top : 1.4em;
  left : 0;
  border-bottom: 2px #808080 solid;
  background: #202020;
  opacity: 0.8;
  filter:alpha(opacity:80);
}

#top_menu li>ul {
  top: auto;
  left: auto;
}

#top_menu li ul li {
  width: 100px;
  float: none;
}

#top_menu li:hover ul, #top_menu li.over ul {
  width: 100px;
  display: block;
}

#page_content {
  width: 800px;
  height: 480px;
  background: url(http://zeroillusions.com/img/zi_logo.jpg) no-repeat center;
}

#content {
  width: 520px;
  height: 480px;
  float: left;
  display: inline;
  overflow: auto;
}

#content p {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #c0c0c0;
  padding: 3px 6px 3px 6px;
  margin: 0 auto;
}

#content img {
clear : both;
}

#content a:link, #content a:visited {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #c0c0c0;
  text-decoration : underline;
}

#content a:hover {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #d0d0d0;
  text-decoration : underline;
}

#zi_slide {
margin : 30px auto;
}


#first_page {
  width: 546px;
  float: right;
  display: inline;
  margin-left: 20px;
}

#first_page p {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #c0c0c0;
  padding: 3px 6px 3px 6px;
  margin: 0 auto;
}


#news {
  width: 220px;
  height: 480px;
  float: left;
  display: inline;
  overflow: auto;
}

#page_content h1 {
  font-family: Trebuchet MS, sans-serif;
  font-size: 14px;
  color: #c0c0c0;
  text-align: left;
  margin: 3px 0 3px 0;
}

#page_content h2 {
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
color: #202020;
background: #c0c0c0;
padding: 1px 6px 1px 6px;
margin: 0 auto;
}

#page_content h3 {
  font-family: Trebuchet MS, sans-serif;
  font-size: 14px;
  color: #c0c0c0;
  text-align: left;
  margin: 3px 0 3px 0;
}

#page_content a {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #c0c0c0;
  text-decoration : underline;
}

#page_content a:hover {
font-family: Arial, sans-serif;
font-size: 12px;
color: #d0d0d0;
text-decoration : underline;
}


a.member:link, a.member:visited, a.member:active {
font-size : 16px;
font-weight : bold;
color : #dddddd;
text-decoration : none;
width : 120px;
opacity : 0.8;
filter : alpha(opacity=80);
}

a.member:hover {
font-size : 16px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
width : 120px;
opacity : 1.0;
filter : alpha(opacity=100);
}


#news p, #news li  {
  border: 1px #202020 solid;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #c0c0c0;
  padding: 3px 6px 3px 6px;
  margin: 0 auto;
}

#news ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#news span {
  display: block;
}


#gb_content {
  width: 510px;
  height: 480px;
  float: left;
  display: inline;
  font-family: Trebuchet MS;
  font-size: 12px;
}

#gb_control {
  height: 20px;
  background: #c0c0c0;
}


#gb_entries {
  width: 510px;
  height: 440px;
  margin-left: 0px;
  overflow: auto;
}


.gb_entry {
  width: 490px;
  border: 1px #808080 solid;
  color: #c0c0c0;
  margin: 6px 0 6px 0;
}

.gb_entry p {
  margin: 6px;
}

#gb_content a {
  color: #202020;
  text-decoration: none;
  margin: 0 6px 0 6px;
}

#gb_nav {
  height: 20px;
  background: #c0c0c0;
  text-align: center;
}

.gb_div {
  width: 120px;
  float: left;
}

#gb_fields {
  width: 560px;
  height: 440px;
  font-family: Trebuchet MS, sans-serif;
  font-size: 12px;
  color: #c0c0c0;
  margin: 6px;
  z-index: 1;
  display: none;
}

#gb_fields input {
  width: 320px;
  border: 1px #c0c0c0 solid;
  margin: 2px 0 2px 0;
  background : transparent;
  color: #c0c0c0;
}

#gb_fields textarea {
  width: 320px;
  height: 120px;
  border: 1px #c0c0c0 solid;
  margin: 2px 0 2px 0;
  background : transparent;
}

.mceContentBody {
  text-align: left;
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #ccc;
}


.gb_clist {
  position: absolute;
  width: 400px;
  height: 180px;
  color: #202020;
  z-index: 2;
  margin: 0 auto;
  background: #ffffff;
  cursor: pointer;
  overflow: auto;
  clear: both;
}

#footer {
  width: 800px;
  height: 20px;
  margin: 6px 0 6px 0;
  text-align: right;
}

#footer p {
  font-family: Trebuchet MS, sans-serif;
  font-size: 10px;
  color: #c0c0c0;
  margin: 6px;
}

.hide_img {
  display: none:
}

/* Contact form */
.contact_form {
  width: 420px;
  height: 280px;
  margin: 0;
}


.contact_form fieldset {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}

.contact_form legend {
  font-family: Trebuchet MS, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #c0c0c0;
  margin: 3px 0 3px 0;
  padding: 0;
}

.contact_form label {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #c0c0c0;
  width: 90px;
  float: left;
}

.contact_form select {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000;
}


input.txt {
  background: transparent;
  width: 320px;
  color: #ccc;
  border: 1px solid #919293;
}

input.clear {
  width: 150px;
  height: 20px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #222;
  float: right;
  margin: 6px 6px 6px 12px;
  border: none;
  display:inline;
}

input.send {
  width: 150px;
  height: 20px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #222;
  float:right;
  margin: 6px 12px 6px 0px;
  border: none;
  display:inline;
}

textarea {
  background: transparent;
  width: 320px;
  height: 120px;
  color: #ccc;
  border: 1px solid #919293;
}