/*
  main.css -- general styles used by all pages
  ©2007 Warpspace IT <http://www.warpspace.net/>

  (E6D6AD is the background color.  F2EAC6 is half-way from that to white.
   ACA081 is the 3/4 darker version.)
*/

/*
  set heading colours, link/vlink colours
*/

h1 { color: #486830; }
h2 { color: #486830; }          /* a sort of pastel dark green */
h3 { color: #486830; }
h4 { color: #506840; }

div.content
{  color: rgb(98, 80, 115); }            /* sort of indigo */

div.content a:link { color: #FF6633; text-decoration: none; }      /* a scary orange colour */
div.content a:visited { color: #CC6600; text-decoration: none; }




/* colours for elements of certain classes */
/* TO-DO: replace with something better, but not as bright as the orange */
.sitenav a:link { color: #7C8AB2; } /* same as "IT" in the logotype */
.sitenav a:visited { color: #6070A6; } /* and a darker version */


/* colours for elements of certain classes */


/*
  *** structural styles ***
  (for elements of specific classes)
*/
div.footer 
{
  text-align: center; 
  margin-bottom: 0.3em;
}

div.top
{
  color: gray;
  background-color: black; margin-bottom: 0;
}

div.header
{
  padding: 0.4em 0.75em 0.8em;
  max-width: 42.3em;
  height: 2.5em;
}

div.header .sitenav
{ margin-top: 0.5em; }


body
{
  background-color: #E6D6AD;
  margin: 0; padding: 0; 
}

div.top span.slogan
{
  /*# text-align: center; width: 20em; */ 
  font-style: oblique;
}
div.top .logoblock
{ float: right; }


/* -- class content -- */
div.content
{
  /* #506840 is a weird gray-brown-green */
  margin: 0 0.75em 1em; padding: 1em;
  /*# border-top: thin solid black; */
  background-color: silver;
  min-height: 20em;
}
div.content p { max-width: 39em; }

div.content .bounded { position:absolute; left: 34em; }


/* -- class blockend -- */
div.blockend
{ clear: both; }

/* -- class img_link -- */
/* an image within a href anchor */
a.img_link { margin-right: 1ex; margin-left: 1.5em; float: right; }


/*
  *** item-specific styles ***
*/
/*# a#byteme_link img { float: left; } */