/*
Theme Name: Chameleon People Solutions Theme
Theme URI: http://www.chameleonpeoplesolutions.co.uk/
Description: The theme for Chameleon People Solutions
Author: endjin
Version: 1.0
*/

body {
  background: #262626;
  color: white;
}

a {
  color: white;
}

a:hover {
	color: #CCC;
	text-decoration: none;
}

li {
	color: #FFFFFF;
}

h1 {
	color: #FFFFFF;
	font-size: 33px;
	font-weight: normal;
	padding-left: 10px;
}

h2 {
	color: #2A5D00;
	font-weight: normal;
	font-size: 21px;
	font-family: 'PT Sans', sans-serif;
	margin: 0px;
	padding: 0px;
}

h3 {
	color: #7cc116;
	font-weight: normal;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	margin: 0px;
	padding: 0px;
}

blockquote {
  margin: 18px 0;
  padding: 0;
  border-left: none;
  font-size: 18px;
  color: #265901; 
  font-family: 'PT Sans', sans-serif;
}

 blockquote p:before { content: open-quote; font-weight: bold; display: inline; float: left}
 blockquote p:after { content: close-quote; font-weight: bold; display: inline;  }

blockquote p  {
  font-size: 18px;
  color: #265901; 
  font-family: 'PT Sans', sans-serif;
}

.row {
  margin-right: -20px;
  background-color: #fff;
  color: #5c5a6a;
}

.spanThird {
	width: 400px;
	float: left;
}


.home .spanThird {
 color: #fff;
}

.spanTwoThirds {
 width: 600px;
}

.titlebar {
  background-color: white;
  color: #262626;
  padding-top: 20px;
  padding-bottom: 20px;
}

.titlebar a {
  color: #262626;
}

.titlebar a:hover {
  color: #262626;
}

.title1 {
  font-size: 34px;
  line-height: 39px;
  font-family: 'PT Sans', sans-serif;
}

.title2 {
  font-size: 51px;
  line-height: 51px;
  margin-left: 28px;
  font-family: 'PT Sans', sans-serif;
}

.title3 {
  font-size: 34px;
  line-height: 36px;
  margin-left: 100px;
  font-family: 'PT Sans', sans-serif;
}

.title4 { 
  font-size: 34px;
  line-height: 36px;
  margin-left: 270px;
  font-family: 'PT Sans', sans-serif;
}

.shadowcontainer {
  background: url('../images/bg.png') top center repeat-y;
  position: relative;
}
.footershadow {
  position: absolute; 
  bottom: -15px; 
  margin-left: auto; 
  margin-right: auto; 
  left: 0;
  right: 0; 
  width: 1024px;
}
.footerbar { 
  background-image: url('../images/footerbackground.jpg');
  background-color: #131313;
  color: white;
  margin-right: -20px;
}

.footerdividertop {
  height: 1px; 
  background-image:url('../images/footerdividertop.jpg');
 }

.herobar {
  height: 154px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image:url('../images/herobackground.jpg');
  color: #fff;
}

.shortherobar {
  height: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image:url('../images/herobackground.jpg');
  color: #fff;
}

.herodividerbottom {
  height: 1px; 
  background-image:url('../images/herodividerbottom.jpg');
}

.herotextright { 
  margin-top: 77px;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  font-family: 'PT Sans', sans-serif;
}

.bodybar {
  padding-top: 20px;
  padding-bottom: 36px;
  background-image:url('../images/midgreybackground.jpg');
}

.bodybar a {
  font-weight: bold;
}

.bodybar a span {
  text-transform: lowercase;
}

.contentbar {
	padding-top: 10px;
	background: white url('../images/bg_sidebar.png') repeat-y right;
	color: #262626;
}

.contentbar a {
	color: #FFFFFF;
}


.skinny article {
  width: 360px;
}

.pulledImage {
  float: right;
  margin-right: -230px;
}

/* post content */


.page, .post {
  margin: 0 30px 0;
  line-height: 140%;
}

.entry-header {
	margin-top: 0px;
	margin-bottom: 10px;
}

.page p, .post p {
  line-height: 140%;
  margin-bottom: 1em;
}


