/*****************************************************************************/
/* Generic colours 'n fonts                                                  */
html,body {
  height: 100%;
}

body {
  background: #000040;
  color: #FFFF00;
  font-family: arial, sans-serif;
}

/* Link Related Stuff */
a{
  text-decoration: none;
}

a:link {
  color: #FFFFFF;
  background: #000040;
  text-decoration : underline;
}

a:visited{
  color: #FFFFFF;
  background: #000040;
}
a:hover{
  color: #0000FF;
  background: #FFFF80;
}

object.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

/*****************************************************************************/
/* Blog Stuff                                                                */
.post_title{
  font-weight: bold;
}
.calendar{
  border: solid;
  border-color: #FFFF00;
  border-style: ridge;
  float: right;
  position: float;
  text-align : center;
}

#BlogPageData{
  padding : 0.5em;
  margin-left: 8em;
  width: 70%;
}

/*****************************************************************************/

/*****************************************************************************/
/* Stuff that's not the menu                                                 */
#PageData{
  float: left;
  padding : 0.5em;
  width: 70%;
}

#footer{
  clear : both;
  padding : 1em;
  text-align : center;
  font-size : x-small;
  width : 100%;
}

.buttons {
  float : left;
}

.code {
  border : thin solid black;
  border-color : #FFFFFF;
  background : black;
  color : white;
  display : block;
  font-family : "Courier New", monospace;
  margin : 0.5em;
  padding : 0.5em;
  white-space : pre;
}

.FirstLine {
  display : block;
  font-size : xx-large;
  text-align : center;
}

.Italics {
  font-style : italic;
}

.I {
  font-style : italic;
}

.B {
  font-weight: bold;
}

.L {
  float: left;
}

.R {
  float: right;
}

img.center  {
 display: block;
 margin-left: auto;
 margin-right: auto
}

/*****************************************************************************/
/* Menu Stuff                                                                */
#MenuHeader{
  text-align: center;
  position : relative;
  font-weight: bold;
  font-family: Courier New;
}

#MenuContainer{
  border: solid;
  border-color: #FFFF00;
  border-style: ridge;
  border-width: medium;
  float: left;
  font-weight: bold;
  font-family: Courier New;
  margin-right : 10px;
  position : relative;
}

/* LED menu adapted from from http://www.cssplay.co.uk/menus/menuthree.html
   and http://www.cssplay.co.uk/menus/menuseven.html and assisted by 
   several readings of http://www.brainjar.com/css/positioning/              */

.YAH {
  font-size : xx-small;
}
/* this is to allow the "description" to line up with the menu option */
.box {
  position : relative;
}

dl#siteSections dt {
  display : none;
}

dl#siteSections dd {
  padding : 0;
  margin : 0;
}

a.xmenu, a.xmenu:visited {
  color: #808000;
  display : block;
  width : 8em;
  height : 3em;
  text-decoration : none;
  text-align : center;
}

a.xmenu span.LED, a.xmenu:visited span.LED {
  border-top : 0.5em solid #000040;
  border-left : 0.5em solid #000040;
  border-right : 0.5em solid #000040;
  border-bottom : 0.5em solid #000040;
  background : #808000;
  display : block;
  height : 0.5em;
  overflow : hidden;
  width : 7em;
}

* html a.xmenu span.LED, * html a.xmenu:visited span.LED {
  width : 5em;
  height : 1.5em;
  w\idth : 7em;
  he\ight : 0.5em;
  overflow : hidden;
}

/* This is the actual description, hidden until someone hovers over the link */
#xmenu a, span.menu_description {
  display : none;
}

a.xmenu:hover {
  background: #000040;
  color : #FFFF00;
}

a.xmenu:hover span.LED {
  background : #FFFF00;
}

a.xmenu:hover {
  background: #000040;
  color : #FFFF00;
}

/* Stuff for the currently selected menu item */
a.xmenu_current:hover {
  background: #000040;
  color : #FFFF00;
}

a.xmenu_current, a.xmenu_current:visited {
  color: #FFFF00;
  display : block;
  width : 8em;
  height : 3em;
  text-decoration : none;
  text-align : center;
}

a.xmenu_current span.LED, a.xmenu_current:visited span.LED {
  border-top : 0.5em solid #000040;
  border-left : 0.5em solid #000040;
  border-right : 0.5em solid #000040;
  border-bottom : 0.5em solid #000040;
  background : #FFFF00;
  display : block;
  height : 0.5em;
  overflow : hidden;
  width : 7em;
}

#siteSections a:hover {
  border: 0px;
}

/* This does the description pop-up magic  */
#siteSections a:hover span.menu_description {
  background-color : #fff;
  border : 1px solid #234;
  color : #000;
  display:block;
  left : 101%;
  position : absolute;
  padding : 5px;
  top : 0;
  width : 120px;
}

/*****************************************************************************/
/* This is the "Stuff" page horizontal menu                                  */
/* Once again, borrowed: http://www.cssplay.co.uk/menus/centered2.html       */

.stuff_menu {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border-color: #FFFF00;
  border-style: ridge;
  margin: 0 auto;
  }
* html .stuff_menu {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.stuff_menu li {
  display:table-cell;    /* ignored by IE */
  }
* html .stuff_menu li {
  display:inline;        /* for IE only */
  }
.stuff_menu a, .stuff_menu a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 16px;
  color:#808000; 
  background:#000040; 
  border:1px solid #808000; /* add a border to show size of menu */
  text-decoration:none;
  }
* html .stuff_menu a, * html .stuff_menu a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.stuff_menu a:hover {
  color:#ffff00;
  }
/* Stuff for the currently selected menu item */
a.stuff_menu_current:hover {
  background: #000040;
  color : #FFFF00;
}

a.stuff_menu_current, a.stuff_menu_current:visited {
  background: #000040;
  color: #FFFF00;
}