/*
Theme Name: Headstream 2010
Theme URI: http://wordpress.org/
Description: Updated Headstream theme for 2010
Version: 1.0
Author: FuBar Ninja
Author URI: http://fivebyfivedigital.com
Tags: blue

*/


body {
  background: #1d2a5e url(images/bg.gif) repeat-x;
  font-family: Arial, Helvetica, sans-serif;
}

#my-content p {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 10px;
  overflow: hidden;
}

#my-content .blog-box p {
  font-weight: normal;
}

a {
  color: #d94646;
}

#wrapper {
  background: url(images/wrapper-bg.gif) repeat-x;
  margin: 0 auto;
  padding-top: 62px;
  width: 1000px;
}

#sub-wrapper {
  background: url(images/sub-wrapper-bg.jpg) repeat;
  padding: 0 0 15px 15px;
}

#header {
  height: 90px;
  overflow: hidden;
}

#header .nav {
  color: #fff;
  display: inline;
  float: right;
  font-size: 14px;
  margin-right: 20px;
  margin-top: 25px;
  overflow: hidden;
}

#header .nav li {
  float: left;
  line-height: 16px;
  margin-left: 8px;
}

#header .nav li a {
  color: #fff;
  display: block;
  height: 39px;
  text-decoration: none;
}

#header .nav li a span {
  display: block;
  height: 13px;
  padding: 11px 11px 15px 10px;
}

#header .nav li a:hover {
  text-decoration: underline;
}

#header .nav li.active a:hover {
  text-decoration: none;
}

#header .nav li.active a {
  background: url(images/nav-button-right.gif) repeat-x top right;
}

#header .nav li.active a span {
  background: url(images/nav-button-left.gif) no-repeat top left;
}

#header .logo {
  float: left;
  display: inline;
  width: 195px;
  height: 0;
  font-size: 1em;
  padding-top: 65px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(images/logo.png) no-repeat;
}

#my-content {
  clear: both;
  overflow: hidden;
}

#content {
  overflow: hidden;
}

#my-content #left-col {
  display: inline;
  float: left;
  width: 695px;
  padding-right: 15px;
}

#my-content #right-col {
  display: inline;
  float: right;
  padding: 15px 20px 0 15px;
  width: 240px;
}

.home #my-content #right-col {
  background: url(images/side-bar-bg.gif) no-repeat 0 262px;
}

#footer {
  background: url(images/carbon-neutral.png) top right no-repeat;
  clear: both;
  display: inline-block;
  height: 60px;
  margin-top: 10px;
  width: 100%;
}

#footer p {
  color: #fff;
  font-size: 12px;
  padding: 5px 0 0 10px;
}

#footer p a {
  color: #d8e0ff;
}

.white-box {
  background-color: #fff;
  border: 4px solid #303964;
  margin-bottom: 15px;
  padding: 15px;
  overflow: hidden;
}

.white-box img {
  display: inline;
  float: left;
}

.pre-header {
  color: #6c6c6c;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}

.white-box h2,
.white-box h2 a {
  color: #182352;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
}

.white-box .content-right {
  margin-left: 198px;
}

.blog-box {
  overflow: hidden;
}

.blog-box h2 {
  background-color: #182352;
  color: #fff;
  font-size: 18px;
  margin: -15px -15px 15px -15px;
  padding: 10px 15px;
}

.blog-box .navigation,
.blog-box .wp-pagenavi {
  text-align: right;
}

.blog-box .navigation a,
.blog-box .wp-pagenavi a,
.blog-box .wp-pagenavi span,
.blog-box .wp-pagenavi a:visited,
.blog-box .wp-pagenavi a:link,
.blog-box .wp-pagenavi span.extend {
  border: 1px solid #dddddd;
  color: #e51600;
  font-size: 12px;
  font-weight: normal;
  padding: 4px;
  margin-left: 3px;
}

.blog-box .wp-pagenavi span.extend {
  color: #dddddd;
}

.blog-box .navigation a:hover,
.blog-box .navigation a.active,
.blog-box .wp-pagenavi a:hover,
.blog-box .wp-pagenavi span.current {
  background-color: #111938;
  color: #fff;
}

.blog-box .wp-pagenavi a.first,
.blog-box .wp-pagenavi a.last {
  display: none;
}

.post {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.post h3 {
  color: #182352;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}

#my-content p.date {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.post .date a {
  font-weight: normal;
}

#right-col h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}

#searchform {
  margin-bottom: 24px;
}

#searchform input {
  color: #081134;
  width: 214px;
  height: 13px;
  padding: 8px;
  font-size: 12px;
  overflow: hidden;
  background: url(images/search.gif) no-repeat;
  border: none;
}

.social {
  margin-bottom: 24px;
  width: 230px;
}

.social a {
  border: 1px solid #303964;
  background: #222a51 url(images/social-bookmarks-sprite.png) no-repeat 12px 6px;
  color: #fff;
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px 12px;
  text-decoration: none;
  text-indent: 40px;
}