.post .posttitle {
  font-family: Arial;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 100%;
  margin: 5px 0 0px;
}

.post .postdate, .post .postmeta  {
  font-size: 12px;
  color: #999;
  font-family: Arial;
  font-weight: normal;
}

.post .postmeta  {
  margin: 0 0 20px;
  color: #333;
}

.post .postnav a {
  font-weight: bold;
  color: #7CC116;
}
.post .postnav a:hover {
  text-decoration: underline;
}

.contentsidebar {
  padding: 20px;
  width: 280px;
  color: white;
  background: #262626 url('../images/sidebarglow.png') top right no-repeat;
  background-size: cover;
}
.contentsidebar a {
  color: white;
}

.contentsidebar .sidebarpeople h2, .contentsidebar .sidebarpeople h3  {
  line-height: 100%;
}

.contentsidebar .sidebarpeople h2 a{
  font-size: 14px;
  color: #7cc116;
}
.contentsidebar .sidebarpeople h3 {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
}
 
.contentsidebar > h2 {
  border-top: 1px #aeaeae dotted;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 15px;
}
.contentsidebar > a:last-child {
  border-bottom: 1px #aeaeae dotted;
  padding-bottom: 30px;
  margin-bottom: 10px;
  display: block;
  
}
.contentsidebar > h2:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.sidebarposttitle {
  font-size: 14pt;
  line-height: 18pt;
  color: white;
}

.sidebarpostdate {
  font-size: 12px;
  color: #999;
  margin-top: -7px;
  font-family: arial;
}

.sidebarpost {
	margin-bottom: 0px;
}

.sidebarpost a {
}

.sidebarpostexcerpt {
}

.footerlogo {
  padding-bottom: 10px;
  background-image:url('../images/footerlogo.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  padding-top: 10px;
}

.footerbar h3 {
  padding-top: 10px;
}

.footerbar .footerConnect p {
  margin: 15	px 0;
}


.copyrightmessage {
  margin-top: 140px;
  text-align: right;
}

.iconimage {
  vertical-align: middle;
  margin-right: 10px;
}

.iconimageright {
  vertical-align: middle;
  margin-left: 10px;
}

.iconcontact {
	vertical-align: top;
	float: left;
	clear: left;
	margin-right: 10px;
	margin-top: 20px;
}

.footermail {
  margin-top: 20px;
}

.iconcontactmail {
	margin-top: 0px;
	padding: 0px;
}

.footeraddress {
	margin-top: 20px;
}

.footerphone {
  font-size: 14px;
  line-height: 16px;
  margin-top: 12px;
}

.menu > ul {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  zoom: 1;
}

.menu > ul a { 
  list-style: none;
  margin: 5px 10px 5px 0;
  padding: 0 30px 0 0;
  line-height: 30px;
  color: #999999;
  font-size: 12px;
  font-weight: bold; 
  font-family: Arial, 'PT Sans', sans-serif;
}

.menu > ul:before,
.menu > ul:after {
  display: table;
  content: "";
  zoom: 1;
}
.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  float: left;
}

.menu > ul > li a {
  display: block;
  border-bottom: 1px solid #999999;
}

 .menu .current_page_item a{
  color: #999999;
  border-bottom: 3px solid #93d92b;
  text-decoration:none;
}

.menu a:hover {
  color: #999999;
  border-bottom: 3px solid #93d92b;
  text-decoration:none;
}
.menu.active a {
  color: #999999;
  border-bottom: 1px solid #999999;
  text-decoration:none;
}

.menu-vertical > li {
  float: none;
}

.entry-title {
}

.entry-content h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  color: #333;
}

.tweet {
  list-style: none;
  color: white;
  margin: 8px 0 8px 0;
  padding: 0;
}

.tweets {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tweet a {
  color: #7cc116;
}

.tweet a font {
  font-size: 12px;
  color: #999;
  margin-top: -7px;
}

.archive {
  margin: 0 0 16px 0;
}

.pageprevdead {
  color: #565656;
}

.pagenextdead {
  color: #565656;
}
h3 a:hover {
	color: #CCC;
}
