@charset "utf-8";
/* 
 * HECToR Stylesheet
 * =================
 *
 * This is the main HECToR stylesheet. 
 *
 * Colour schemes
 * --------------
 *
 * Three main colours are defined in a colour scheme (search for these names to find
 * instances in the stylesheet:
 *    -TextColour - The default text colour
 *    -BGColour - The main background colour
 *    -BoxColour - Colour for boxes on the user site (and some headers)
 *    -LinkColour - Colour for the link rollover on public frontend
 *    -InfoColour - Colour of text in info boxes
 *
 * Schemes that have been used before:
 *    Phase 2b (Blue Spider)
 *    (TextColour=#333, BGColour=#26466d, BoxColour=#344152, LinkColour=#CD3333, InfoColour=#26466d)
 *    Phase 2a (XT Red)
 *    (TextColour=#333, BGColour=#5e1c1e, BoxColour=#484a66, LinkColour=#2b73a5, InfoColour=#5e1c1e)
 *
 * Modified to use SCSS
 *
 * A. R. Turner, January 2011
 */
/* Set up the colour variables for "Blue Spider"*/
/* Set the font family */
@import url( ./yui-reset.css);
@import url( ./yui-fonts.css);
@import url( ./clearfix.css);
/**************************************************************
 * TOP-LEVEL STYLES
 **************************************************************/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #333333;
  background-color: #26466d;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 80%;
}

/**************************************************************
 * DEFAULT STYLES
 **************************************************************/
/* 
 * Make sure all the margins default to 0
 */
div {
  margin: 0;
  padding: 0;
  border: 0;
}

.accessible {
  display: none;
}

a {
  color: #555555;
}

a:hover {
  color: #2b73a5;
}

p {
  margin-bottom: 1em;
}

pre {
  width: auto;
  border: 1px dashed black;
  background: #eee;
  padding: 5px;
  overflow: hidden;
  zoom: 1;
}

#container, #header, #body, #footer {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Here we set the width of the actual container which
 * holds all the site content (i.e. header, content, footer)
 */
#container {
  width: 1000px;
  background-color: #fff;
  padding-top: 10px;
}

#header, #body, #footer {
  width: 980px;
}

abbr, acronym {
  border: 0;
}

table thead {
  display: none;
}

table tr {
  vertical-align: top;
}

table tbody td {
  padding-right: 1em;
}

table tbody td.date {
  white-space: pre;
}

table tbody td.value, table tbody th.value {
  text-align: right;
}

table.lined td, table.lined th {
  border: 1px solid black;
}

table.borderless, table.borderless td, table.borderless th {
  border: 0;
}

p.blogdate {
  margin-top: 0;
  padding-top: 0;
  font-style: italic;
}

.indented {
  padding-left: 20pt;
  padding-right: 20pt;
}

.indentmore {
  padding-left: 40pt;
  padding-right: 40pt;
}

.indent3 {
  padding-left: 60pt;
  padding-right: 60pt;
}

.indent4 {
  padding-left: 80pt;
  padding-right: 80pt;
}

ol.upper-roman li {
  list-style-type: upper-roman;
}

ol.lower-alpha li {
  list-style-type: lower-alpha;
}

ol.lower-roman li {
  list-style-type: lower-roman;
}

/******************************************************************************
 * HEADER STYLES
 ******************************************************************************/
#header {
  border-top: 5px solid #26466d;
}

/* 
 * This is  the style for the website navigation bar at the top
 * of every page
 */
#site {
  background-image: url(./images/furniture/menu-background.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin-bottom: 2px;
  padding-bottom: 2px;
  padding-top: 0px;
}

/*
 * This is the switching logo on the very top left
 */
#logo {
  float: left;
  padding-top: 12px;
  padding-bottom: 7px;
  padding-left: 8px;
}

#container #logo h1 {
  width: 71px;
  height: 21px;
  position: relative;
  display: block;
}

