body {
  background: url(../images/bg-body.png);
  margin: 0;
}

div#north {
  background: url(../images/bg-north.png);
  padding-top: 15px;
}

/* Global *********************************************************************/

.hide {
  display: none;
}

div.wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 1px 0;
}

.clear {
  display: block;
  clear: both;
}

img {
  border: none;
}

/* Header *********************************************************************/

div#header {
  background: url(../images/bg-header.png);
}

div#header h1 {
  margin: 0;
}

div#header h1.logo a {
  background: url(../images/h1-logo.png) no-repeat;
  width: 230px;
  height: 37px;
  margin: 30px 0 15px 0;
  opacity: 0.9;
  display: block;
}

div#header h1.logo a:hover {
  opacity: 1.0;
}

div#header h2.oneliner {
  background: url(../images/h2-oneliner.png) no-repeat;
  width: 515px;
  height: 24px;
  margin: 15px 0 25px 0;
}

/* Navigation *****************************************************************/

div#navigation {
  margin: 15px 0 30px 0
}

div#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#navigation ul li {
  float: left;
}

div#navigation ul li a {
  display: block;
  height: 30px;
  background-image: url(../images/bg-nav.png);
  background-repeat: no-repeat;
}

div#navigation ul li.home a {
  width: 190px;
  background-position: 0 0;
}

div#navigation ul li.blog a {
  width: 195px;
  background-position: -190px 0;
}

div#navigation ul li.team a {
  width: 209px;
  background-position: -385px 0;
}

div#navigation ul li.jobs a {
  width: 210px;
  background-position: -594px 0;
}

div#navigation ul li.invest a {
  width: 156px;
  background-position: -804px 0;
}

div#navigation ul li.home a.active,
div#navigation ul li.home a:hover {
  width: 190px;
  background-position: 0 -30px;
}

div#navigation ul li.blog a.active,
div#navigation ul li.blog a:hover {
  width: 195px;
  background-position: -190px -30px;
}

div#navigation ul li.team a.active,
div#navigation ul li.team a:hover {
  width: 209px;
  background-position: -385px -30px;
}

div#navigation ul li.jobs a.active,
div#navigation ul li.jobs a:hover {
  width: 210px;
  background-position: -594px -30px;
}

div#navigation ul li.invest a.active,
div#navigation ul li.invest a:hover {
  width: 156px;
  background-position: -804px -30px;
}

/* Content ********************************************************************/

div#content {
  padding-bottom: 30px;
}

div#content div.row {
  margin-bottom: 30px;
}

div#content div.row-last {
  margin-bottom: 0;
}

div#content div.wide {
  width: 630px;
}

div#content div.wide-left {
  float: left;
}

div#content div.wide-right {
  margin-left: 330px;
}

div#content div.narrow {
  width: 300px;
}

div#content div.narrow-left {
  float: left;
}

div#content div.narrow-right {
  float: right;
}

div#content div.wide p {
  margin-top: 0;
}

div#content div.narrow a.shot {
  border: none;
}

div#content div.narrow a.shot img {
  display: block;
}

div#content div.narrow h3 {
  font-family: "Trebuchet MS";
  font-size: 14px;
}

div#content div.narrow h3 span {
  font-size: 12px;
  font-style: italic;
  color: #555;
}

div#content div.narrow h3 a {
  color: #333;
  border: none;
}

div#content div.narrow p {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  line-height: 18px;
}

div#content div.narrow div.caption {
  background: #222;
  padding: 8px 10px;
  margin-bottom: 30px;
}

div#content div.narrow div.caption p {
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #ccc;
  line-height: 16px;
  margin: 0;
}

div#content div.main {
  width: 590px;
  float: left;
}

div#content div.main-full {
  width: 960px;
  float: none;
}

div#content div.sidebar {
  margin-left: 635px;
  width: 325px;
}

div#content a {
  color: #0091c8;
  text-decoration: none;
  border-bottom: 1px dotted #777;
}

div#content a:hover {
  color: #000;
  border-bottom: 1px solid #333;
}

div#content h2 {
  font-family: Georgia, sans-serif;
  font-weight: normal;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 30px;
}

div#content h3 {
  font-family: Arial, sans-serif;
  font-size: 17px;
  color: #333;
  margin-top: 30px;
  margin-bottom: 15px;
}

div#content h3 span {
  font-weight: normal;
  display: block;
  margin-top: 2px;
  font-size: 14px;
}

div#content h4 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
  margin-top: 30px;
  margin-bottom: 15px;
}

div#content p {
  font-size: 13px;
  line-height: 19px;
  font-family: Arial, sans-serif;
  color: #333;
}

div#content table.contact {
  border-collapse: collapse;
}

div#content table.contact td {
  font-size: 13px;
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 18px;
}

