/* Constants */
/* HTML Boilerplate */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* Purina site */
body {
  font-family: "futura-pt";
  font-weight: 400;
  background: #e9e9e9;
  color: #000;
  margin: 0;
  padding: 0 0 48px 0;
}

a {
  color: #3791a6;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a img, img {
  border: 0;
}

.container {
  margin: 0 auto;
  width: 1024px;
}

#header, #nav {
  background: #fff;
  border-bottom: solid 1px #232323;
}

#header {
  padding-top: 12px;
}
#header a.back {
  font-family: "futura-pt";
  font-weight: 700;
  border-bottom: solid 13px #000;
  color: #000;
  display: block;
  font-size: 11px;
  line-height: 21px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
#header a.back:hover {
  color: #ef4135;
}
#header .logos {
  height: 52px;
}
#header h1 {
  font-size: 52px;
  line-height: 76px;
  margin: 0;
  text-align: center;
}
#header h1 a {
  color: #000;
}
#header h1 a:hover {
  text-decoration: none;
}
#header h1 span {
  color: #3791a6;
  font-weight: normal;
}
#header h1 sup {
  font-size: 18px;
}

#nav {
  margin-bottom: 24px;
  padding: 8px 0;
}
#nav a {
  color: #000;
}
#nav a:hover {
  color: #3791a6;
}
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#nav ul li {
  display: inline-block;
  position: relative;
  margin: 0 24px 0 0;
  padding: 0;
}
#nav ul li a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#nav ul li:last-of-type {
  margin: 0;
}

#entry_form h1 {
  font-size: 36px;
  font-weight: normal;
  text-align: center;
}
#entry_form form {
  margin: 0 auto;
  width: 400px;
  /* Upload field styles */
}
#entry_form form input[type="submit"] {
  font-family: "futura-pt";
  font-weight: 400;
  background: #3791a6;
  border: 0;
  color: #fff;
  display: block;
  font-size: 24px;
  margin: 0 auto;
  padding: 12px 8px;
  width: 250px;
  text-align: center;
  text-transform: uppercase;
}
#entry_form form .confirm {
  background: url(../img/unchecked.png) no-repeat center left;
  display: table-cell;
  font-size: 13px;
  height: 25px;
  padding-left: 52px;
  vertical-align: middle;
}
#entry_form form .confirm.active {
  background-image: url(../img/checked.png);
}
#entry_form form .help {
  color: #888;
  font-size: 11px;
  text-align: center;
}
#entry_form form .row {
  padding: 12px 0;
}
#entry_form form .row:last-of-type {
  padding-bottom: 48px;
}
#entry_form form .row input[type="text"] {
  font-family: "futura-pt";
  font-weight: 400;
  background: transparent;
  border: 0;
  border-bottom: solid 1px #888;
  font-size: 14px;
  width: 170px;
}
#entry_form form .row label {
  display: inline-block;
  margin-right: 12px;
  width: 120px;
  text-align: right;
  text-transform: uppercase;
}
#entry_form form .row .error {
  color: red;
  font-size: 12px;
  text-align: center;
}
#entry_form form .upload-container {
  margin: 0 auto;
  position: relative;
}
#entry_form form .upload-container .upload-proxy, #entry_form form .upload-container .upload-trigger {
  top: 0px;
}
#entry_form form .upload-proxy {
  border: solid 4px #3791a6 !important;
  border-right: 0;
  display: block;
  float: left;
  height: 32px;
  margin: 0;
  text-align: center;
  width: 287px !important;
}
#entry_form form .upload-trigger {
  font-family: "futura-pt";
  font-weight: 400;
  background: #3791a6;
  color: #fff;
  border: 0;
  display: block;
  font-size: 24px;
  height: 42px;
  margin: 0;
  padding: 0 8px 0 4px;
  text-transform: uppercase;
  width: 103px;
}

#ad {
  float: right;
  height: 600px;
  margin: 0 12px 12px 0;
  width: 300px;
}

#gallery #gallery-header {
  margin-bottom: 24px;
}
#gallery #gallery-header #intro {
  float: left;
  margin-right: 340px;
}
#gallery #gallery-header #intro h1 {
  font-size: 32px;
  line-height: 32px;
  margin-top: 0;
}
#gallery #gallery-header .social {
  float: right;
  text-align: right;
}
#gallery #done {
  font-family: "futura-pt";
  font-weight: 700;
  background: #ccc;
  border: 0;
  display: block;
  font-size: 16px;
  line-height: 48px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
#gallery .item {
  margin: 0 12px 12px 0;
}
#gallery .item img {
  display: block;
  text-align: center;
}
#gallery .item.list {
  max-width: 329px;
}
#gallery .item .info {
  background: #fff;
  float: left;
  padding: 8px 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
#gallery .item .info h1, #gallery .item .info h2, #gallery .item .info h3 {
  margin: 0;
}
#gallery .item .info h1 {
  font-size: 18px;
  line-height: 24px;
}
#gallery .item .info h2 {
  font-size: 14px;
  line-height: 20px;
}
#gallery .item .info h3 {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.social {
  margin: 0 auto;
  padding-bottom: 24px;
  text-align: center;
}
.social > div {
  display: inline-block;
}
.social .fb {
  position: relative;
  top: -5px;
}

#gallery-detail .item {
  text-align: center;
}