/*BODY AND TEXT*/
body {
  background-color  :   black;
  font-family       :   helvetica, tahoma, arial, sans-serif;
  color             :   white;
}

p{
  font-family       :   helvetica, tahoma, arial, sans-serif;
}

p.center {
  text-align        :   center;
}

h1,h2,h3 {
  font-family       :   helvetica, tahoma, arial, sans-serif;
  text-decoration   :   underline;
}

a {
  color             :   white;
  text-decoration   :   underline;
}

a:hover{
  text-decoration   :   underline overline;
  color             :   red;
}

a:active {
  outline           :   none;
}

/* END BODY AND TEXT */

/* IMAGES */
img {
  border            :   none;
  outline           :   none;
}

img.avatar {
  float             :   left;
  padding           :   10px;
  padding-top       :   20px;
}

img.picture {
  float             :   right;
  padding           :   10px;
}

/* END IMAGES */

#top {
  width             :   800px;
  height            :   100px;
  background-image  :   url('http://twisted-reality.co.uk/images/top.gif');
  margin            :   auto;
}

#container {
  width             :   800px;
  margin            :   auto;
}

#navtop {
  width             :   150px;
  height            :   23px;
  background-image  :   url('http://twisted-reality.co.uk/images/navtop.gif');
  cursor            :   pointer;
}

#navbar {
  float             :   left;
  width             :   150px;
}

#navbottom {
  background-image  :   url('http://twisted-reality.co.uk/images/navbottom.gif');
  width             :   150px;
  height            :   9px;
  cursor            :   pointer;
}

div.navlink {
  width             :   150px;
  height            :   35px;
}

div.navlink a {
  color             :   white;
  text-decoration   :   none;
}

div.center {
  margin            :   auto;
}

div.navlink a:hover {
  color             :   red;
}

div.amonth {
  float             :   left;
}

div.monthtop {
  height            :   11px;
  width             :   150px;
  margin-right      :   2px;
  margin-left       :   2px; 
  background-image  :   url('http://twisted-reality.co.uk/images/month-top.gif');
}

div.monthbody {
  height            :   200px;
  width             :   140px;
  padding-left      :   10px;
  margin-right      :   2px;
  margin-left       :   2px;
  overflow          :   auto;
}

div.monthbottom{
  height            :   11px;
  width             :   150px;
  margin-right      :   2px;
  margin-left       :   2px;
  background-image  :   url('http://twisted-reality.co.uk/images/month-bottom.gif');
}

#content {
  float             :   right;
  padding-left      :   5px;
  padding-right     :   5px;
  width             :   640px;
  min-height        :   400px;
}

div.itemtop {
  float             :   right; 
  clear             :   both;
  height            :   9px;
  width             :   640px;
  background-image  :   url('http://twisted-reality.co.uk/images/itemtop.gif');
}

div.itembody {
  padding           :   10px;
}

div.itembottom {
  float             :   right;
  clear             :   both;
  height            :   9px;
  width             :   640px;
  background-image  :   url('http://twisted-reality.co.uk/images/itembottom.gif'); 
}

#footer {
  border-top        :   1px;
  border-color      :   white;
  font-size         :   0.65em;
  text-align        :   center;
  clear             :   both;
  width             :   800px;
  height            :   50px;
  color             :   #696969;
}

#footer.img {
  vertical-align    :   baseline;
}

#bottom {
  width             :   800px;
  height            :   23px;
  background-image  :   url('http://twisted-reality.co.uk/images/bottom.gif');
}
/* TABLES */
table {
  margin            :   auto;
}

th {
  text-align        :   center;
}

td {
  border            :   solid 1px white;
}
/* END TABLES */