div#content table.contact td.label {
  font-weight: bold;
  width: 100px;
}

div#content table.contact td.value {
  width: 180px;
}

div#content div.sidebar div.glam {
  margin: 0 0 30px 0;
}

div#content div.sidebar div.glam-last {
  margin: 0;
}

div#content div.sidebar div.glam img {
  display: block;
}

div#content div.sidebar div.glam a.shot {
  border: none;
}

div#content div.sidebar div.glam a.shot img {
  opacity: 0.9;
}

div#content div.sidebar div.glam a.shot:hover img {
  opacity: 1.0;
}

div#content div.sidebar div.glam div.caption {
  background: #222;
  padding: 8px 10px;
}

div#content div.sidebar div.glam div.caption p {
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #ddd;
  line-height: 16px;
  margin: 0;
}

div#content div.main-full div.bio {
  width: 300px;
  float: left;
  margin-right: 30px;
}

div#content div.main-full div.bio h3 {
  margin-top: 15px;
}

div#content div.main-full div.bio-last {
  margin-right: 0;
}

div#content div.main-full div.bio img {
  width: 300px;
  height: 200px;
  display: block;
  margin-bottom: 15px;
}

/* Blog ***********************************************************************/

body#blog div.comments {
  border: 2px dotted #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 30px 0;
  padding: 15px;
}

body#blog div.comments table {
  font-family: Arial, sans-serif;
  border-collapse: collapse;
  color: #333;
  width: 100%;
}

body#blog div.comments table tr td.author {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}

body#blog div.comments table tr td.author p {
  background: #fff;
  padding: 2px 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 10px;
  text-transform: uppercase;
  border: none;
  display: block;
  text-align: center;
  float: left;
  margin-bottom: 0;
}

body#blog div.comments table tr td.author p a,
body#blog div.comments table tr td.author p a:hover {
  border: none;
}

body#blog div.comments table tr td.author span {
  font-weight: normal;
  color: #555;
}

body#blog div.comments table tr td.comment p {
  margin-top: 10px;
  margin-bottom: 0;
}

body#blog div.comments div.comment {
  padding-bottom: 15px;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 15px;
}

body#blog div.comments div.comment:last-child {
  padding-bottom: 0;
  margin-bottom: 5px;
  border-bottom: none;
}

body#blog div.comments h3.underlined {
  padding-bottom: 10px;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 15px;
}

body#blog div.add-comment {
  border: 2px dotted #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 30px 0;
  padding: 15px;
}

body#blog div.add-comment h3 {
  padding-bottom: 10px;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 15px;
}

body#blog div.add-comment table {
  font-family: Arial, sans-serif;
  border-collapse: collapse;
  color: #333;
}

body#blog div.add-comment table tr td {
  padding-bottom: 10px;
  vertical-align: top;
}

body#blog div.add-comment table tr td.label {
  padding-top: 8px;
  width: 120px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 10px;
  text-align: right;
}

body#blog div.add-comment table tr td.input {
  width: 500px;
}

body#blog div.add-comment table tr td.input p {
  font-size: 10px;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.0;
  padding-top: 9px;
}

body#blog div.add-comment div.input-wrapper {
  background: #fff;
  padding: 2px 2px 2px 2px;
  width: 314px;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

body#blog div.add-comment div.input-wrapper input {
  width: 304px;
  padding: 4px;
  border: 1px dotted #ccc;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  margin: 0;
  height: 13px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 12px;
  color: #333;
}

body#blog div.add-comment div.input-wrapper input:focus {
  border: 1px solid #bbb;
}

body#blog div.add-comment td.comment-input div.input-wrapper {
  width: 491px;
}

body#blog div.add-comment td.comment-input div.input-wrapper textarea {
  width: 481px;
  padding: 4px;
  border: 1px dotted #ccc;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  margin: 0;
  height: 250px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 12px;
  color: #333;
}

body#blog div.add-comment button {
  display: block;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #eee;
  padding: 2px 6px 4px 6px;
  font-size: 10px;
  font-family: Arial, sans-serif;
  background: #333;
  border: none;
  height: 27px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

body#blog div.search div.input-wrapper {
  background: #fff;
  padding: 2px 2px 2px 2px;
  width: 196px;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

body#blog div.search input {
  width: 186px;
  padding: 4px;
  border: 1px dotted #ccc;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  margin: 0;
  height: 13px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 12px;
  color: #333;
}

body#blog div.search button {
  display: block;
  float: right;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #eee;
  padding: 1px 4px 4px 4px;
  font-size: 10px;
  font-family: Arial, sans-serif;
  background: #333;
  border: none;
  height: 27px;
  text-transform: uppercase;
  font-weight: bold;
  width: 85px;
  cursor: pointer;
}

body#blog div.category-select {
  margin-bottom: 30px;
}

body#blog div.category-select ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