#container #logo h1 a span#logo-image {
  background-image: url(./images/furniture/home_logo.gif);
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#container #logo h1 a:hover span#logo-image {
  background-image: url(./images/furniture/hector_logo.gif);
}

/*
 * The main navigation bar
 */
#menu {
  float: right;
  padding-top: 12px;
  margin-top: 3px;
}

#menu ul, #menu li {
  margin: 0;
  padding: 0;
  border: 0;
  display: inline;
  list-style: none;
  list-style-type: none;
}

#menu a {
  font-weight: normal;
  color: #333333;
  background-image: url(./images/furniture/menu-separator.gif);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: 7px;
  padding-bottom: 18px;
  text-decoration: none;
  text-transform: uppercase;
}

#menu a:hover {
  color: #2b73a5;
  text-decoration: underline;
}

#menu a.selected {
  color: #2b73a5;
}

#menu li.first a {
  background: none;
}

#menu li.admin a {
  color: #333333;
}

#menu li.admin a:hover {
  color: #2b73a5;
}

/*
 * The HECToR Banner
 */
#masthead {
  width: 980px;
  height: 133px;
  position: relative;
  background-image: url(./images/mastheads/masthead-main_blue.jpg);
  background-repeat: no-repeat;
}

/*
 * Mastheads for the different sections
 */
body.about-us #masthead {
  background-image: url(./images/mastheads/masthead-about-us_blue.jpg);
}

body.news-events #masthead {
  background-image: url(./images/mastheads/masthead-news-events_blue.jpg);
}

body.service #masthead {
  background-image: url(./images/mastheads/masthead-service.jpg);
}

body.support #masthead {
  background-image: url(./images/mastheads/masthead-support.jpg);
}

body.cse #masthead {
  background-image: url(./images/mastheads/masthead-cse.jpg);
}

body.research #masthead {
  background-image: url(./images/mastheads/masthead-research_phase3.png);
}

/*
 * Not sure what this does
 */
#container.services #masthead {
  background-image: url(./images/mastheads/masthead-service.jpg);
}

/*
 * This is for the breadcrumb trail and the search box
 */
#meta {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 3px;
}

#meta div#breadcrumb {
  float: left;
  font-size: 1em;
  padding-left: 0;
}

#meta div#search {
  float: right;
  padding-right: 8px;
}

#meta div#search input#search {
  font-size: 90%;
  color: #666;
}

#meta div#search {
  float: right;
  padding-right: 0px;
  font-size: 1.2em;
}

#breadcrumb p, #breadcrumb ul, #breadcrumb li {
  display: inline;
  list-style: none;
  list-style-type: none;
  color: #666;
}

* html #breadcrumb p {
  margin-right: 0.5em;
}

/*
 * Set the colours for the breadcrumb links
 */
#breadcrumb a {
  color: #344152;
  text-decoration: none;
}

#breadcrumb a:hover {
  color: #2b73a5;
}

#breadcrumb a:after {
  content: "  \00bb  ";
}

* html #breadcrumb a {
  padding-right: 13px;
  background-image: url(./images/furniture/breadcrumb.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

/******************************************************************************
 * MAIN BODY STYLES
 ******************************************************************************/
#body {
  background-image: url(./images/furniture/content-background.gif);
  padding-bottom: 20px;
  margin-top: 2px;
  font-size: 9px;
}

#content #copy {
  background-image: none;
  background-color: #fff;
  padding-bottom: 1em;
  color: #666;
  font-size: 1.3em;
  padding-top: 10px;
  clear: none;
}

#content #copy p {
  line-height: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

#content #copy img {
  clear: none;
}

#content #copy img.casestudy {
  float: none;
}

/* 
 * These are the settings for links within the main content
 */
#content #copy a {
  color: #344152;
}

#content #copy a:hover {
  color: #2b73a5;
}

#content #copy h2 {
  font-size: 20px;
  line-height: 160%;
  color: #344152;
  border-bottom: 1px solid #344152;
  margin-bottom: 5px;
}

#content #copy h2 a, #latest-news h2 a {
  text-decoration: none;
  color: #666;
}

