html, body { border: 0; margin: 0; padding: 0;}

/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  padding: 0 300px 0 300px;
  margin: 0;
  text-align: center;
  background: #B2C2B9;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#sizer {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
  max-width: 360px;  /* version for IE is at the bottom of this style block */
}

#expander {
  margin: 0 -300px 0 -300px;
  min-width: 600px; /* Critical Safari fix! */
  position: relative;
}

/* Holly hack for IE \*/

* html #expander { height: 0; }

/* helps IE get the child percentages right. */

#wrapper { width: 100%; } 

/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * */

body 
{ 
}

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/*\*/

* html form {height: 0;}

/* Holly hack */

a:link
{
  color: #000;
}

a:visited 
{
  color: #000;
}

a:hover 
{
  color: #500;
}

a img
{
  border-width: 0;
}

.article-header
{
  color: #fff;
  text-align: left;
  background-color: #0D3257; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 15px 30px 15px 30px;
  font-weight: bold;
}

.article-info
{
  font-size: small;
  font-weight: normal;
}

.article-body
{
  text-align: left;
  vertical-align: top;
  padding: 0px;
  background-color: #FFF;        
  padding: 15px 30px 15px 30px;
  font-family: "Georgia", "Times New Roman", Times, serif;
}

.article-nav
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: right;
  vertical-align: top;
  font-size: small;
}

.article-comment
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: smaller;
  padding-left: 20px;
  border-left: 3px solid #0D3257;
}

.article-heading
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: large;
}

.article-footer
{
  padding: 10px 30px 10px 30px;  
  color: #fff;
  font-size: x-small;
  background-color: #0D3257; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.article-footer a:link
{
  color: #fff;
}

.article-footer a:visited 
{
  color: #fff;
}

.article-footer a:hover 
{
  color: #999;
}


blockquote
{
  border-top: 1px solid #0D3257; 
  border-bottom: 1px solid #0D3257; 
  margin: 1em 3em 1em 2em;
  color: #222;
}

.image-left
{
  margin: 5px 10px 5px 0px;
  float: left;
}

.image-right
{
  margin: 5px 0px 5px 10px;
  float: right;
}
