/* ========================== */
/* = gb - grantblakeman.com = */
/* ========================== */

@import url("reset.css");

body {
  color: #5a5a5a;
  font-family: "adobe-garamond-pro", "Palatino", Georgia, Times, serif;
  background-color: #fff;
}

a {
  color: #ed2924;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #bc1919;
  text-decoration: none;
}

.pattern.top.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 1020px;
  background-image: url(/images/pattern_triangle.png);
  z-index: 3;
}
.pattern.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/images/bg_notch.png);
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 5;
}

#container {
  position: relative;
  min-height: 1020px;
  background-image: url(/images/bg_white_anchor.png);
  background-position: center top;
  background-repeat: repeat-x;
  z-index: 4;
}

#content {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  z-index: 10;
}

#content .banner {
  position: absolute;
  margin: 112px 0px 0px 878px;
  width: 99px;
  height: 146px;
  text-indent: -9999px;
  background-image: url(/images/fb_banner.png);
  background-repeat: no-repeat;
  background-position: center top;
}

#content h1 {
  margin: 0 auto;
  padding-top: 160px;
  width: 352px;
  height: 393px;
  text-indent: -9999px;
  background-image: url(/images/gb_red_big.png);
  background-repeat: no-repeat;
  background-position: center 160px;
}

#content h2, #content h2 em, .bar ul li {
  color: #303030;
  font-family: "nimbus-sans", Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
}

#content h2 {
  padding-top: 15px;
  padding-bottom: 85px;
  font-size: 125px;
  letter-spacing: -0.05em;
  line-height: 125px;
  text-align: center;
}
#content h2 em {
  font-size: 45px;
  letter-spacing: -0.05em;
  line-height: 45px;
}

#content .top p {
  font-size: 18px;
  line-height: 32px;
  text-transform: lowercase;
  text-align: center;
}

#content .bar {
  margin-bottom: 20px;
  min-height: 28px;
  clear: both;
}
#content .bar.clients {
  margin-top: 80px;
}

#content .bar p.left {
  padding: 6px 0px 2px 0px;
  width: 210px;
  font-size: 14px;
  line-height: 14px;
  float: left;
}
#content .bar ul {
  margin-left: 25px;
  width: 640px;
  float: left;
}
#content .bar ul li {
  margin-right: 6px;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
}
#content .bar ul li a, #content .bar ul li em {
  display: block;
  padding: 9px 15px 9px 15px;
  height: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #303030;
}
#content .bar ul li.lillystable a { color: #f15929; }
#content .bar ul li.trident em { color: #447bf8; }
#content .bar ul li.backstage a { color: #ff3399; }
#content .bar ul li.lumberjack em { color: #598527; }
#content .bar ul li a:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  background-color: #e5e5e5;
}
#content .bar ul li a:active {
  color: #fff;
  background-color: #303030;
}
#content .bar ul li.lillystable a:active { background-color: #f15929; }
#content .bar ul li.backstage a:active { background-color: #ff3399; }

#content .bar p a {
  display: block;
  padding: 9px 15px 9px 15px;
  width: 85px;
  height: 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  font-family: "nimbus-sans", Helvetica, Arial, Verdana, sans-serif;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  background-color: #ed2924;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: right;
}
#content .bar p a.portfolio {
  background-color: #5a5a5a;
  background-image: url(/images/icon_lock.png);
  background-repeat: no-repeat;
  background-position: 10px 8px;
}
#content .bar p a:hover.portfolio {
  background-color: #707070;
  text-decoration: none;
}
#content .bar p a:active.portfolio {
  background-color: #282828;
}
#content .bar p a.blog {
  background-image: url(/images/icon_book.png);
  background-repeat: no-repeat;
  background-position: 6px 5px;
}
#content .bar p a:hover.blog {
  background-color: #fa423e;
  text-decoration: none;
}
#content .bar p a:active.blog {
  background-color: #bc1919;
}

#footer {
  padding: 25px 0px 25px 0px;
  margin-top: 60px;
  clear: both;
}
#footer p {
  font-family: "nimbus-sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 9px;
  text-align: center;
}