a:hover {
  text-decoration: underline; }

img {
  border: none; }

body {
  margin: 0; }

#container {
  width: 960px;
  margin: 0; }

#header {
  width: 100%;
  padding: 20px 120px;
  background: #fff;
  color: #000; }
  #header #logo {
    float: left; }
  #header #offers {
    float: right;
    padding-top: 2em; }
    #header #offers a {
      color: inherit; }

#main {
  width: 100%;
  padding: 20px 120px;
  background: #000;
  color: #fff; }
  #main #about {
    border-top: 2px dotted white;
    border-bottom: 2px dotted white; }
    #main #about #about_title {
      width: 35%;
      float: left; }
      #main #about #about_title h3 {
        font-size: 200%;
        font-style: italic;
        font-weight: normal; }
    #main #about #about_text {
      width: 65%;
      float: left;
      padding-top: 3em; }
  #main #main_menu {
    font-style: italic; }
    #main #main_menu a, #main #main_menu a:visited {
      color: inherit;
      text-decoration: none; }
    #main #main_menu a:hover {
      text-decoration: underline; }
    #main #main_menu h4 {
      font-size: 150%;
      font-weight: normal; }
    #main #main_menu ul {
      list-style-type: none; }
      #main #main_menu ul li {
        margin-left: -2em; }
    #main #main_menu #archives {
      float: left;
      width: 33%; }
    #main #main_menu #categories {
      float: left;
      width: 33%; }
    #main #main_menu #links {
      float: left;
      width: 33%; }

#footer {
  width: 100%;
  padding: 20px 120px;
  background: #fff;
  color: #000;
  font-style: italic; }
  #footer #copyright {
    float: left; }
  #footer #contact {
    float: right; }

.clear {
  clear: both; }

.article_container {
  padding-bottom: 2em; }
  .article_container .article_date {
    margin-left: -2em;
    float: left;
    font-size: 200%; }
    .article_container .article_date .article_year {
      font-style: italic;
      font-size: 85%; }
    .article_container .article_date .article_month {
      font-style: italic; }
    .article_container .article_date .article_day {
      font-size: 125%;
      color: #78D0E5; }
  .article_container .article_image {
    float: left;
    width: 354px;
    height: 350px; }
    .article_container .article_image .img_a {
      width: 175px;
      height: 350px; }
    .article_container .article_image .img_b {
      width: 175px;
      height: 350px; }
  .article_container .article_content {
    float: left;
    margin-left: 3em;
    width: 35%; }
    .article_container .article_content h2 {
      margin-top: 0;
      font-size: 175%;
      font-weight: normal;
      font-style: italic; }
    .article_container .article_content .article p {
      line-height: 150%; }
    .article_container .article_content .article a, .article_container .article_content .article a:visited, .article_container .article_content .article a:hover {
      color: inherit;
      text-decoration: underline; }
    .article_container .article_content .article_link a {
      color: #78D0E5;
      font-style: italic;
      text-decoration: none; }
    .article_container .article_content .article_link a:hover {
      text-decoration: underline; }

#home_content .article_content {
  margin-left: 0;
  margin-top: 1em;
  clear: both;
  width: 75%; }
#home_content #primary_article {
  width: 50%;
  float: left; }
#home_content #secondary_article {
  width: 50%;
  float: left; }
  #home_content #secondary_article .article_image {
    height: 225px; }
    #home_content #secondary_article .article_image img {
      height: 100%; }
#home_content #articles_link {
  text-align: right;
  font-size: 150%;
  font-style: italic;
  margin-right: 4em;
  margin-bottom: 2em; }
  #home_content #articles_link a {
    color: inherit;
    text-decoration: none; }
  #home_content #articles_link a:hover {
    text-decoration: underline; }

.clearbutton {
  overflow: hidden;
  width: 100%; }

a.button {
  background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: normal 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px /* sliding doors padding */;
  text-decoration: none; }

a.button span {
  background: transparent url('/images/bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px; }

a.button:active {
  background-position: bottom right;
  color: #000;
  outline: none /* hide dotted outline in Firefox */; }

a.button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px /* push text down 1px */; }
