/* 
  * Bliss.css
  * This file contains all of the CSS for the Archive system
  */

/* element defaults */

body 
{ 
  height: 100%;                                           /* use full browser height */
  width: 100%;                                            /* and width */
	font-family: Verdana, Arial, Helvetica, sans-serif;     /* default fonts */
	color:#630;
	line-height:1.5;
  background: #DD00AA url(img/brownTiles.jpg);            /* default background */
  margin: 0px;
}

h1 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	font-variant:small-caps;
	color:#d39966;
	line-height:1.2;
}

h2 
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:105%;
  color:#630;
  line-height:1;
  text-transform: uppercase;
  margin-top:24px;
  background-color:#fefbf6;
  padding:6px;
}

a:link, a:hover, a:visited
{
  font-weight:bold;
  text-decoration:none;
  color:#d39966;
}
 
a:visited  { color:#b88659; }
a:hover { text-decoration:underline; } 


/* holds all other elements */
#container
{
  width: 900px;                       /* container doesn't fill browser window */
  margin: 20px auto;            /* container doesn't fill browser window */
  background: #FFFFFF;                /* white background                                   */
}


/* the header block */
#header
{
  float:left; 
  width: 894px;
  margin: 3px;
  background: #A0785F;
}

#header .logo
{
  float: left;
  /* margin: 3px; */
  border: 0px;
}

#header .splash
{
  float: right;
  margin: 3px;
}


/* the content block */
#content
{
  float: left; 
  width: 100%; 
  background: #f3ecdd
}

#content .contents
{
  margin: 10px;
}

#content img 
{
 padding:2px;
 border:solid 1px #630;
 margin-left:12px;
 margin-right:12px;
}

 
/* the footer block */
#footer
{
  float: left;
  width:100%;
  padding: 5px 0px 5px 0px;
  font-size: 75%;
  color: #9f785f;
  text-align: center;
}

#footer .extended
{
  margin-top: 5px;
}


/* <BR> class for DIVs */
.reset 
{ 
  height: 0px;                                            /* takes up no space */
  clear: both;                                            /* acts like 'ENTER' or <BR> for GUI objects */
}

/* <CENTER> for Ps */
.centered
{
  text-align: center;
}

/* CSS Menu Class                                                                                                 */
/*                                                                                                                             */
/*   Creates a PC-style menu bar out of DIVs, Anchors, and HREFs                  */
/*   See index.html for an example of use.   (it's easy-peasy!)                          */

/* the main menu bar div */
#menu
{
  float: right;                           /* where menubar sits.  can be left or right */
  margin: 5px 2em 5px 2em;                /* put 5 pixels whitespace on top/bottom, 2 char-widths left/right  */
}

/* each menubar item */
#menu .item
{
  float: left;                            /* left-align the menu items in the right-aligned menubar */
  margin: 0em 0em 0em 2em;                /* put space on left side of each link, outside border bars */
  padding: 0em 1em 0em 1em;               /* put 1 char-width space around link but between border bars */
  border-left: solid 2px #9f785f;         /* left border bar */
  border-right: solid 2px #9f785f;        /* right border bar */
  font-size: 80%;                         /* smaller font for the menu */
  font-weight: bold;                      /* but bold */
}

/*  general anchor behavior for menubar items  */
#menu a:link, #menu a:visited, #menu a:hover 
{
  color: #630;
  text-decoration:none;  
} 

/*  specialized anchor behavior for hover - display the underline as "this is a link" user-feedback */
#menu a:hover 
{
  text-decoration:underline;
}