#content #copy h2 a:hover, #latest-news h2 a:hover {
  color: #000;
}

/*
 * A more definite section separator
 */
#content #copy h3.subsection {
  font-size: 120%;
  line-height: 160%;
  color: #344152;
  border-bottom: 1px dashed #344152;
  margin-bottom: 2px;
  overflow: hidden;
  zoom: 1;
  clear: none;
  clear: left;
}

#content #copy h3 a {
  text-decoration: none;
  color: #666;
}

#content #copy h3 a:hover {
  color: #000;
}

/*
 * Body list styles
 */
#content #copy ul, #copy ol {
  margin-left: 2em;
  margin-bottom: 1em;
}

#content #copy ul {
  list-style-type: square;
}

#content #copy ol {
  list-style-type: decimal;
}

#content #copy li {
  line-height: 1.6em;
}

#content dt {
  margin-bottom: 0.5em;
  font-size: 110%;
  font-weight: bold;
}

#content dd {
  margin-bottom: 0.5em;
  margin-left: 4em;
}

#content #copy ul.toc {
  background: #FCFCFC;
  border: 1px dashed #eee;
  display: block;
  float: right;
  margin: 0 0 0 10px;
  padding: 5px 5px 5px 25px;
  width: 40%;
}

/*
 * The default table style in the content
 */
#content #copy table {
  border: 1px solid #333333;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#content #copy table th, #content #copy table td {
  padding: 0.2em;
}

#content #copy table th {
  font-weight: bold;
}

/*
 * Styles for the CSE table
 */
#content #copy table.cse-table {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}

/*
#content #copy table.cse-table tr {
  border: 1px dashed black;
}
*/
#content #copy table.cse-table th, #content #copy table.cse-table tbody td {
  padding: 0.5em;
  vertical-align: middle;
  border: 1px solid black;
}

#content #copy strong {
  font-weight: bold;
}

#content #copy em {
  font-style: italic;
}

#content #copy big {
  font-size: 1.5em;
}

#content #copy .news {
  margin-bottom: 2em;
}

#content #copy .news h3 {
  padding-bottom: 0.75em;
  line-height: 1.6em;
}

#content #copy .news .news-meta {
  font-size: 80%;
  color: #666;
  margin-top: 0.2em;
}

#content #copy .project .project-meta {
  font-size: 80%;
  color: #666;
  margin-top: 0.2em;
}

#content #copy .job .job-meta {
  font-size: 80%;
  color: #666;
  margin-top: 0.2em;
}

#content #copy input {
  clear: both;
}

/* Important */
#content #copy p {
  text-align: left;
}

/*
 * For highlighting text during changes
 */
#content #copy p.highlight {
  background: yellow;
}

/*
 * To add styles to adverts
 */
#adverts {
  float: left;
  height: 150px;
  width: 100%;
}

p.advert {
  text-align: center;
  float: left;
  padding: 12px;
}

p.advert a {
  margin: 5px;
}

#content #copy blockquote {
  font-family: georgia, times, "times new roman", serif;
}

#content #copy blockquote p {
  font-style: italic;
  padding-left: 40px;
  padding-right: 40px;
}

#content #copy blockquote cite {
  display: block;
  color: #000;
  text-align: right;
  font-style: normal;
}

#content #copy cite {
  font-style: italic;
}

/*
 * This is where the width of the content section is set
 */
.content-page div#content {
  float: right;
  width: 770px;
}

#content h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
}

#content h4 {
  font-size: 1em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

#content cite.project {
  font-weight: bold;
  font-style: italic;
  font-style: normal;
}

#content h3 {
  clear: both;
}

#content #copy li.mainentry ul {
  padding-bottom: 0;
  margin-bottom: 0;
}

#content #copy hr {
  width: 100%;
  margin: 1em auto;
  border: 0;
  border-top: 1px dotted #344152;
}

/*
 * This is for the introduction on the front page
 */
#content #copy #introduction {
  float: left;
  width: 605px;
}