.social a:hover {
  background-color: #303b71;
  border: 1px solid #3c4b92;
  text-decoration: underline;
}

.social .flicker {
  background-position: 12px -55px;
}

.social .rss {
  background-position: 8px -113px;
}

.clients blockquote {
  padding: 10px 10px 10px 0;
}

#my-content blockquote p {
  color: #c1cdff;
  font-size: 12px;
  line-height:15px;
  margin-bottom:0;
}

#my-content blockquote p.source {
  color: #fff;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  margin-bottom:15px;
  margin-top:-5px;
}

.case-studies {
  margin-bottom: 24px;
}

.case-studies div {
  height: 47px;
  width: 230px;
  background-color: #81bd85;
  margin-bottom: 5px;
  padding-top: 56px;
}

.case-studies div a {
  background-color: #fff;
  color: #111938;
  display: block;
  font-size: 14px;
  width: 180px;
  padding: 8px;
  text-decoration: none;
}

#my-content .case-studies p.date {
  color: #fff;
  font-weight: normal;
}

.widget_twitter ul li,
#pr-feed ul li p,
#pr-feed ul li div {
  color: #c1cdff;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #111938;
  overflow: hidden;
}

#pr-feed ul li {
	border-bottom: 1px solid #111938;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#pr-feed ul li p,
#pr-feed ul li div {
	font-weight: normal;
	border: none;
	margin-bottom: 5px;
	padding: 0;
}

ul.twitter {
	margin-bottom: 24px;
}

#content {
  overflow: hidden;
}

#content .wp-caption {
  height: 233px;
  position: relative;
  width: 164px !important;
}

#content .wp-caption p {
  background-color: #fff;
  color: #111938;
  font-size: 14px;
  padding: 6px 10px;
  position: relative;
  top: -43px;
  width: 115px;
}

.alignleft {
  float: left;
}

.edit-page {
  clear: both;
}

#my-content .clientdetails {
  background-color:#FAFAFA;
  border:1px solid #F3F3F3;
  color: #4c4c4c;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 10px;
  margin-right: 10px;
  min-height:75px;
  overflow:hidden;
  padding:10px;
  line-height: 16px;
  width: 120px;
}

.clientdetails b {
  display: block;
  color: #111938;
  font-weight: normal;
  margin-bottom: 10px;
}

.clientdetails img {
  border:1px solid #4c4c4c;
  margin:0 10px 5px 0;
  padding:2px;
  display: inline;
  float: left;
  width: 107px;

}

.clientdetails h4 {
  color: #111938;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 1em;
  padding: 5px;
}

#my-content .clientdetails p {
  color: #4c4c4c;
  font-weight: normal;
  font-size: 14px;
  padding: 5px;
}

h3.why {
  color: #111938;
  font-size: 26px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 24px;
}

#respond h3 {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 24px;
}

.contact-box {
  float: left;
  min-height: 800px;
  width: 272px;
}

.map {
  float: right;
}

#my-content .contact-box p {
  font-size: 12px;
  color: #4c4c4c;
}

.blog-box h3,
.blog-box h3 a {
  font-weight: bold;
  font-size: 16px;
  color: #182352;
  margin-bottom: 10px;
  text-decoration: none;
}

.page-id-175 #my-content #content p {
  font-size: 13px;
}

.page-id-175 .we-help {
  width: 656px;
  height: 266px;
  background: url(images/help_clients.jpg) no-repeat;
  margin-bottom: 20px;
}

.page-id-175 .we-help h1,
.consulting h1 {
  color: #101835;
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-top: 25px;
  width: 280px;
}

.page-id-175 #my-content #content .we-help p {
  color: #101835;
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
  width: 317px;
}

.offer-box {
  overflow: hidden;
}

.what-we-offer {
  background-color: #f0f0f0;
  display: inline;
  float: left;
  margin-right: 10px;
  min-height: 230px;
  padding: 10px;
  width: 190px;
}

.last-offer {
  margin-right: 0;
}

.what-we-offer ul {
  margin-left: 15px;
}

.what-we-offer ul li {
  color: #4c4c4c;
  font-size: 13px;
  list-style: square outside;
  margin-bottom: 5px;
}

.consulting {
  width: 660px;
  height: 266px;
  background: url(images/little-guy-bg.jpg) no-repeat;
  margin-bottom: 20px;
}

.consulting h1 {
  width: 400px;
}

.page-id-193 .blog-box h3 a:hover {
  text-decoration: underline;
}

.clickables a {
  float: left;
  display: inline;
  margin-right: 10px;
  width: 194px;
  height: 0;
  font-size: 1em;
  padding-top: 193px;
  text-indent: -2000px;
  overflow: hidden;
}

.monitor {
  background: url(images/monitor-and-report.gif) no-repeat;
}

.social-media {
  background: url(images/social-media-framework.gif) no-repeat;
}

.samsung {
  background: url(images/samsung-case-study.gif) no-repeat;
}

.skandia {
  background: url(images/skandia-case-study.gif) no-repeat;
}