/* blue.css */
body {
  background: #bababa url(/images/blue/bgslice760.gif) repeat-y top center;
  color: #000;
  font-size: 69%;
  margin: 0;
  padding: 0;
  text-align: center; /* just to centre the content div on IE... */
}

/* this one holds everything, fixed with, centred */
div#content {
    width: 760px;
    margin: 0 auto;
    padding: 0;
    background: url(/images/blue/mainmenu-backdrop.gif) no-repeat top left;
    text-align: left; /* reset to proper */
    position: relative; /* to create new containing block for absolutes */
}

div#floaterhack {
    width: 120px;
    height: 700px;
    float: left;
}

div#main {
  /* margin: 160px 0 0 130px; */
  margin: 160px 30px 0 160px;
  font: 1em/1.5em Verdana,Tahoma,Arial,Geneva,sans-serif;
  text-align: left;
}

div.ad728 {
    position: absolute;
    top: 0px;
    left: 16px;
/*    border: 1px solid white; */
}

div#ad728bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 760px;
    height: 92px;
    background: black;
}

div.adsky {
    position: absolute;
    top: 187px;
    left: 0px;
    border: 1px solid white;
}

/* legacy 468 */
div.ad468 {
  position: absolute;
  top: 1px;
  /*right: 0;*/
  left: 190px;
  margin: 0;
  padding: 0;
  height: 60px;
  /*width: 468px;*/
  /* the following comment hides it from ie5.01, because ie5.01 messes up */
  overflow/**/:hidden;
}

div.ad468 object, div.ad468 embed {
  width: 468px;
  height: 60px;
}

div#main a:link  {
  color: #0000ef;
/*  text-decoration: none; */
/*  border-bottom: 1px solid #ccc; */
}

div#main a:visited {
  color: #52188c;
/*  text-decoration: none;
  border-bottom: 1px solid #ccc;*/
}

div#main a:hover {
  color: #0000ef;
/*  text-decoration: none;
  border-bottom: 1px solid #0000ef; */
}

div#main a:active {
  color: red;
/*  text-decoration: none;
  border-bottom: 1px solid red; */
}

h1 {
  font-weight: bold;
  font-size: 1.8em;
  text-align: left;
}

h2 {
  font-weight: bold;
  font-size: 1.4em;
  margin: 0;
  text-align: left;
}

h3 {
  font-weight: bold;
  font-size: 1.1em;
  font-style: italic;
  margin: 0;
  text-align: left;
}


div#footer {
  font: 0.8em  Verdana,Tahoma,Arial,Geneva,sans-serif;
  text-align: center;
  margin: 100px 30px 0 160px;
}


div.crumbs {
  font: bold 0.8em Verdana,sans-serif;
  margin: 0;
}

.status {
  border: 1px dashed red;
  background: #ffd;
  color: black;
  padding: 1em;
  margin-bottom: 1em;
}

/*============================================================================*/
/* menu buttons */
/*============================================================================*/
#menu-about {
    position:absolute;
    left:78px;
    top:146px;
    width:51px;
    height:17px;
}

#menu-about a:hover {
    background: url(/images/blue/hilitemenu.gif);
}

body.about #menu-about {
    background: url(/images/blue/currentmenu.gif);
}

#menu-news {
    position:absolute;
    left:129px;
    top:146px;
    width:52px;
    height:17px;
}

#menu-news a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat  -51px 0px;
}

body.news #menu-news {
    background: url(/images/blue/currentmenu.gif) no-repeat  -51px 0px;
}

#menu-pets {
    position:absolute;
    left:181px;
    top:146px;
    width:93px;
    height:17px;
}

#menu-pets a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -103px 0px;
}

body.pets #menu-pets {
    background: url(/images/blue/currentmenu.gif) no-repeat  -103px 0px;
}

#menu-funstuff {
    position:absolute;
    left:274px;
    top:146px;
    width:85px;
    height:17px;
}

#menu-funstuff a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -196px 0px;
}

body.funstuff #menu-funstuff {
    background: url(/images/blue/currentmenu.gif)  no-repeat  -196px 0px;
}

#menu-drawings {
    position: absolute;
    left: 359px;
    top: 146px;
    width:80px;
    height:17px;
}

#menu-drawings a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -281px 0px;
}

body.drawings #menu-drawings {
    background: url(/images/blue/currentmenu.gif)  no-repeat  -281px 0px;
}

#menu-11 {
    position:absolute;
    left:439px;
    top:146px;
    width:46px;
    height:17px;
}

#menu-11 a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -361px 0px;
}

body.tech #menu-11 {
    background: url(/images/blue/currentmenu.gif)  no-repeat  -361px 0px;
}

#menu-links {
    position:absolute;
    left:439px;
    top:146px;
    width:51px;
    height:17px;
}


#menu-links a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -361px 0px;
}

body.links #menu-links {
    background: url(/images/blue/currentmenu.gif)  no-repeat  -361px 0px;
}


#menu-contact {
    position:absolute;
    left:490px;
    top:146px;
    width:70px;
    height:17px;
}

#menu-contact a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -412px 0px;
}

body.contact #menu-contact {
    background: url(/images/blue/currentmenu.gif)  no-repeat -412px 0px;
}


#menu-help {
    position:absolute;
    left:560px;
    top:146px;
    width:49px;
    height:17px;
}


#menu-help a:hover {
    background: url(/images/blue/hilitemenu.gif) no-repeat -482px 0px;
}

body.help #menu-help {
    background: url(/images/blue/currentmenu.gif)  no-repeat  -482px 0px;
}


a.mainmenu {
    display: block;
    height: 100%;
    text-indent: -4000px;
}

/* commented backslash hack: hide from ie5mac \*/
a.mainmenu { overflow: hidden; }
/* end commented backslash hack */

#bunnyhead {
    position:absolute;
    left:0px;
    top:59px;
    width:78px;
    height:123px;
}

#bunnytitle {
    position:absolute;
    left:78px;
    top:98px;
    width:314px;
    height:48px;
}