@import url(refinery/application.css);
html {
  background-color: white;
  color: #2d2929; }

strong {
  font-weight: bold; }

a {
  outline: none; }
  a:link, a:visited {
    color: #2d2929; }
  a:hover {
    background-color: white;
    color: #2d2929; }

#wrapper {
  margin: 20px auto;
  text-align: left;
  width: 960px; }

.errorExplanation {
  background-color: #e0e0e0;
  border: 1px dashed #f00;
  color: #f00;
  margin-top: 10px;
  padding: 10px; }

#home #reel_item a {
  color: #00baff; }

#header h1 {
  background: transparent url(/images/logo.png) no-repeat;
  float: left;
  font-size: 2em;
  left: -8px;
  position: relative;
  text-indent: -9999px;
  height: 130px;
  width: 327px; }
  #header h1 a {
    height: 130px;
    width: 327px;
    display: block; }
    #header h1 a:hover {
      background-color: transparent; }

#menu {
  clear: none;
  float: right;
  left: -98px;
  line-height: 40px;
  position: relative;
  top: 60px; }
  #menu li {
    display: inline;
    float: left;
    padding-right: 24px; }
    #menu li a {
      color: #a1a3a6;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 20px;
      text-decoration: none; }
  #menu li.last {
    padding-right: 15px; }
  #menu li.selected a {
    color: #00baff; }

.clearfix, #footer, #content, .badge-row {
  clear: both; }

#footer {
  position: relative;
  top: 20px; }
  #footer a:hover {
    background-color: #00baff;
    color: #ffffff; }

#content {
  position: relative;
  top: 20px;
  width: 849px; }

.badge-row {
  margin-bottom: 20px; }

.badge {
  border: 1px solid #000;
  float: left;
  height: 275px;
  margin-bottom: 23px;
  position: relative;
  width: 268px; }

.badge-1 {
  left: 19px; }

.badge-2 {
  left: 39px; }

a.more {
  color: #00baff;
  position: relative;
  top: 36px; }

.inner-badge {
  font-family: 'PrintBoldRegular';
  font-size: 1.3em;
  margin: 0 auto;
  margin-top: 13px;
  width: 230px; }
  .inner-badge a.more {
    left: 210px;
    position: absolute;
    top: 247px; }
  .inner-badge .thumb {
    background-color: #00baff;
    border: 1px dashed #fff;
    height: 175px;
    width: 228px; }
    .inner-badge .thumb a {
      background: url(/images/play_button_sprite.png) no-repeat 0 0;
      height: 100%;
      text-indent: -9999px;
      width: 100%; }
      .inner-badge .thumb a:hover {
        background-color: transparent;
        background-position: 0 -175px; }
  .inner-badge a {
    display: block;
    float: right; }

#portfolio_images {
  margin-top: 20px; }
  #portfolio_images li {
    margin-bottom: 20px; }

#body_content_right {
  width: 310px; }

#home #body_content_right img {
  display: none; }

#about #body_content_left {
  width: 100%; }
#about #body_content_right {
  display: none; }

#contact #body_content_left, #blog #body_content_left {
  width: 525px; }

#reel #body_content_left {
  width: 623px; }
#reel #body_content_right {
  width: 95px; }

.news-item img {
  margin: 10px 0; }

.news-item, .grey-box, #homepage_message {
  background-color: #e0e0e0;
  border: 1px solid #dadada;
  font-size: 1.2em;
  margin: 10px 0;
  padding: 10px; }
  .news-item h2, .news-item h3, .grey-box h2, .grey-box h3, #homepage_message h2, #homepage_message h3 {
    margin-bottom: 5px; }
  .news-item h2, .grey-box h2, #homepage_message h2 {
    text-transform: uppercase; }
    .news-item h2 a, .grey-box h2 a, #homepage_message h2 a {
      text-decoration: none; }
  .news-item h3, .grey-box h3, #homepage_message h3 {
    color: #929292;
    font-size: 0.8em; }
  .news-item h3, .grey-box h3, #homepage_message h3 {
    float: right; }
  .news-item .link, .grey-box .link, #homepage_message .link {
    text-align: right; }
    .news-item .link .more, .grey-box .link .more, #homepage_message .link .more {
      font-size: 0.8em;
      top: 0; }

#homepage_message {
  border: 2px dashed #00baff; }

#rss_links {
  float: right;
  left: -88px;
  position: relative;
  width: 190px;
  margin: 0 0 0 15px;
  padding: 0;
  list-style-type: none; }
  #rss_links li {
    margin: 0 0 10px 10px;
    float: left; }
    #rss_links li a {
      padding: 0 0 0 19px;
      background: url(/images/feed-icon.png) no-repeat 0 50%; }

#archive {
  left: 658px;
  position: absolute;
  top: 0; }
  #archive a {
    color: #00baff; }

.still .thumb a {
  background: none;
  opacity: 1; }