body {
   background: #ffff66;
}
#header, #footer {
   /*background: #036; */
   background: #ffff66;
   /* text in header */
   color: #fff;
   text-align: center;
}
#header {
  /* nothing works, relative to css is suppose to be it
   background-image: url('../images/masthead.png');
   background-image: url('/static/spelldown/images/masthead.png');
   background-image: url(images/masthead.png);
   background-repeat: no-repeat;
   */
   background: #ffff66;
   width:100%;
   display:table
}
#masticon {
  padding:0px;
  display: table-cell;
  text-align: right;
  width: 100px;
  padding-left:10px;
  padding-right:10px;
  vertical-align:middle;
  /*border: 1px solid black;*/
}
/* http://www.somacon.com/p334.php*/
.tagline {
position: absolute ;
top: 60px;
left:30px;
color:white;
font-family: Tahoma, Geneva, sans-serif;
font:palatino;
font-style: normal;
font-variant: normal;
font-weight: 200;
font-size: 28px;
line-height: 100%;
word-spacing: normal;
letter-spacing: normal;
text-decoration: none;
text-transform: none;
text-align: middle;
text-indent: 0ex;
}
#masthead {
  display: table-cell;
  padding-left:80px;
  text-align:left;
  /*border: 1px solid black;*/
}
#headernav {
  display: table-cell;
font-family: 'Comic Sans MS', Textile, cursive;
font-size:18px;
  text-align: left;
  vertical-align:middle;
  padding-left:20px;
}
.bullet {
  font-size:150%;
  color: rgb(0,0,0);
  vertical-align:middle;
}

#navigation, #content, #sidebar {
   display: table-cell;
   padding: 0 1em;
   height:100%;
   padding-top: 50px;
   padding-bottom:10px;
}
#footer {
   border: 1px solid blue;
   /*
   background: #ffff66;
   color:#000000;
   */
   background: #000000;
   color: #ffffff;
   height:40px; /* must match values in sticky.css */
   margin-top:100px;
   padding-top:15px;
  vertical-align:middle;
}
#body {
   border-collapse: collapse;
   display: table;
   table-layout: fixed;
}
#body-inner {
   display: table-row;
}
#navigation {
   background: #ffff66;
   border: 0 solid #d0d0d0;
   padding-left: 0px;
   padding-right: 0px;
   /* needs a minimum for camino */
   /*
   border-right-width: 4px;
   width: 200px;
   padding-top: 10px;
   padding-left: 40px;
   */
}
#content {
  vertical-align:top;
  width: 66%;
color:black;
font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 18px ;
line-height: 100%;
word-spacing: normal;
letter-spacing: normal;
text-decoration: none;
text-transform: none;
text-align: left;
text-indent: 0ex;
}
#sidebar {
  padding-top:10px;
  vertical-align:top;
  width: 10%;
}
#sidebar p {
   border-left: 1px solid #d0d0d0;
   margin-left: -1em;
   padding-left: 1em;
}
#skipto {
   left: -9999px;
   position: absolute;
}