/*-------------------------------------------
Default styles
---------------------------------------------

Default formatting, relevant to all pages.

------------------------------------------*/

body {
  position: relative; /* allow for absolute positioning relative to the body */
  font-size: 81%;
  margin: 0 auto;
  color: #333;
}


/* Regular elements --------------------*/
th,td {
    border: 1px solid #ccc;
}

li { margin-bottom: 0.5em; }

table.nolines td,
table.nolines th {
  border: none;
  padding: 0.2em;
}


/* General layout blocks --------------------*/
#content-wrapper {
  clear: both;
  overflow: auto;
}

#main-content {
  min-height: 400px;

  _height: 400px;
  margin: 0 auto;
}

#main-content .inner {
  padding: 1em 1.5em 1.5em;
}

#sub-content-a {
  min-height: 400px;
  padding: 0 0 1.5em;

  _height: 400px;
}

#sub-content-a .inner {
  padding: 0.3em 1.5em;
}

#sub-content-b {
  min-height: 400px;
  padding: 0 0 1.5em;

  _height: 400px;
}

#sub-content-b .inner {
  padding: 0.3em 1.5em;
}


/* Header & branding --------------------*/
#header {
  /*overflow: auto; /* stop bottom margin of content being passed on */
  position: relative;
}

#header .inner {
  _width: 100%; /* IE6 not making this box full width */
}

h1#site-title {
  margin: 0.2em 0 0.2em;
}

h1#site-title a {
  text-decoration: none;
}


/* Footer --------------------*/
#footer {
  background: black;
  color: white;
  clear: both;
  padding: 1em 1.5em;
}

#footer .inner {}

#footer p {
  max-width: 100%;
  text-align: right;
  margin: 0;
}

#footer a { color: white;}

#footer-terms a { color: white; }


/* Menus --------------------*/
#main-menu {
  background: black;
  float: left;
  width: 100%;
}

#main-menu ul {
  padding: 0 0 0 0.7em;
}

#main-menu li {
  font-size: 1em;
}

#main-menu li a {
  color: white;
  padding: 0.3em 0.8em 0.4em;
  border: none;
  margin: 0.3em 0;

  _padding: 0.7em 1em 0.7em;
  _border: none;
}

#main-menu li a:hover,
#main-menu li.current a { text-decoration: underline;}

#sub-menu {
  background: #CE6005;
  float: left;
  width: 100%;
}

#sub-menu ul {
  padding: 0 0 0 0.7em;
}

#sub-menu li {
  font-size: 1em;
}

#sub-menu li a {
  color: white;
  padding: 0.3em 0.8em 0.4em;
  border: none;
  margin: 0.3em 0;

  _padding: 0.7em 1em 0.7em;
  _border: none;
}


/* Main content --------------------*/
#main-content {}

h1#page-title {
  clear: both;
  padding: 0 0 0.3em 0;
  margin-top: 0.4em;
}

#main-content blockquote {
  font-size: 1.1em;
  overflow: auto;
  background: #eee;
  font-style: italic;
  width: 50%;
  float: right;
  padding: 1em 1em 0;
  margin: 0 0 0.5em 1em;
}

#main-content blockquote p {
}

#main-content #summary p {
  font-size: 1.2em;
  font-style: italic;
}


/* Sub-content --------------------*/
#sub-content-a {
  color: #000;
  background: #f6f6f6;
}

#sub-content-a .top {
  overflow: auto;
  padding: 0 1.5em;
  margin: 0 -1.5em;

  _position: relative;
}

#sub-content-b {
  color: #000;
  background: #f6f6f6;
}

#sub-content-b .top {
  overflow: auto;
  padding: 0 1.5em;
  margin: 0 -1.5em;

  position: relative;
}

#sub-content-b h2 {
  font-style: italic;
}

#sub-content-b h3 {
  color: #006fc3;
}

/*#sub-menu ul {
  margin-top: 0.2em;
  margin-left: -1.5em;
}

#sub-menu li {
}

#sub-menu li a {
  font-weight: bold;
  padding-left: 1.5em;
  border: none;
  margin: 0;
}

#sub-menu li.current a {
  text-decoration: underline;
}*/


/* Images --------------------*/
#main-content img, /* image on its own treated as a .figleft */
#main-content img.figleft {
  float: left;
  margin: 0 1em 1em 0;

  _display: inline; /* avoid IE6 doubled margin float bug */
}

#main-content img.figright {
  float: right;
  margin: 0 0 0.5em 1em;

  _display: inline;  /* Note: avoid IE6 doubled margin float bug */
}

div.photo { /* Wrap the photo AND caption */
  float: left;
  margin: 0.5em 1em 0.5em 0;
  text-align: center; /* IE 5 doesn't do auto margins */
}

div.photo p {
  clear: both;
  margin: 10px 0 0;
  text-align: center;
  width: auto;
  }

div.photo a img {
  border: 1px solid #333;
}

div.photo a:hover img {
  border: 1px solid #CE6005;
}

div.photo a { 
  border: none;
}

div.gallery div.photo { 
  height: 120px;
}

img.framed { border: 1px solid #888; }


/* Misc ----------------------*/
.more-link {
  display: block;
  text-align: right;
}

.blog-item-date { margin-top: -0.75em; }

.in-page-menu { 
  width: 20em;
  background: #F1DFCF;
  float: right;
  padding: 0.8em 1em;
  margin: 0 0 0.5em 1em;
}

.in-page-menu ul {
  margin: 0 0 0 1.5em;
}