/* Palette:

light blue: #62D9EE;
rich blue: #3734B9;
orange: #F6AF49;

*/


/* General properties */

body
{
  text-align: left;
  font-family: century gothic, arial;
  font-size: 10pt;

  margin: 5px 0px 5px 5px;

  color: #F6AF49;

  overflow: hidden;
}

a       { text-decoration: underline; color:#F6AF49; }
a:hover { text-decoration: none; color:#F6AF49; }

img { border: none; }

form {
  padding: 3px;
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

input {
  background-color: black;
  color: #62D9EE;
}

.butt {
  background-color: black;
  border: 1px solid #62D9EE;
  padding: 0.25em;
  color: #F6AF49;
  font-size: 75%;
}

.titty
{
  font-family: century gothic, arial;
  font-size: 14pt;
  font-weight: bold;

  color: #3734B9;
}

/* End of General properties */


/* Index.html properties */

.dragme {
  position: relative;
}

#container
{
  position: absolute;
  right: 37%;
  height: 100%;
  width: 100%;

  border-top: 3px black dotted;
  border-left: 3px black dotted;
  border-bottom: 3px black dotted;

  background: url(images/texture-bg.jpg) repeat-y right;
  z-index: 2;

  filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85;
}

#mimi-drii
{
  position: absolute;
  top: 5%;
  left: 100px;
  height: 608px;
  width: 382px;

  background: url("images/mimi-drii.gif") no-repeat;
  z-index: 3;
}

#hotherym
{
  position: absolute;
  top: 295px;
  left: 78px;
  height: 67px;
  width: 335px;

  background: url("images/hotherym.png") no-repeat;
  z-index: 10;
}

#hotherym img {width: 0px; height: 0px;}
#hotherym:hover img{position: relative; bottom: 275px; left: 160px; width: 292px; height: 132px;}

#forum
{
  position: absolute;
  top: 430px;
  left: 185px;
  height: 62px;
  width: 162px;

  background: url("images/forums.png") no-repeat;
  z-index: 10;
}

#forum img {width: 0px; height: 0px;}
#forum:hover img{position: relative; bottom: 230px; left: 60px; width: 292px; height: 132px;}

#prawn-1
{
  position: absolute;
  top: 42%;
  left: 50px;
  height: 220px;
  width: 106px;

  z-index: 4;
}

#prawn-2
{
  position: absolute;
  top: 40%;
  left: 340px;
  height: 163px;
  width: 152px;

  z-index: 4;
}

#crab
{
  position: relative;
  top: 480px;
  left: 110px;
  height: 172px;
  width: 181px;

  background: url("images/crab.gif") no-repeat;
  z-index: 4;
}

#volucris-face
{
  position: absolute;
  top: 40px;
  right: 0px;
  height: 592px;
  width: 354px;

  background: url("images/volucris-face.jpg") no-repeat;
  z-index: 1;
}

#volucris-eye
{
  position: absolute;
  top: 307px;
  right: 85px;
  height: 144px;
  width: 132px;

  background: url("images/Volucris-faceeye.gif") no-repeat;
  z-index: 2;
}

#volucris
{
  position: absolute;
  top: 60%;
  right: 160px;
  height: 100px;
  width: 311px;

  z-index: 10;
}

#ie-box
{
  color: #F6AF49;

  position: absolute;
  top: 40%;
  left: 30%;
  height: auto;
  width: 500px;

  padding: 10px;

  background: black;
  border: 3px double #62D9EE;

  visibility: hidden;
  z-index: 20;

  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

hr
{
  border: 1px dotted #3734B9;
  width: 90%;
  height: 1px;
  text-align: center;
}	

/* End of Index.html properties. */






/* Main.html properies. */

#newsletter
{
  position: absolute;
  top: 20px;
  left: 12px;
}

#hotherym2
{
  position: fixed;
  top: 10px;
  left: 470px;
  height: 59px;
  width: 295px;

  z-index: 1;
}

#drii-fore
{
  position: fixed;
  top: 353px;
  left: 57px;

  height: 142px;
  width: 127px;

  z-index: 10;
}

#drii-back
{
  position: fixed;
  top: 340px;
  left: -80px;

  height: 442px;
  width: 452px;

  z-index: 5;
}

.textbox
{
  filter: alpha(opacity=75); -moz-opacity: .40; opacity: .40;

  border: 1px #62D9EE solid;
  padding: 10px;

  position: absolute;
  top: 75px;
  max-height: 385px;
  height: auto;

  background: url("images/boxbg.jpg") repeat-y fixed top center;

  overflow: auto;

  font-size: 10pt;
  color: #62D9EE;

  z-index: 7;
}

#box-news
{
  left: 225px;
  width: 560px;
  height: 448px;
}

#box-news:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

#news
{
  width: 555px;
  height: 225px;

  color: #62D9EE;

  border-top: 1px solid #F6AF49;
  border-bottom: 1px solid #F6AF49;
}

#box-art
{
  left: 1085px;
  width: 250px;
}

#box-art:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

#box-life
{
  left: 1435px;
  width: 500px;
}

#box-life:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

#boxfour
{
  left: 2035px;
  width: 300px;
}

#boxfour:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

#endhead
{
  left: 2405px;
  width: 150px;
  filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;

  border: none;
  background: none;
}

#endhead:hover
{
  filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}

#footer
{
  position: absolute;
  right: 25px;
  bottom: 25px;

  font-size: 8pt;
  z-index: 10;
}

#blackbox
{
  position: fixed;
  top: 785px;
  margin: -10px;
  width: 110%;
  padding: 20px;
  height: 250px;

  font-size: 25pt;
  font-weight: bold;

  background-color: black;
  border-top: 1px solid #3734B9;
  z-index: 7;
}

/* End of Main.html properies. */



/* About.html properties. */
#about-who
{
  left: 225px;
  width: 560px;
  height: 448px;
}

#about-who:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

#about-what
{
  left: 885px;
  width: 400px;
}

#about-what:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

#about-where
{
  left: 1385px;
  width: 300px;
}

#about-where:hover
{
  filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
}

/* End of About.html properties. */