body#blog div.category-select ul li {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}

body#blog div.category-select ul li a {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(/images/category-select.png);
  background-repeat: no-repeat;
  border-bottom: none;
}

body#blog div.category-select ul li a {
  outline: none;
}

body#blog div.category-select ul li a span {
  display: none;
}

body#blog div.category-select ul li.both a.inactive {
  background-position: top left;
}

body#blog div.category-select ul li.echo a.inactive {
  background-position: top center;
}

body#blog div.category-select ul li.bit a.inactive {
  background-position: top right;
}

body#blog div.category-select ul li.both a.active {
  background-position: center left;
}

body#blog div.category-select ul li.echo a.active {
  background-position: center center;
}

body#blog div.category-select ul li.bit a.active {
  background-position: center right;
}

body#blog div.category-select ul li.both a.inactive:hover {
  background-position: bottom left;
}

body#blog div.category-select ul li.echo a.inactive:hover {
  background-position: bottom center;
}

body#blog div.category-select ul li.bit a.inactive:hover {
  background-position: bottom right;
}

body#blog div.post-header {
  border-top: 2px dotted #aaa;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 15px;
}

body#blog div.post-header-first {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

body#blog div.post-header div.headline {
  margin-left: 55px;
}

body#blog div.post-header p.datestamp {
  float: left;
}

body#blog p.datestamp {
  font-family: "Trebuchet MS", sans-serif;
  margin: 0;
}

body#blog p.datestamp span.month {
  font-weight: bold;
  background: #555;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  color: #eee;
  text-transform: uppercase;
  padding: 1px 0;
  font-size: 11px;
}

body#blog p.datestamp span.day {
  font-weight: bold;
  background: #fff;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  color: #333;
  text-transform: uppercase;
  padding: 1px 0;
  font-size: 11px;
}

body#blog p.datestamp span {
  display: block;
  width: 40px;
  text-align: center;
}

body#blog div#content ul,
body#blog div#content ol {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: #333;
}

body#blog div#content ul li,
body#blog div#content ol li {
  margin-top: 10px;
  margin-bottom: 10px;
}

body#blog a.more-link {
  background: #fff;
  padding: 2px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 10px;
  text-transform: uppercase;
  border: none;
  display: block;
  margin-top: 10px;
  width: 90px;
  text-align: center;
}

body#blog a.more-link:hover {
  background: #eee;
  border: none;
}

body#blog h3 {
  margin-top: 0;
  margin-bottom: 5px;
}

body#blog h3 a {
  color: #333;
  border-bottom: none;
}

body#blog h3 a:hover {
  border-bottom: none;
}

body#blog p.byline {
  font-family: Georgia, serif;
  font-size: 13px;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 0;
}

body#blog table.meta {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #aaa;
  background: #fff;
  margin-top: 2px;
  opacity: 0.9;
}

body#blog table.meta tr td a {
  border: none;
}

body#blog table.meta tr td a:hover {
  text-decoration: underline;
}

body#blog table.meta tr td {
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #333;
  padding: 8px 0;
  width: 33%;
}

body#blog table.meta tr td.timestamp {
  text-align: left;
  padding-left: 10px;
}

body#blog table.meta tr td.comment-count {
  text-align: center;
}

body#blog table.meta tr td.more {
  text-align: right;
  padding-right: 10px;
}

body#blog div.pages {
  margin-top: 30px;
  border-top: 2px dotted #aaa;
  padding-top: 30px;
}

/* Buttons ********************************************************************/

a.btn-left {
  float: left;
}

a.btn-right {
  float: right;
}

a.btn {
  display: block;
  height: 24px;
  background: url(/images/btn-left.png) no-repeat bottom left;
  padding-left: 3px;
  border: none !important;
  outline: none;
}

a.btn:active {
  background-position: top left;
}

a.btn:hover span.btn-txt {
  color: #111;
}

a.btn span.btn-inner {
  float: left;
  display: block;
  background: url(/images/btn-right.png) no-repeat bottom right;
  height: 24px;
  padding-right: 3px;
}

a.btn:active span.btn-inner {
  background-position: top right;
}

a.btn span.btn-img {
  display: block;
  float: left;
  padding: 4px 0 0 2px;
}

a.btn span.btn-img img {
  width: auto !important;
  height: auto !important;
}

a.btn span.btn-txt {
  display: block;
  float: left;
  padding: 7px 5px;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #444;
  text-transform: uppercase;
}

div.connect a.btn {
  float: left;
  margin-right: 10px;
}

/* Footer *********************************************************************/

div#footer p {
  margin: 30px 0;
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #aaa;
  line-height: 16px;
  text-transform: uppercase;
}

div#footer a {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px dotted #777;
}

div#footer a:hover {
  color: #fff;
  border-bottom: 1px solid #777;
}