#content #copy #introduction h2 {
  display: none;
}

/* 
 * This is for the training schedule box
 */
#content #copy #training-schedule {
  float: left;
  width: 605px;
  clear: none;
  margin-bottom: 10px;
}

#content #copy #training-schedule h3 {
  margin: 5px 0;
  font-size: 120%;
  background-color: #344152;
  color: white;
  padding: 2px;
}

#content #copy #training-schedule ul {
  margin: 0;
  padding: 5px;
  border: 1px solid #344152;
}

#content #copy #training-schedule li {
  list-style-type: none;
  padding: 2px 0;
}

#content div#workshop-advert {
  border: 1px solid black;
  padding: 4px;
  font-size: 90%;
  clear: both;
}

#content div#workshop-advert h3 {
  margin-top: 0;
}

#content div#workshop-advert p {
  list-style-type: none;
  margin: 4px;
  padding: 0;
}

/* 
 * This section is for the latest news
 */
#content #copy #latest_news {
  float: right;
  width: 150px;
  padding: 4px;
  clear: right;
  margin-bottom: 10px;
}

#latest-news h2 {
  font-size: 1.5em;
  line-height: 185%;
}

#content #copy #latest_news h3 {
  margin: 5px 0;
  font-size: 120%;
  background-color: #344152;
  color: white;
  padding: 2px;
}

#content #copy #latest_news ul {
  margin: 0;
  padding: 0;
}

#content #copy #latest_news li {
  border: 1px solid #344152;
  padding: 5px;
  margin: 5px 0;
  list-style-type: none;
  marker-offset: 0;
}

/*
 * Style for link to more information
 */
p.more {
  clear: both;
  text-align: right;
}

p.more a:after {
  content: "...";
}

/*
 * Styles for the machine status
 */
#content #copy #machine_status_up {
  border: 1px solid green;
  background: #ddffdd;
  padding: 0 10px;
  margin: 5px;
  width: 95%;
  float: left;
}

#content #copy #machine_status_down {
  border: 1px solid red;
  background: #ffdddd;
  padding: 0 10px;
  margin: 5px;
  width: 95%;
  float: left;
}

#content #copy #machine_status_test {
  border: 1px solid blue;
  background: #ddddff;
  padding: 0 10px;
  margin: 5px;
  width: 95%;
  float: left;
}

/************************************************************************
 * Styles for the public frontend
 ************************************************************************/
/*
 * content_intro only applys to the front page
 */
.content-page div#content_intro {
  position: relative;
}

#content_intro #copy h2 {
  font-size: 20px;
  line-height: 160%;
  color: #344152;
  border-bottom: 1px solid #344152;
  margin-bottom: 5px;
}

#content_intro #copy h2 {
  display: none;
}

/*
 * Contains the case study feature
 */
#abstract {
  width: 980px;
  padding-top: 10px;
}

#abstract p {
  color: #26466d;
  background-color: #eee;
  font-size: 2.5em;
  margin: 5px;
  padding: 10px;
  text-align: center;
  width: 950px;
}

/*
 * Bounding box for the main section of the front page
 */
#qanda {
  width: 980px;
  min-height: 315px;
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
 * Large left-hand box with vertical image
 */
#important {
  display: block;
  float: left;
  width: 420px;
  min-height: 310px;
  margin: 5px;
  background-repeat: no-repeat;
  background-postion: left;
  background-color: #26466d;
}

#important p {
  font-size: 1.4em;
  margin-left: 120px;
  margin-right: 10px;
  color: white;
}

#important h3 {
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 120px;
}

#important h3 a {
  font-size: 2.0em;
  text-decoration: none;
  color: white;
}

#important h3 a:hover {
  color: #cc3333;
}

#important ul {
  list-style: square inside;
  margin-left: 120px;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px;
  margin-right: 3px;
}

#important li {
  list-style: square inside;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px;
  font-size: 1.4em;
  color: white;
}

#important a {
  color: white;
}

