/* blue.css */
body {
/*  background: #bababa url(/images/blue/bgslice760.gif) repeat-y top center; */
  color: #000;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  text-align: center; /* just to centre the content div on IE... */
}

/* this one holds everything, fixed with, centred.. no longer centred.
   the frame it lives in is fixed width, so */
div#content {
    width: 750x;
    margin: 0;
    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#main {
  /* margin: 160px 0 0 130px; */
  margin: 90px 0 0 10px;
  width: 580px;
  text-align: left;
}

div.ad728 {
    position: absolute;
    top: 0px;
    left: 16px;
    width: 728px;
    height: 90px;
    margin: 0; padding: 0;
}

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

div.adsky {
    position: absolute;
    top: 96px;
    right: 0px;
    width: 160px;
    height: 600px;
}


#beboad468 {
    position: absolute;
    top: 1px;
    left: 84px;
    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 {
  text-align: left;
  color: #888;
  font-weight: bold;
  font-size: 1.5em;
  margin-top: 0;
}

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

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


div#footer {
  font-size: 0.8em;
  text-align: center;
  margin: 100px 30px 0 160px;
}


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

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





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;
}







/*======================================================================*/
/* from adopt-main */
/*======================================================================*/



/* pet selection icons */
div#pets {
    position: relative;
}

/* holly hack: http://www.positioniseverything.net/explorer/escape-floats.html */
/* Hides from IE-mac \*/
* html #pets {height: 1%;}
/* End hide from IE-mac */

div.petchoice {
  /*margin: 20px 20px 20px 20px;*/
  margin: 5px 15px 15px 15px;
  text-align: center;
  min-height: 100px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 100px;
}

div#main a.noline { border-bottom: 0; }
div#main a.noline:link { border-bottom: 0; }
div#main a.noline:visited { border-bottom: 0; }
div#main a.noline:hover { border-bottom: 0; }
div#main a.noline:active { border-bottom: 0; }

/* we need this to 'take up space' because floating divs don't */
div.spacer {
  clear: both;
}

image.button {
  display: block;
}

div.label {
    font-weight: bold;
    font-size: 1.0em;
}

div#petsample {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.samplecode {
    background-color: #ffa;
}

/* add clear to footer, because of the use of floats in pet button styles */
div#footer {
  clear: both;
  padding: 0 30px 0 130px;
  margin: 0;
  font-size: 0.8em;
  background: #eee;
}

div#support {
  /*margin-top: 50px;*/
  /*margin-left: 130px;*/
  padding: 0 30px 0 130px;
  margin: 0;

  clear: both;
  text-align: center;
  font-size: 0.9em;
  background: #eee;
}

div.adbottom {
  clear: both;
  margin-top: 25px;
  text-align: center;
  /*background: #bbb;*/
  border-top: dotted 1px black;
  border-bottom: dotted 1px black;
}


div.error {
  background-color: #ff8;
  border: solid 1px black;
  font-weight: bold;
  font-size: 1.0em;
  color: black;
  padding: 20px 20px;
}

div.warning {
  background-color: #ddf;
  margin: 8px;
}

div.warning2 {
  background-color: #cfc;
  margin: 8px;
}


#petpoll {
  text-align: center;
  background: #ddd;
  color: #888;
  padding-bottom: 2px;
  font-size: 0.9em;
  margin-bottom: 4px;
}


#petnews {
  text-align: center;
  background: #ff0;
  color: #000;
  padding-bottom: 2px;
}

#petnews a, #petnews a:visited {
  color: #000;
  text-decoration: none;
}

#petnews a:hover {
  color: #f00;
}

#petnews a:active {
  color: #f0f;
}

#textad1 {
  text-align: center;
  background: #ddd;  /*#ff8*/ 
  color: #000;
  padding-bottom: 2px;
  padding-top: 4px; /* temp to separate news / ads */
  font-size: 0.9em;
  line-height: 0.9em;
  margin-bottom: 4px;
}

#textad1 a, #textad1 a:visited {
  color: #000;
  text-decoration: none;
}

#textad1 a:hover {
  color: #f00;
}

#textad1 a:active {
  color: #f0f;
}

.adannounce {
  color: #666;
  text-align: left;
  padding: 0;
  margin: 0;
}