#important a:hover {
  color: #cc3333;
}

/*
 * Bounding box for the smaller section boxes
 */
#qbox {
  display: block;
  float: left;
  width: 550px;
  min-height: 315px;
}

/*
 * Small section boxes
 */
#content_intro div.question {
  display: block;
  float: left;
  width: 173px;
  min-height: 310px;
  margin: 5px;
  background-color: #26466d;
  color: white;
}

#content_intro div.question h3 {
  margin-top: 110px;
  padding: 5px;
  min-height: 40px;
}

#content_intro div.question h3 a {
  font-size: 1.8em;
  text-decoration: none;
  color: white;
}

#content_intro div.question h3 a:visited {
  color: white;
}

#content_intro div.question h3 a:hover {
  color: #cc3333;
}

#content_intro div.question p {
  z-index: 2;
  font-size: 1.3em;
  padding: 5px;
}

#content_intro div.question p a {
  color: white;
}

#content_intro div.question p a:visited {
  color: white;
}

#content_intro div.question p a:hover {
  color: #cc3333;
}

/*
 * Images for the individual section boxes
 */
#content_intro #what {
  background-image: url(./images/furniture/cabinet4_173x100.jpg);
  background-position: top;
  background-repeat: no-repeat;
}

#content_intro #how {
  background-image: url(./images/furniture/fractal_173x100_blue.jpg);
  background-position: top;
  background-repeat: no-repeat;
}

#content_intro #user {
  background-image: url(./images/furniture/user_173x100.jpg);
  background-position: top;
  background-repeat: no-repeat;
}

/*
 * Adverts section
 * The auto margins and 100% width centre the adverts horizontally
 */
#content_intro #adverts {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Styles for pages without a left-hand navigation menu
 */
#content #copy.public {
  margin-left: -210px;
}

/*
 * Style for a summary section to go at the top of a content page
 */
#content #copy p.info {
  color: #26466d;
  background-color: #eee;
  font-size: 120%;
  padding: 5px;
  clear: both;
}

/*
 * Styles for case studies
 */
div.casestudy {
  width: 100%;
  border-bottom: 1px solid black;
  min-height: 200px;
  display: block;
  clear: both;
  float: left;
}

div.casestudy div.csimage {
  display: block;
  float: left;
  padding: 10px 10px;
  width: auto;
}

div.casestudy div.cstext {
  width: 70%;
  display: block;
  float: left;
  padding: 20px;
}

/*
 * Defines a floating block (used on software page)
 */
div.floater {
  display: block;
  float: left;
  margin: 15px;
  max-width: 29%;
}

div.firstfloater {
  display: block;
  float: left;
  margin: 15px;
  max-width: 29%;
  clear: left;
}

/*
 * Styles for images that we want text to wrap around
 */
img.rightimage {
  float: right;
  margin: 10px;
}

img.leftimage {
  float: left;
  margin: 10px;
}

/*
 * Form styles
 */
input {
  padding: 0 5px;
}

/*******************************************************************************************
 *  THE FOOTER STYLES
 *******************************************************************************************/
/*
 * Style for the left hand navigation menu
 */
#navigation {
  float: left;
  width: 190px;
  margin-left: 4px;
  padding-top: 20px;
  padding-top: 10px;
}

#navigation h2 {
  font-size: 1.2em;
  padding: 1em 1em 0.5em 1em;
  color: #484a66;
  background: white;
}

#navigation ul, #navigation li {
  clear: right;
  list-style: square inside;
  background-color: #fff;
  color: #ccc;
}

#navigation ul {
  border-top: 1px dotted #a7a7a7;
}

#navigation li {
  padding-left: 19px;
  padding-left: 5px;
  border-bottom: 1px dotted #a7a7a7;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.2em;
}

#navigation ul.toc li {
  background: #eee;
}

#navigation li ul li {
  margin-top: 5px;
  margin-bottom: -5px;
}

#navigation a {
  text-decoration: none;
}

#navigation a:hover {
  color: #2b73a5;
  /* Dark Blue */
}

#navigation h2.secondary {
  margin-top: 2em;
}

#navigation li.current_page_item, #navigation li.current-cat {
  background-image: url(./images/furniture/list-bullet-on.gif);
}

#navigation ul li.sitemap {
  margin-top: 2em;
}

/*
 * This is for the apply button
 */
#navigation #account_apply_costs {
  display: block;
  margin: 10px 0px 10px 0px;
}

#navigation #account_apply_costs h3 {
  background-color: #344152;
  color: white;
  padding: 3px;
  font-size: 12px;
}

#navigation #account_apply_costs p {
  border: 1px solid #344152;
  padding: 5px;
  margin: 2px 0;
  text-align: center;
  font-size: 12px;
}

/* 
 * This section is for the service status in the left-hand menu
 */
#navigation #service_status {
  display: block;
  margin: 10px 0px 10px 0px;
}

#navigation #service_status h3 {
  background-color: #344152;
  color: white;
  padding: 3px;
  font-size: 12px;
}

#navigation #service_status p {
  border: 3px double #344152;
  padding: 5px;
  margin: 2px 0;
  text-align: center;
  font-size: 12px;
}

#navigation p {
  clear: both;
  font-size: 10px;
}

#footer {
  border-top: 1px solid #26466d;
  /* BGColour */
  margin-top: 1em;
  color: #666;
}

#footer p {
  margin: 0;
  padding: 0.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/*
 * Set the colours for the links in the footer
 */
#footer a {
  color: #333333;
  /* dark slate */
  text-decoration: underline;
}

#footer a:hover {
  color: #2b73a5;
}

#footer #terms {
  float: right;
}

#footer #copyright {
  float: left;
}

/* DISCLAIMER ON ARCHIVE SITE */
#footer .archive-disclaimer {
  clear: both;
  font-size: 1.2em;
}

/***********************************************************************************
 * GALLERY STYLES
 ***********************************************************************************/
div.gallery-thumbnail {
  border: 0;
  padding: 0;
  margin: 0;
  width: 180px;
  height: auto;
  border: 1px solid #ccc;
  padding: 2px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  line-height: 140px;
  background-color: #eee;
}

div.random-image div.gallery-thumbnail {
  width: 183px;
  height: auto;
}

div.gallery-thumbnail:hover {
  border: 1px solid #999;
  background-color: #fff;
}

div.gallery-thumbnail a {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

* html div.gallery-thumbnail a {
  width: auto;
  height: auto;
  vertical-align: auto;
  display: block;
}

div.gallery-thumbnail a img {
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 183px;
  max-width: 183px;
  /* IE hack */
  width: expression(183 + 'px');
  vertical-align: middle;
}

div.random-image div.gallery-thumbnail a img {
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 183px;
  max-width: 183px;
  /* IE hack */
  width: expression(183 + 'px');
  vertical-align: middle;
}

div.gallery-thumbnail a img.portrait {
  width: auto;
  height: expression(140 + 'px');
}

div.random-image div.gallery-thumbnail a img.portrait {
  width: auto;
  height: expression(183 + 'px');
}

div.random-image {
  margin-top: 20px;
}

div.random-image div.gallery-thumbnail {
  float: none;
  clear: both;
}

/************************************************************************
 * MISCELLANEOUS STYLES
 ************************************************************************/
div.archived {
  color: #999;
}

div.hidden {
  display: none;
}

kbd {
  background-color: #ccc;
  border: 1px solid #666;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  -moz-border-radius: 3px;
}

h2.year {
  border: 0;
  font-size: 0.9em;
  color: black;
}

/************************************************************************
 * Here be dragons!  (Well, IE hacks)
 ************************************************************************/
* html .home-page div#content {
  margin-left: 10px;
}

* html .home-page div#latest-news {
  margin-right: 4px;
}

* html .content-page div#content {
  /* margin-right: 21px; */
}

* html #meta div#search {
  width: auto;
  margin-left: auto;
  text-align: right;
}