/* @override http://www.sharethis.local/wp-content/themes/sharethis/style.css */

/*
Theme Name: ShareThis
Author: Bite Global
Author URI: http://biteglobal.com/
Description: Custom theme for ShareThis.com.
Version: 1.0.1  ($Revision: 50851 $)
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmltop:1px
Text Domain: sharethis

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.


Colour Reference:

Black: 			#1f2b33vag
Charcoal:		#434747
Light Grey:		#f1f2f2
Dark Grey:		#bbbfbf
Footer BG: 		#b8c2c3
Light Blue: 	#12c5d2
Dark Blue:		#2264d0
Green:			#01bf01
Olive:			#add82f
Red:			#e21d4c

*/

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align: top;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}h1,h2,h3,h4,h5,h6{clear:both}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#fff9c0;text-decoration:none}hr{background-color:#ccc;border:0;height:1px;margin:24px;margin-bottom:1.714285714rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small{font-size:smaller}img{border:0;-ms-interpolation-mode:bicubic}a{text-decoration:none}


/* Clearing floats */

.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

body {
	background: #fafafa;
	font-family: 'VAGRoundedStd-Thin', arial, helvetica, sans-serif;
	margin: 0;
	color: #1F2B33;
	width: 100%;
	background-color:  #fafafa !important;
}

#page {
	min-width: 990px;
}

#content ol, #content ul {
	font-family: 'Sintony';	
	margin: 0;
	margin: 0 0 30px 30px;
}

#content .articles ol, #content .articles ul {
	margin: 0 0 0 30px;
}

#content ol ol, #content ul ul {
	margin: 0 0 0 20px;	
}

#content ol li strong, #content ul li strong {
	font-family: 'Sintony';
	font-weight: bold;
}

h1 { 
	font-family: 'VAGRoundedStd-Light';
	font-weight: normal;
	line-height:normal;
	font-size: 45px;
	color: #434747; 
	letter-spacing:0.04em;
	text-align: center;
}

h1 strong {
	font-family: 'VAGRoundedStd-Light';
	font-weight: normal;
}

h2 { 
	font-family: 'VAGRoundedStd-Thin';
	font-size: 36px; 
	letter-spacing:0.04em; 
	text-align: left; 
	font-weight: normal;
	line-height:normal;
}

h3 { 
	font-family: 'VAGRoundedStd-Light';
	font-size: 32px; 
	letter-spacing:0.04em;
	color: #1f2b33;
	font-weight: normal;
	line-height:normal;
}

h4 { 
	font-family: 'VAGRoundedStd-Light';
	font-size: 24px; 
	letter-spacing:0.04em;
	color: #434747;  
	font-weight: normal;
	line-height:normal;
}

h5 { 
	font-family: 'VAGRoundedStd-Bold';
	font-size: 24px; 
	letter-spacing:0.04em;
	color: #1f2b33; 
	text-transform:uppercase; 
	font-weight: normal;
	line-height:normal;
}

h6 {
	font-family: 'VAGRoundedStd-Bold';
	font-size:24px; 
	letter-spacing:0.04em;
	color: #1f2b33; 
	text-transform: capitalize;
	line-height:normal;
}

em {
	font-style:normal;
}

p, dl dd { 
	font-family: 'Sintony';
	font-size:	13px;
	color: #434747;
	letter-spacing: 0em; 
	line-height: 24px;
}

a {
	color: #132727;	
}

a:visited {
	color: #333737;	
}

a:hover {
	color: #000;
}

strong {
	font-weight: normal;
	font-family: 'VAGRoundedStd-Bold';
	letter-spacing:0.01em; 
}

p strong {
	font-family: 'Sintony';
	font-weight: bold;
}

.baseBg {
	background: #fafafa;
}

.lightGrey {
	background-color: #f1f2f2;
}

.container {
	width: 990px;
	padding: 0 15px;
	margin: auto;
}


div.clearance {
	height: 1px !important;
}

.clearance {
	clear: both;
}

.clearance:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.hidden {
	display: none;
}

.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.lt-ie8 .assistive-text {
	display: none;
}

/* LIST STYLES */

ul.inline {
	list-style-type: none;
}

ul.inline li {
	display: inline-block;
}

.lt-ie8 ul.inline li {
	display: inline;
}

#main {
	margin-top: 76px;
	background-color:  #fafafa;
	min-width: 990px;
	overflow: hidden;
}

.lt-ie8 #main {
	padding-top: 80px;	
}

.jumpList {
	display: block;
	background: #e4e7e7;
	line-height: 24px;
	width: 990px;
	padding: 0;
	text-align: right;
}

.jumpList li a {
	font-family: sintony;
	color: #434747;
	display: block;
	padding: 0 25px;
	line-height: 30px; 
	font-size: 14px;
	background-image: url('images/spritesheet-button-arrows.png');
	background-position: -8px -2290px;
	background-repeat: no-repeat;
}
.jumpList li a:hover {
	color: #000;
}


/* Homepage */

.home section {
	min-width: 990px;
}

.home section .container {
	width: 900px;
	position: relative;
	height: 100%;
}

.home #heroPanel {
	height: 600px;
	text-align: center;
	background-color: #f5f5f5;
	position: relative;
	background: #f5f5f5 url('images/homepage-hero-image.png') center 50px no-repeat;
	margin-bottom: 0;
	padding-bottom: 50px;
}

.home #heroPanel .button.big {
	margin-top: 20px;
}

.home #heroPanel .button.big a {
	background-color: #01bf01;
	background-position: 90% -2187px;
	padding: 0 70px 0 35px;
	line-height: 55px;
	height: auto;
}

.home #heroPanel .button.big a:hover {
	background-color: #00d100;
}


.home #heroPanel .contentContainer {
	height: auto;
	display: none;
}
.home #heroPanel .container {
	width: 975px;
	position: relative;
	padding: 140px 0 0 0;
	height: 460px;
}	

.home #heroPanel h1 {
	font-size: 72px;
	line-height: 74px;
	letter-spacing: 0.01em;
}

.home #heroPanel p {
	margin-top: 10px;
	font-size: 20px;
	color: #394349;
}

.home #featurePanel {
	background-color: #fff;
}

.hotspot {
	position: absolute;
	cursor: pointer;
}

.hotspot img {
	transition-duration: 300ms;
	transition-property: opacity;
	transition-timing-function: ease-in-out;
	opacity: 0;
}

 /* IE 8 & 7 */
.lt-ie9 .hotspot img {
  visibility: hidden;
}

.hotspot:hover img{
	transition-duration: 300ms;
	transition-property: opacity;
	transition-timing-function: ease-in-out;
	opacity: 1;
}

/* IE 8 & 7*/
.lt-ie9 .hotspot:hover img {
  visibility: visible;
}


#hotspotMom {
	top: -10px;
	left: -28px;
	width: 280px;
	height: 150px;
}

#hotspotMom img {
	float: left;
}

#hotspotMoviegoer {
	top: -10px;
	right: 32px;
	width: 310px;
	height: 150px;
}

#hotspotMoviegoer img {
	float: right;
}

#hotspotTechguy {
	bottom: 50px;
	right: 218px;
	width: 290px;
	height: 150px;
}
#hotspotTechguy img {
	float: right;
}

#hotspotGirl {
	bottom: 120px;
	left: -30px;
	height: 150px;
	width: 300px;
}

#hotspotGirl img {
	float: left;
}



.home section h2 {
	font-size: 48px;
	line-height: 50px;
	color: #fff;
}

.home section p {
	color: #1F2B33;
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
}

.home section .button {
	line-height: 40px;
	width: 229px;
}

.home section .button a {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 40px;
	text-align: center;
}

section .slice {
	position: absolute;
	overflow: hidden;
}

#getStarted {
	background-image: url('images/homepage-start-bg.png');
	background-repeat: repeat-x;
	background-position: center top;
	height: 483px;
}

#getStarted .slice1 {
	right: 277px;
	top: 0px;
	width: 25px;
	height: 127px;
	background: url('images/homepage-getStartedSlice1.png') right top no-repeat;
}

#getStarted .slice2 {
	right: 301px;
	top: 118px;
	width: 169px;
	height: 28px;
	background: url('images/homepage-getStartedSlice2.png') right top no-repeat;
}

#getStarted .slice3 {
	right: 458px;
	top: 146px;
	width:43px;
	height: 198px;
	background: url('images/homepage-getStartedSlice3.png') right top no-repeat;
}

#getStarted .slice4 {
	right: 491px;
	top: 344px;
	width:141px;
	height: 47px;
	background: url('images/homepage-getStartedSlice4.png') right top no-repeat;
}

#getStarted .slice5 {
	right: 619px;
	top: 390px;
	width:25px;
	height: 93px;
	background: url('images/homepage-getStartedSlice5.png') right top no-repeat;
}

#getStarted .container {
	background: url('images/homepage-getStarted-lines-bg.png') 285px -1px no-repeat;
}

#getStarted .button a {
	background-color: #008b00;
}

#getStarted .button a:hover {
	background-color: #007b00;
}

#getStarted .contentContainer {
	position: absolute;
	top: 170px;
	right: -200px;
	width: 280px;
	height: auto;
	opacity: 0;
}

#getStarted .pipeline {
	position: relative;
	top: 0;
	left: 270px;
}

#phone {
	background: url('images/homepage-start-phone.png') right bottom no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	height: 450px;
	width: 374px;
}

.lt-ie9 #phone {
	background: url('images/homepage-start-phone-fallback.png') right top no-repeat;
}

#discover {
	background-image: url('images/homepage-discover-bg.png');
	background-repeat: repeat-x;
	background-position: center top;
	height: 485px;
}

#discover .slice1 {
	left: 290px;
	top: 0;
	width: 19px;
	height: 106px;
	background: url('images/homepage-discoverSlice1.png') right top no-repeat;
}

#discover .slice2 {
	left: 300px;
	top: 106px;
	width: 238px;
	height: 37px;
	background: url('images/homepage-discoverSlice2.png') left top no-repeat;
}

#discover .slice3 {
	right: 383px;
	top: 143px;
	width: 19px;
	height: 229px;
	background: url('images/homepage-discoverSlice3.png') right top no-repeat;
}

#discover .slice4 {
	right: 392px;
	top: 372px;
	width: 531px;
	height: 30px;
	background: url('images/homepage-discoverSlice4.png') right top no-repeat;
}

#discover .slice5{
	left: 7px;
	top: 402px;
	width: 30px;
	height: 83px;
	background: url('images/homepage-discoverSlice5.png') left top no-repeat;
}

#discover .button a {
	background-color: #096369;
}
#discover .button a:hover {
	background-color: #075359;
}

#discover .contentContainer {
	position: absolute;
	bottom: 60px;
	left: -200px;
	width: 380px;
	height: auto;
	padding-bottom: 70px;
	z-index: 30;
	opacity: 0;
}

#discover .container {
	background: url('images/homepage-discover-lines-bg.png') -50px top no-repeat;
}


#discover .button {
	position: absolute
}

#discover .button a {
	background-position: left -100px;
}

#arrows {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 0;
	width: 359px;
	background: url('images/homepage-discover-arrows.png') right bottom no-repeat;
}

#engage {
	background-image: url('images/homepage-engage-bg.png');
	background-repeat: repeat-x;
	background-position: center top;
	height: 484px;
}

#engage .slice1 {
	left: 4px;
	top: 0;
	width: 20px;
	height: 213px;
	background: url('images/homepage-engageSlice1.png') left top no-repeat;
}

#engage .slice2 {
	left: 14px;
	top: 213px;
	width: 443px;
	height: 43px;
	background: url('images/homepage-engageSlice2.png') left top no-repeat;
}

#engage .slice3 {
	left: 437px;
	top: 256px;
	width: 29px;
	height: 113px;
	background: url('images/homepage-engageSlice3.png') left top no-repeat;
}


#engage .slice4 {
	left: 457px;
	top: 369px;
	width: 446px;
	height: 30px;
	background: url('images/homepage-engageSlice4.png') left top no-repeat;
}


#engage .slice5 {
	left: 892px;
	top: 399px;
	width: 26px;
	height: 86px;
	background: url('images/homepage-engageSlice5.png') left top no-repeat;
}
#engage .button {
	position: absolute;
}

#engage .button a {
	background-color: #9c1333;
}

#engage .button a:hover {
	background-color: #8a102d;
}

#engage .contentContainer {
	position: absolute;
	bottom: 65px;
	right: -200px;
	width: 370px;
	padding-bottom: 70px;
	height: auto;
	z-index: 30;
	opacity: 0;
}

#engage .container {
	background: url('images/homepage-engage-lines-bg.png') -9px top no-repeat;
}


#radar {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 30;
}


#radar > div {
	position: absolute;
	left: 8px;
	bottom: 35px;
	width: 462px;
	height: 417px;
	display: none;
}

	

/* Buttons */

.button {
	margin-top: 20px;
	width: auto;
	bottom: 10px;
	font-family: 'VAGRoundedStd-Light', arial, helvetica, sans-serif;
}

.button.big, #featurePanel.learn .button {
	margin-top: 40px;
}

#featurePanel .button {
	display: block;
}

#featurePanel .button > div, #supportingHero .button > div, #showcasePanel .button > div {
	display: inline-block;
	width: auto;
	margin: auto;
}

#featurePanel.Advertise .button, .analyze #featurePanel .button {
	display: block;
	position:  absolute;
	bottom: -20px;
	left: 0;
	right: 0;
}

#heroPanel .button.big {
	position: relative;
	margin: 40px auto auto;	
	display: inline-block;
}

#heroPanel.advertise .button.big {
	display: inline-block;
}

#heroPanel .button.big p {
	line-height: 22px;
}

.button a {
	outline: 0;
	font-family: 'VAGRoundedStd-Thin';
	font-size: 19px;
	line-height: 44px;
	text-align: left;
	display: block;
	padding: 0 70px 0 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background-repeat: no-repeat;
	letter-spacing: 0.1em;
}

.lt-ie9 .button a {
	letter-spacing: 0.0em;
	position:relative;
	top:-20px;
	
}

.button > a:hover {
	color: #fff;
}

.button a strong {
	font-family: 'VAGRoundedStd-Light';
	font-weight: normal;
}

.Analyze .button a {
	background-image: url('images/spritesheet-button-arrows.png');
	background-color: #1F2B33;
	background-position: 90% -391px;
}

.GetSharing .button a {
	background-color: #1F2B33;
	background-position: 90% -392px;
}

.Analyze .button.big a {
	background-position:  90% -389px;
}

.Analyze .button.big a:hover {
	background-position:  90% -483px;
	background-color: #000;
}

.Analyze .button a:hover {
	background-position:  90% -486px;
	background-color: #000;
}

#showcasePanel.Analyze h4 {
	color: #12C5D2;
}

.thirds .button a {
	background-image: url('images/spritesheet-button-arrows.png');
	background-position:  90% -1177px;
	padding: 0 0 0 20px;
	width: 149px;
	font-size:16px;
	line-height: 36px;
}


/* Active buttons */

.button.big a:active, .button a:active {
	 position: relative;
	 top:1px;
	 height: 100%; 
}

#about .two-column .container div a.button:active {
	bottom: -1px;	
}

#about .two-column .container div a.button {
	position: absolute;
}

#featurePanel.Learn .button a {
	background-color: #1F2B33;
	background-image: url('images/spritesheet-button-arrows.png');
	background-position: 90% 9px;
}

#featurePanel.Learn .button a:hover {
		background-color: #000;
		background-position: 90% -98px;
		color: #fff;
}

.Learn .button a {
	background-color:  #2264d0;
	background-image: url('images/spritesheet-button-arrows.png');
	background-position: 90% 10px;
}

.Learn .button.big a {
	background-position:  90% 10px;
}

.Learn .button a:hover {
	background-color: #2477fe;	
}

.Advertise .button a {
	background-color: #1F2B33;
	background-image: url('images/spritesheet-button-arrows.png');
	background-position: 90% -186px;
	background-repeat: no-repeat;
}

.Advertise .button a:hover {
	background-position: 90% -256px;
	background-color: #000;
}

.button.big {
	width: auto;
	display: inline-block;
}


.button.big a {
	background-color: #1f2b33;
	padding: 0 80px 0 30px;
	font-size: 24px;
	line-height: 52px;
	height: 52px;
}

.button.big a {
	background-position:  90% -385px;
	background-image: url('images/spritesheet-button-arrows.png');
}

.button.big a:hover {
	background-position:  90% -479px;
	background-color: #000;
}

.lt-ie9 .button.big a {
	max-width: 270px;
}

#featurePanel.Analyze p {
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.sqi #featurePanel.Analyze p {
	color: #434747;
	text-align: left;
}

.sqi #featurePanel.Analyze {
	background: none;
}

#featurePanel.Analyze p img {
	margin: 0 0 20px 0;	
}

#featurePanel.Analyze h2 {
	text-align: center;
}

/* Containers */

.columns {
	margin: auto;
	position: relative;
}

.columns > div {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 455px;	
	vertical-align: top;
}

.columns.third > div {
	width: 286px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 50px 0 0;
}

.lt-ie8 .columns.third > div {
	width: 300px;	
}

.columns.third > div + div + div {
	margin: 0;	
}

.lt-ie8 .columns > div {
	float: left;
}

.columns > div+div {
	margin-left: 83px;
	width: 445px;
}

.imageContainer {
	clear: left;
	display: inline-block;
}
.contentContainer {
	display: inline-block;
	position: relative;
	height: 100%;
	position: static;
	vertical-align: top;
}

.lt-ie8 .contentContainer {
	float: left;
}


/* Template Generic */

.section-divider {
	background-color: #3D434D;
	height: 76px;
}

.section-divider h3 {
	line-height: 76px;
	color: #fff;
}

#heroPanel {
	background-position: center 50px;
	background-repeat: no-repeat;
	padding-top: 50px;
	margin-bottom: 50px;
}

#titlePanel {
	padding-top: 50px;
}

#heroPanel.Learn {
	background-color: #f2f2f2;
}

#titlePanel+#heroPanel {
	background-position: center 20px;
	padding-top: 20px;
}

#heroPanel h2 {
	font-size: 32px;
	line-height: 42px;
}

#heroPanel p > img {
	margin: 35px auto;  
}

#heroPanel .attachment-hero-image {
	margin: 0;
}

#heroPanel p {
	line-height: 24px;
	font-size: 18px;
}

#heroPanel.Advertise, #heroPanel.Build, #heroPanel.Analytics, #heroPanel.Analyze, #heroPanel.SQI, #heroPanel.GetSharing {
	margin-bottom: 0;
	padding-bottom: 50px;
	background-repeat: repeat;
	text-align: center;
}

#heroPanel.Learn {
	background-position: center 80px;
	padding-top: 80px;
	margin-bottom: 0;
	background-repeat: no-repeat;
}

#supportingHero {
	padding-bottom: 40px;
	padding-top: 50px;
}

#supportingHero p , #featurePanel p, #showcasePanel p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 20px;
}

#supportingHero h2 {
	margin-bottom: 20px;
	color: #12C5D2;
}

#featurePanel {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	min-width: 990px;
}

#featurePanel.Learn {
	background-color: #fff;
	padding-bottom: 40px;
	padding-top: 50px;
}

#featurePanel.Learn .contentContainer + .contentContainer {
	width: 290px;
}

#featurePanel .spacer{
	width: 50px;
	display: table-cell;
}

#heroPanel .spacer {
	width: 50px;
	display: inline-block;
}

#featurePanel.Learn h2 {
	color: #2163CF;
	font-size: 44px;
	line-height: 47px;
}

#featurePanel h2 {
	font-size: 32px;
	text-align: center;
	margin-top: 0;
}

#featurePanel h2+p {
	margin-top: 20px;
}

#featurePanel p+p {
	margin-top: 20px;
}

#featurePanel.Learn h2, .contact #featurePanel h2 {
	text-align: left;
}

.contact #heroPanel {
	margin-bottom: 35px;	
}

.contact #featurePanel h2 {
	line-height: 30px;
}

#featurePanel h3 {
	margin-bottom: 20px;
}

#showcasePanel h2 {
	margin-top: 0;
	margin-bottom: 20px;
}

#showcasePanel h6 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}

#showcasePanel p {
	font-size: 13px;
	line-height: 24px;	
}

#showcasePanel h4 {
	font-size: 20px;
	color: #12c5d2;
	margin: 0 0 25px 0;
}

#showcasePanel h5 {
	font-size: 18px;
	line-height: 24px;
	text-transform: none;
	font-family: 'VAGRoundedStd-Light';
	margin: 0 0 5px 0;
}

#showcasePanel hr {
	height: 1px;
	background-color: #3B4D59;
	margin: 0 0 10px 0;
}

#showcasePanel .contentContainer + .contentContainer h3 {
	margin: 0 0 10px 0;	
}

#showcasePanel .button a {
	line-height: 36px;
	padding: 0 45px 0 25px;
	font-size: 16px;
	background: #12C5D2 url('images/spritesheet-button-arrows.png') no-repeat 90% -1177px;
	letter-spacing: 0.1em;
}

#showcasePanel.Learn .button a {
	background-color: #2264d0;	
}

 #showcasePanel.Build .button a {
	background-color:  #add82f;
}

#showcasePanel.Advertise .button a {
	background-color:  #e21d4c;
}

.contentContainer > p {
	margin: 5px auto;
}

#showcasePanel.Learn .yarpp-related h4 {
	color: #2163CF;
}


/* Template Specific */

 .page-template-section-php #featurePanel .contentContainer+.contentContainer,
 .page-template-section-php #supportingHero .contentContainer+.contentContainer {
	padding-left: 40px;	
}

#locationList {
	text-align: center;
}

#locationList li {
	display: inline-block;
	width: 165px;
	margin: auto;
}

#locationList li a {
	outline: 0;
	padding: 0 10px; 
	color: #000;
	line-height: 42px;
	display: block;
	height: 52px;
	line-height: 42px;
	font-family: 'VAGRoundedStd-Thin';
}

.lt-ie8 #locationList li {
	display: inline;
}

#locationList li a:hover {
	color: #fff;
}

#locationList li a.active {
	color: #fff;
	background: url('images/lime-green-downwards-pointing-arrow.png') no-repeat center 40px;
}

.contact #main {
	background: transparent url('images/community/greyCubeBg.gif') repeat-x 0 0;
}


.contact #featurePanel h2 {
	color: #01bf01;
	margin-bottom: 5px;
}
#mapContainer {
	height: 400px;
	margin-bottom: 50px;
	width: 970px;
	border: 10px solid #fff;
	border-top: none;
	border-bottom: none;
}

#mapContainer a {
	color: #fff;
}

.infoBoxWrapper {
	color: #fff; 
	font-size: 14px; 
	background: url('images/map-info-bg.png') top right no-repeat; 
	padding: 20px 40px 0 20px; 
	height: 150px; 
	width: 240px;
}

.infoBoxWrapper h4 {
	color: #fff;
	margin-bottom: 5px;
	
}

.lt-ie8 .infoBox img {
	top: 25px;
	float: right;
}

.infoBoxWrapper p {
	color: #fff;
	font-weight: normal;
	line-height:  18px;
}

.page-template-section-php #featurePanel .imageContainer, 
.page-template-section-php #featurePanel .contentContainer, 
.page-template-section-php #supportingHero .contentContainer  {
	display: table-cell;
	width: 400px;
	vertical-align: top;
	padding: 0 35px 0;
	height: 100%;
	position:  relative;
}

.lt-ie8 .page-template-section-php #featurePanel .imageContainer, 
.lt-ie8 .page-template-section-php #featurePanel .contentContainer {
	width: 330px;
}

.lt-ie8 .page-template-section-php #supportingHero .contentContainer + .contentContainer {
	padding-left: 80px !important;
}

.lt-ie8 .spacer {
	float: left;
}

.lt-ie8 .page-template-section-php #featurePanel .contentContainer {
	margin-left: 35px;
}

#featurePanel .thirds .contentContainer+.contentContainer , 
#featurePanel .thirds  .contentContainer+.contentContainer {
	padding-left: 10px;
}

#featurePanel.Build  .contentContainer+.contentContainer,
#supportingHero.Analyze  .contentContainer+.contentContainer {
	padding-left: 90px;	
}

.lt-ie8 #featurePanel .spacer {
	padding: 0;
	margin: 0 0 0 35px;	
}

.lt-ie8 #featurePanel.Advertise  .contentContainer+.contentContainer, 
.lt-ie8 #featurePanel.Analyze  .contentContainer+.contentContainer,
 .lt-ie8 #featurePanel.Build  .contentContainer+.contentContainer ,
 .lt-ie8 #supportingHero.Analyze  .contentContainer+.contentContainer {
	padding-left: 5px;
}

.page-template-section-php #showcasePanel .contentContainer, .page-template-section-php #featurePanel .contentContainer { 
	vertical-align: top;
}

#showcasePanel {
	padding: 80px 0;
	background-color: #f2f2f2;	
	position: relative;
}

img.alignleft {
	float: left;
	display: inline;
	margin-right: 20px;
	vertical-align: text-top;
}

img.alignright {
	float: right;
	display: inline;
	margin-left: 20px;
	vertical-align: text-top;
}

.Learn h5 {
	color: #2264d0;
}

.learn h1 > strong {
	color: #2264d0;
	font-family: 'VAGRoundedStd-Light';
}

#dateOverlay {
	font-family: 'VAGRoundedStd-Thin', arial, helvetica, sans-serif;
	font-size: 36px;
	position: absolute;
	top: 38PX;
	left: 15px;
	width: 250px;
	height: 100px;
}

.learn #heroPanel .container {
	position: relative;
}

/* Green / Get SHaring theme specific */

#showcasePanel.Analyze .yarpp-related h4 {
	color: #01bf01;
}

#heroPanel.GetSharing h1 > strong, #showcasePanel.GetSharing .yarpp-related h4 {
	color: #01bf01;
}

.GetSharing .thirds .button a {
	position: static;
}

#featurePanel.GetSharing .thirds .contentContainer > div {
	height: auto;
}

#featurePanel.GetSharing .thirds .contentContainer,
#featurePanel.GetSharing .thirds .contentContainer > div p,
#featurePanel.GetSharing .thirds .contentContainer > div .button {
	text-align: center;	
}

#featurePanel.GetSharing {
	background: #fff;	
}

#featurePanel.GetSharing .thirds .contentContainer + .contentContainer > div .button a {
	background-color: #12c5d2;
}



/* Light Blue / Analyze theme specific */

#heroPanel.Analyze,.sqi #heroPanel {
	text-align: center;
}

#showcasePanel.Analyze .yarpp-related h4 {
	color: #12c5d2;
	font-family: 'VAGRoundedStd-Light';
}

.Analyze  h3, .Analyze  h5 {
	font-size: 32px;
	line-height: 42px;
}

#featurePanel.Analyze {
	background-color: #12c5d2;
	background-image: url('images/analyze-feature-panel-bg-tile.png');
	background-repeat: repeat-y;
	background-position: center top;
}

.analytics #featurePanel.Analyze {
	background: none;
}


/* Olive / Build theme specific */

#heroPanel.Build {
	text-align: center;
}

.Build  h3, .Build  h5 {
	font-size: 32px;
	line-height: 42px;
}

#featurePanel.Build {
	background-color: #add82f;
	background-image: url('images/build-feature-panel-bg-tile.png');
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
}

#featurePanel.Build p {
	color: #fff;
}

#supportingHero.Build {
	background-color: #fff;	
}

.Build h3 {
	margin-bottom: 20px;
}

#supportingHero.Build .contentContainer + .contentContainer {
	width: 340px;	
}

.Build .button a {
	background-color: #1F2B33;
	background-image: url('images/spritesheet-button-arrows.png');
	background-position: 90% -594px;	
}

.Build .button a:hover {
	background-position: 90% -686px;
	background-color: #000;
}

#heroPanel.Build .button.big a {
	background-position: 90% -592px;
}

#heroPanel.Build .button.big a:hover {
	background-position: 90% -684px;	
}

#supportingHero.Build h3, #showcasePanel.Build .yarpp-related h4, #supportingHero.Build h2 {
	color: 	 #add82f;
}

#showcasePanel .yarpp-related .readmore {
	font-weight: bold;	
}

#showcasePanel.Build .yarpp-related .readmore {
	color: #add82f;
}

#showcasePanel.Advertise .yarpp-related .readmore {
	color: #e21d4c;
}

#showcasePanel.Analyze .yarpp-related .readmore {
	color: #12c5d2;
}

#showcasePanel.Learn .yarpp-related .readmore {
	color: #2163CF;
}

#showcasePanel .yarpp-related .readmore:hover {
	color: #000;	
}

#heroPanel.Build h1 > strong {
	color:  #add82f;
}


/* RED / Advertise theme specific */

#heroPanel.Advertise .button.big a {
	background-position:  90% -182px;
	display: inline-block;
	margin: auto 25px;
}

#heroPanel.Advertise .button.big a:hover {
	background-position:  90% -252px;
}

#heroPanel.Advertise h1 strong,  #showcasePanel.Advertise .yarpp-related h4 {
	color: #e21d4c;	
	font-family: 'VAGRoundedStd-Light';
}

#featurePanel.Advertise .contentContainer, #heroPanel.Advertise, .analyze #featurePanel .contentContainer  {
	text-align: center;
	padding-bottom: 40px;
}	

#supportingHero.Advertise  h2, #showcasePanel.Advertise h4 {
	color: #e21d4c;
}

.advertise #featurePanel {
	background-color: #e21d4c;
	background-image: url('images/advertise-feature-panel-bg-tile.png');
	background-repeat: repeat-y;
	background-position: center top;
}

.advertise #featurePanel h2 {
	color: #fff;
}


/* ----- Team Template styles ----- */


.page-template-team-php #topNav .contentContainer {
	position: relative;
	width: 50%;
	display: inline-block;
}
.lt-ie8 .page-template-team-php #topNav .contentContainer {
	display: inline;
	float: left;
}


.page-template-team-php #topNav .contentContainer  h2 {
	width: auto;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	background: transparent;cursor: pointer;
}

.page-template-team-php #topNav.team {
	background: url('images/bg-team-topnav.png') center 0 repeat-y;
}
.page-template-team-php #topNav.leadership {
	background: url('images/bg-team-topnav.png') center -60px repeat-y;
	
}

.page-template-team-php #topNav.team #headingTeam h2{
	background: transparent url('images/spritesheet-button-arrows.png') no-repeat center -1675px;
	color: #fff;
}

.page-template-team-php #topNav.leadership #headingLeadership h2{
	background: transparent url('images/spritesheet-button-arrows.png') no-repeat center -1675px;
	color: #fff;
}

#leadershipList h2, #directorList h2 {
	color: #13CFDD;
	margin: 16px 0 30px 0;
}

#directorList .profile {
	min-height: 50px;
	margin-bottom: 35px;
}

.person {
	float: left;
	margin: 0 0 12px 13px;
	width: 187px;
	height: 187px;
	position: relative;
	cursor: pointer;
}

.person[data-position="1"] {
	margin-left: 0;
}

.person[data-position="5"] {
	margin-right: 0;
}

.person .entry-content p {
	border-top: 1px solid #b7c2c2;
	padding: 10px 0;
	margin: auto 30px;
	font-size: 14px;
	line-height: 22px;
}

.person .entry-content p {
	font-size: 14px;
	line-height: 22px;
}

.person .entry-content h3,
.profile .entry-content h3 {
	font-size: 32px;
	line-height: 40px;
	padding: 25px 0 0;
	margin: auto 30px;
}

.profile .entry-content h3 {
	padding-top: 0;
	margin-left: 0;
}

.person .entry-content h3 a,
.profile .entry-content h3 a {
	color: #1F2B33;
}

.person .entry-content h4,
.profile .entry-content h4 {
	font-family: 'VAGRoundedStd-Bold';
	font-size: 18px;
	letter-spacing: 0.08em;
	color: #0D919B;
	padding: 0;
	margin: auto 30px 10px;
}

.person .image-wrapper,
.profile .image-wrapper {
	background-color: #1F2B33;
	height: 187px;
}

.twitterLink {
	padding: 5px 5px 5px 35px;
	background-image: url('images/spritesheet-share-icons.png');
	background-repeat: no-repeat;
	background-position: -44px -82px;
}

#community, #caseStudies, #careers, body.page-template-team-php #main {
	background: #fafafa url('images/community/greyCubeBg.gif') repeat-x 0 0;
	padding: 60px 0 20px 0;
}

#caseStudies {
	padding-bottom: 50px;
}

#community {
	min-height: 3300px;	
}

#community h1 em {
	color: 	#01bf01;
}

#caseStudies h1 strong {
	color: #2264d0;
}

#caseStudies h1 + p {
	line-height: 24px;
	font-size: 18px;
	text-align: center;	
	width: 990px;
	padding: 0 15px;
	margin: 5px auto 20px auto;
}

#careers h1 em {
	color: #01bf01;
}

#advertise-contact h1 em {
	color: #e21d4c;
}

/* Top Nav */

#topNav {
	background-color: #01bf01;
	color: #fff;
	height: 42px;
	width: 100%;
	margin: 30px 0 0 0;
}

#caseStudies #topNav {
	background-color: #2264d0;
}

#topNav > div {
	width: 990px;
	margin: auto;
	position: relative;
	height: 100%;
	z-index: 2;
}

#topNav h2 {
	position: absolute;
	left: 320px;
	height: 54px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 42px;
	background: url('images/lime-green-downwards-pointing-arrow.png') no-repeat 40px bottom;
	font-family: 'VAGRoundedStd-Thin';
	font-size: 24px;
}

.contact #topNav h2 {
	width: 50%;
	background: transparent;
}

#topNav > div > a {
	color: #fff;
	line-height: 42px;
	display: block;
	height: 42px;
	background: url('images/spritesheet-button-arrows.png') no-repeat left -1487px;
	text-indent: 45px;
	width: auto;
}

#caseStudies #topNav > div > a {
	background: url('images/spritesheet-button-arrows.png') no-repeat left -1558px;	
}

#community #primary, 
#caseStudies #primary,
#careers #primary,
#news #primary {
	background-color: #fafafa;
	padding: 15px 15px 15px 60px;
	min-height: 500px;
	position: relative;
	width: 915px;
}

#community #primary {
	padding: 15px 15px 15px 20px;	
}

#news #primary {
	padding: 15px;	
}

#careers #primary, #news #primary {
	width: 990px;	
}

#community #primary #content.with-sidebar,
#caseStudies #primary #content.with-sidebar,
#news #primary #content.with-sidebar {
	width: 640px;
	/* margin-right:  auto; */
	clear:  none;
	float:  left;
}

#community #primary #content.full-width,
#news #primary #content.full-width {
	width: 915px;
}

#caseStudies #primary #content.full-width {
	width: 870px;
}



/* Sidebar */

#sidebar {
	width: 240px;
	/* position: absolute; */
	/* top: 15px; */
	/* right: 15px; */
	float: right;
	clear: right;
	margin-bottom: 80px;
}

#community #sidebar {
	top: 20px;	
}

#searchform {
	position: relative;	
}

#searchform input {
	border: 1px solid #D9E1E1;
	height: 34px;
	width: 205px;
	padding: 0 25px 0 10px;
	font-size: 90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.lt-ie9 #searchform input {
	line-height: 34px;
}

#searchform input#searchsubmit {
	background: #fff url('images/community/searchGlass.jpg') no-repeat center center;
	border: none;
	height: 28px;
	width: 20px;
	cursor: pointer;
	text-indent: -9999px;
	text-transform: capitalize;
	position: absolute;
	top: 3px;
	right: 1px;
}

#searchform {
	margin: 10px 0 40px 0;	
}

#searchform > div {
	position: relative;
}

#sidebar aside.widget {
	margin: 0;	
}

#sidebar aside.twitter iframe {
	margin-left: 10px;
	width: 230px;	
}

#sidebar aside.twitter iframe .e-entry-content {
	margin-left: 30px;	
}

a.subscribe {
	display: block;
	background: #E7E9E9 url('images/email.jpg') no-repeat 15px center;
	width: 120px;
	height: 70px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0;
	padding: 20px 40px 20px 80px;
	color: #434747;
	font-size: 88%;
	line-height: 17px;
	font-family: 'Sintony';
}

a.subscribe em {
	color: #434747;
}

#sidebar aside.widget h3 {
	color:#222;
	font-size: 100%;
	height: 37px;
	line-height: 37px;
	background-color: #E7E9E9;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-indent: 8px;
	border-bottom: 1px solid #D9E1E1;
	margin: 40px 0 0 0;
	font-family: 'Sintony';
	font-weight: bold;
}

#sidebar aside {
	font-size: 88%;	
}

#sidebar aside ul {
	margin: 15px 0 0 10px;
	font-family: 'Sintony';
}

#sidebar aside#categories ul {
	margin: 15px 10px 0 10px;	
}

#sidebar aside#categories ul li {
	padding: 0 0 10px 0;
	font-size: 92%;
	color: #bbbfbf;
}

#sidebar aside#categories ul li a {
	line-height: 24px
}

#sidebar aside.social li > a {
	color: #1F2B33;
	display: block;
	position: relative;
}

#sidebar aside.social div, 
#sidebar aside.social h4 {
	float: left;
}

#sidebar aside.social div.image {
	width: 45px;
	position: absolute;
	top: 0;
	left: 0;
}

#sidebar aside.social div.update {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 52px;
	width: 183px;
	float: none;
}

#sidebar aside.social div.update.last {
	border-bottom: none;	
}

#sidebar aside.social img {
	float: left;
}

#sidebar aside.social h4 {
	margin: 0 0 10px 0;
	font-size: 78%;
	color: #1F2B33;
}

#sidebar aside.social h4.date {
	position: absolute;
	top: 0;
	right: 0;
}

#sidebar aside.social h4.date, 
#sidebar aside.social h4 span, 
#sidebar aside.social p.grey,
#sidebar aside.social p.published,
.articles article p.category {
	color: #bbb;
}

#sidebar aside.social h4.date:hover, 
#sidebar aside.social h4 span:hover, 
#sidebar aside.social p.grey:hover,
#sidebar aside.social p.published:hover {
	color: #000;	
}

.articles article p.category {
	clear: both;
	padding: 20px 0 10px 0;
}

#sidebar aside.social p.published {
	text-indent: 22px;
	background: url('images/facebook-post.jpg') no-repeat center left;
}

#sidebar aside.social p.published.photo {
	background-image: url('images/facebook-photo.jpg');	
}

#sidebar aside.social p {
	clear: both;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 8px 0;
	font-family: 'Sintony';
	font-weight: bold;
}

#sidebar aside#instagram-feed h3 {
	margin: 40px 0 15px 0;	
}

#sidebar aside#instagram-feed img {
	width: 70px;
	height: 70px;
	margin: 0 5px 5px 0;
}

#sidebar aside#instagram img {
	margin: 0 5px 5px 0;
	width: 80px;
	height: 80px;
}

#sidebar aside#instagram img.third {
	margin: 0 0 6px 0;	
}

/* Green hyperlinks */

.blog h1 strong, #sidebar aside#categories a, .home #heroPanel h1 strong,
.articles article a,
#commentform a,
#comments a { 
	color: #01bf01;
}

#sidebar aside#categories a:hover,
.articles article a:hover,
#commentform a:hover,
#comments a:hover { 
	color: #000;
}

/* Articles */

#content.with-sidebar {
	width: 715px;
}

#content.full-width {
	width: 990px;	
}

#community #content {
	margin: 4px 0 0 0;	
}

#community #content h2 a, 
#caseStudies #content h2 a,
#community  #content h3 a, 
#caseStudies #content h3 a {
	color: #1F2B33;
}

#caseStudies h3 {
	font-size: 24px;
}

#caseStudies #content.full-width h2 {
	margin: 0 0 0 0;
	padding: 60px 0 0 0;
}

#caseStudies #content.full-width hr {
	margin: 12px 0 15px 0;
	height: 2px;	
}

#caseStudies #content.full-width .intro {
	margin: 0 0 40px 0;
}

#community #content .articles article, 
#caseStudies #content .articles article,
#news #content .articles article {
	margin: 0 0 50px 0;
	min-height: 150px;
	position: relative;
}

#caseStudies #content .articles article {
	margin: 25px 0 50px 0;
	min-height: 185px;
}

#news #content .articles article {
	min-height: 220px;	
}

#content .articles article img {
	position: absolute;
	top: 0;
	left: 0;
}

#content .articles article div {
	margin: 0 0 0 220px;
}

#content.searchresults .articles article div {
	margin: 0;	
}

#content.searchresults h2 {
	margin: 0 0 30px 0;	
}

#content .articles.full article div {
	margin: 0;
}

#community #content .articles.search > h2, 
#caseStudies #content .articles.search > h2 {
	margin: 0 0 30px 0;	
}

#community #content .articles.full article img, 
#caseStudies #content .articles.full article img {
	position: static;
}

.articles article p.meta_data {
	color: #999;
	padding: 10px 0 0 0;
}

article p.meta_data em {
	color:#1F2B33;
	font-family: 'VAGRoundedStd-Light';
}

.articles article blockquote, 
.articles article p {
	padding: 10px 0;
	line-height: 24px;
}

.articles article.knowledge p {
	font-size: 18px;
	line-height: 24px;
	padding: 0 0 10px 0;
}

.articles article blockquote {
	margin: 0 50px;
	padding: 40px 0;
	color: #999;
}

.articles article blockquote p {
	padding: 0;
	font-size: 105%;
	line-height: 26px;
}

.articles article ul,
.articles article ol {
	margin: 0 0 0 50px;
	font-size: 12.5px;
	line-height: 22px;
	list-style: disc;
	padding: 5px 0;
}

.articles article ol {
	list-style: decimal;	
}

.articles.full article {
	padding: 0 0 30px 0;
}

#community .articles.full article {
	border-bottom: 1px solid #D9E1E1;	
}

.articles.full article h3,
.articles.full article h4,
.articles.full article h5 {
	padding: 15px 0 5px 0;
}

/* Feature/sticky article */

#community #content .articles article.first {
	border-bottom: 1px solid #D9E1E1;
	padding: 0 0 50px 0;
}

#community #content .articles article.first img {
	position: static;
}

#community #content .articles article.first div {
	margin: 0 0 0 20px;	
}

#community #content .articles article.first div.image {
	margin: 0 0 20px 0;
	position: relative;
}

#community #content .articles article.first div.image h2 {
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #000; /* Fallback */
	background: url('images/article-title-bg.png') repeat-x 0 0;
	padding: 20px 25px 20px 40px;
	font-size: 45px;
	line-height: normal;
	font-family: 'VAGRoundedStd-Thin';
}

#community #content .articles article.first div.image h2 a {
	color: #fff;
}

.categories {
	margin: 30px 0 0 0;	
}

/* Article images */

.articles p.wp-caption-text {
	color: #999;
	font-size: 70%;
}

.articles img.wp-post-image {
	display: block;	
	margin: 15px 0;
}

.articles.blog-list img.wp-post-image {
	margin: 0;	
}

/* Comment form */

#commentform {
	margin: 10px 0 0 0;	
}

#commentform label {
	color: #434747;
}

#commentform input {
	border: 1px solid #D9E1E1;
	height: 32px;
	width: 225px;
	padding: 0 35px 0 10px;
	font-size: 90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 8px 10px 8px 0;
}

#commentform textarea {
	border: 1px solid #D9E1E1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 8px 0;
	padding: 10px;
	width: 465px;
	height: 150px;
}

#commentform #submit, #submit-contact-details {
	background-color: #01bf01;
	color: #fff;
	width: auto;
	height: 32px;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	cursor: pointer;
}

/* Comments list */

#comments .commentlist {
	padding: 30px 0;	
}

div.comment-body {
	position: relative;
	margin: 0 0 30px 0;
}

div.comment-body .avatar {
	position: absolute;
	top: 0;
	left: 0;
}

div.comment-body div,
div.comment-body .author,
div.comment-body .comment-meta,
div.comment-body .reply,
div.comment-body .comment-awaiting-moderation {
	margin: 0 0 0 100px;
}

div.comment-body div.avatar {
	margin: 0;
	width: 64px;
	height: 64px;
}

div.avatar img {
	width: 64px;
	height: 64px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}

div.comment-body div.comment-date p {
	color: #bbb;	
}

#comments a {
	font-size: 12.5px;	
}

#comments div.reply,
#comments div.comment {
	padding: 10px 0 0 0;	
}

.children {
	margin-left: 25px;	
}

/* Category page */

.category-archive-meta {
	margin: 30px 0;	
}


/* Blog navigation */

#postsnav {
	margin: 15px 0;	
}

#postsnav a {
	color: #01bf01;
	font-size: 15px;
}

#postsnav a:hover {
	color: #000;	
}

#caseStudies #postsnav a {
	color: #2264d0;	
}

.articles article a.more {
	font-weight: bold;
	color: #01bf01;
}

.articles article a.more:hover {
	color: #000;	
}

#caseStudies .articles article a.more,
#caseStudies .articles article a {
	color: #2264d0;	
}

#caseStudies .articles article h2 a, 
#caseStudies .articles article h3 a {
	color: #1F2B33;
}

.articles article a.allPosts {
	color: #fff;
	display: inline-block;
	height: 33px;
	background: #01bf01 url('images/spritesheet-button-arrows.png') no-repeat 2px -342px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	margin: 10px 0;
	
	font-size: 16px;
	line-height: 36px;
	padding: 0 20px 0 50px;
	font-size: 16px;
}

#caseStudies .articles article a.allPosts {
	background: #2264d0 url('images/spritesheet-button-arrows.png') no-repeat 6px -648px;		
}

/* Coloured button hovers */

.page-template-section-php #showcasePanel .contentContainer.case-study a:hover {
	background-position: 92% -1177px;
}

/* Green */
.articles article a.allPosts:hover, #commentform #submit:hover,
#privacy .opt a.option:hover, #privacy .cookies .opt a:hover,
#careers a.button:hover, input.tryAPI:hover, 
#about .four-column .container div.green a.button:hover, #sharing a.greenButton:hover,
#advertise-contact #submit-contact-details:hover,
#careers a.button {
	background-color: #00d100;
	background-position: 92% -1177px;
}

.articles article a.allPosts:hover {
	background-position: 0 -342px;
}

/* Olive */
#showcasePanel.Build .button a:hover {
	background-color: #bbea30;
	background-position: 92% -1177px;
}

/*Dark Blue*/
#about .four-column .container div.dark-blue a.button:hover, #showcasePanel.Learn .button a:hover {
	background-color: #2477fe;
	background-position: 92% -1177px;
}

/*Light Blue*/
#about .four-column .container div.light-blue a.button:hover, #showcasePanel.Analyze .button a:hover, 
#showcasePanel.SQI .button a:hover,
#featurePanel.GetSharing .thirds .contentContainer + .contentContainer > div .button a:hover,
.home #featurePanel  .thirds .contentContainer + .contentContainer > div .button a:hover {
	background-color: #4ed5df;
	background-position: 92% -1177px;
}

/*Red*/
#about .four-column .container div.red a.button:hover, #featurePanel.Analyze .thirds .button a:hover, 
#featurePanel .thirds .contentContainer > div .button a:hover, 
.home #featurePanel  .thirds .contentContainer + .contentContainer + .contentContainer  > div .button a:hover {
	background-color: #ff3263;
	background-position: 92% -1177px;
}


/* Search */

span.highlight {
     background-color:yellow;
}

/* Infinite posts scroll */

#infscr-loading { 
	text-align: center; 
}

/* Case Study Stats */

#sidebar aside.stats ul {
	margin: 0;	
}

/* Old stats - to be removed */

.stats li {
	width: 210px;
	background-color: #2264d0;
	padding: 35px 15px;
	color: #fff;
	float: left;
	text-transform: uppercase;
	font-family: 'VAGRoundedStd-Thin';
	font-size: 15px;
	line-height: 20px;
}
.stats li em {
	display: block;
	width: 100%;
	font-size: 36px;
	font-family: 'VAGRoundedStd-Light';
	line-height: 42px;
}

.stats li.websites {
	background-color: #BFCDE1;
	color: #1F2B33;
}

.stats li.clicks {
	background-color: #617F97;	
}

.stats li.ctr {
	background-color: #2E4960;
}

.stats li.social-channels {
	background-color: #CFD5DF;
	color: #1F2B33;
}

.stats li.spend {
	background-color: #9BA7AD;	
}

.stats li.likely-to-click {
	background-color: #5F8CB3;	
}

.stats li.ctr,
.stats li.likely-to-click,
.stats li.websites,
.stats li.social-channels {
	width: 90px;
	height: 80px;
}

/* end old stats

New stats styles - uncomment when deploying 

.stats li {
	width: 210px;
	background-color: #2264d0;
	padding: 35px 15px;
	float: left;
	text-transform: uppercase;
	line-height: 20px;
	color: #fff;
}

#sidebar aside.stats li p {
	color: #fff;
	font-family: 'VAGRoundedStd-Thin';
	font-size: 15px;
	line-height: 20px;
}

#sidebar aside.stats li.half p {
	max-height: 100px;
	overflow: hidden;
}

#sidebar aside.stats li + li p {
	color: #1F2B33;
}

#sidebar aside.stats li + li + li p {
	color: #1F2B33;
}

#sidebar aside.stats li + li + li + li p {
	color: #fff;
}

.stats li em, .stats li strong {
	display: block;
	width: 100%;
	font-size: 36px;
	font-family: 'VAGRoundedStd-Light';
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}

.stats li,
.stats li + li + li + li + li + li + li + li {
	background-color: #2264d0;
}

.stats li + li {
	background-color: #BFCDE1;	
}

.stats li + li + li {
	background-color: #CFD5DF;
}

.stats li + li + li + li {
	background-color: #617F97;
}

.stats li + li + li + li + li {
	background-color: #2E4960;	
}

.stats li + li + li + li + li + li {
	background-color: #5F8CB3;	
}

.stats li + li + li + li + li + li + li {
	background-color: #9BA7AD;
}

.stats li.half {
	width: 90px;
	height: 80px;
}

 end new stats */


/* QUote widget */

#quote-widget {
	background: #E7E8E8 url('images/quote-finish.png') no-repeat 93% 90%;
	padding: 15px;
	margin: 0;
}

#quote-widget > p {
	background: url('images/quote-start.png') no-repeat top left;
	display: block;
	padding: 15px 15px 15px 18px;
	font-family: 'Sintony';
	font-weight: bold;
}

#quote-widget p + p {
	background: none;
	padding: 0 15px 10px 18px;
}

div.quote-bottom {
	background: url('images/quote-bottom.png') no-repeat 28% 100%;
	height: 41px;
}

#sidebar img.wp-post-image {
	margin: 0 0 30px 0;
}

/* Careers */

#careers {
	background-color: #fff;
	padding: 50px 0 0 0;
}

#careers #primary {
	padding: 0;
	background-color: #fff;	
}

#instagram {
	width: 990px;
	height: 390px;
}

#instagram img {
	float: left;
	margin: 0 10px 10px 0;
}

#instagram > div {
	width: 200px;
	height: 380px;
	float: left;
}

#instagram > div.last {
	width: 190px;	
}

#instagram > div.last img {
	margin: 0 0 10px 0;
}

#careers #intro {
	margin: 100px 0 0 0;	
	position: relative;
	min-height: 350px;
	padding: 0 0 120px 0;
	background: url('images/arrow-grey-downwards.png') no-repeat center bottom;
}

#careers #intro img {
	position: absolute;
	top: 50px;
	left: 0;
}

#careers #intro > div {
	margin-left: 500px;
	width: 450px;
}

#careers #intro h3 {
	font-size: 36px;
	line-height: 47px; 
	color: #01BF01;
	padding: 0 0 10px 0;
}

#careers #intro p {
	font-size: 14px;
	line-height: 19px;
	padding: 0 0 20px 0;
}

#careers #intro p a {
	color: #01BF01;
}

#careers #intro p a:hover {
	color: #000;	
}

#careers #intro ul {
	margin: 20px 0 20px 0;
	min-height: 70px;
}

#careers #intro ul li {
	width: 180px;
	float: left;
	font-size: 18px;
	font-family: 'VAGRoundedStd-Bold';
	line-height: 23px;
}

#careers #intro a.currentPositions {
	position: absolute;
	margin: 30px 0;
	color: #434747;
	font-size: 18px;
	bottom: 10px;
	left: 430px;
}

#hiring {
	background-color: #01bf01;
	color: #fff;
	height: 42px;
	margin: 30px 0 0 0;
	border-top: 5px solid #F3F4F4;
}

#hiring h2 {
	text-transform: uppercase;
	line-height: 42px;
	font-size: 24px;
}

#hiring h2  {
	width: 990px;
	margin: 0 auto;
}

#vacancies {
	background-color: #F3F4F4;
	padding: 30px 0 75px 0;
}

#vacancies > div {
	position: relative;	
}
#vacancies .vacancies-list {
	margin-bottom: 20px;
	clear: left;
}
#vacancies .vacancies-list .spacer {
	width: 90px;
	display: table-cell;
}

#vacancies article {
	display: table-cell;
	margin: 35px 0 0 0;
	width: 450px;
	padding: 18px 0;
	border-bottom: 1px dotted #aaa;
}

.lt-ie8 #vacancies article, .lt-ie8 #vacancies .vacancies-list .spacer {
	float: left;
	clear: none;
	min-height: 80px;
}


#vacancies article h3 {
	font-family: 'VAGRoundedStd-bold';
	font-size: 18px;
	text-align: left;
	font-weight: normal;
	line-height: normal;
}

#vacancies article h4 {
	color: 	#01bf01;
	padding: 0 0 25px 0;
	font-family: Sintony;
	font-size: 13px;
}

#vacancies article a {
	font-family: 'VAGRoundedStd-Bold';
	color: #1f2b33;
	font-size: 14px;
}

#vacancies article a:hover {
	color: #01bf01;
}

#careers #intro h4 {
	font-size: 18px;
	line-height: 34px;
}


/* Definition lists */

dl {
	color: #1F2B33;
	margin-top: 80px;
	counter-reset:item;
	margin: 40px 0 60px 0;
}

dl dt {
	background: url('images/bullet-red.png') no-repeat 0 5px;
	padding-left: 0;
	font-family: 'VAGRoundedStd-Light';
	font-size: 22px;
	letter-spacing: 0;
	text-align: left;
	font-weight: normal;
	line-height: 35px;
	padding: 0 0 15px 0;
	margin: 15px 0 0 0;
}

dl dt,
dl dd {
	min-height: 35px;
	color: #1F2B33;
}

dl dd {
	margin: 0 0 35px 0;	
	padding-left: 45px;
}

dl dt:before,
#content.policy dl dt:before {
	counter-increment:item;
	content: counter(item, decimal);
	display: block;
	float: left;
	width: 45px;
	text-indent: 11px;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
}

#content.policy dl dt:before {
	content: counter(item, upper-alpha);
	text-indent: 11px;
}




/* --- Privacy, News, API Overview --- */

#privacy #topNav, 
#news #topNav, 
#api-overview #topNav,
#sharing #topNav {
	background-color: #CDD2D2;
	height: 100px;
	line-height: 100px;
}

#privacy #topNav div,
#news #topNav div, 
#api-overview #topNav div,
#news #topNav div,
#sharing #topNav div {
	height: 100%;	
}

#api-overview #topNav {
	margin: 30px 0 55px 0;
}

#privacy ol, 
#news ol, 
#api-overview ol,
#sharing ol {
	margin: 0 0 30px 0;	
}

#privacy #topNav div {
	background: url('images/bullet-list.jpg') no-repeat right center;
}

#news #topNav div {
	background: url('images/newspaper.jpg') no-repeat right center;
}

#api-overview #topNav > div {
	background: url('images/cogs.jpg') no-repeat right center;
}

#api-overview.open-source #topNav div {
	background: url('images/open-source.jpg') no-repeat right center;
}

#api-overview #topNav div.analytics-api {
	background: url('images/analytics.jpg') no-repeat right center;
}

#api-overview #topNav div.stream-api {
	background: url('images/stream.jpg') no-repeat right center;
}

#api-overview #topNav div.sharing-api {
	background: url('images/sharing.jpg') no-repeat right center;
}

#api-overview #topNav div.share-count-api {
	background: url('images/calculator.jpg') no-repeat right center;
}

#api-overview #topNav div.mobile-api {
	background: url('images/mobile.jpg') no-repeat right center;
}

#sharing #topNav div.twitter {
	background: url('images/twitter.png') no-repeat right center;
}

#sharing #topNav div.facebook {
	background: url('images/facebook.jpg') no-repeat right center;
}

#sharing #topNav div.ios-android {
	background: url('images/mobile-devices.png') no-repeat right center;
}

#sharing #topNav div.wordpress {
	background: url('images/wordpress.jpg') no-repeat right center;
}

#privacy #topNav div.padlock {
	background: url('images/padlock.jpg') no-repeat right center;
}

#topNav  #subpage-navigation {
	position: absolute;
	top: 9px;
	left: -62px;
	width: 300px;
	height: auto !important;
	min-height: 0;
	border: 1px solid #bbb;
	background: #e9e9e9 !important;
	padding: 20px 20px 15px 20px;
	z-index: 2;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px -1px 1px 1px #ccc;
	box-shadow: 0px -1px 1px 1px #ccc;
	zoom: 1;
}

#topNav #subpage-navigation ul {
	margin: 0 0 0 40px;
	list-style: none;
	padding: 0;
	background: #e9e9e9;
	min-height: 0;
	zoom: 1;
}

#topNav #subpage-navigation ul li {
	line-height: 40px;
	display: block;
	padding: 0;
	zoom: 1;
}

#topNav #subpage-navigation ul li a {
	color: #434747;
	font-size: 24px;
	font-family: 'VAGRoundedStd-Thin', arial, helvetica, sans-serif;
	display: block;zoom: 1;
}

#topNav #subpage-navigation ul li a.first {
	width: auto;	
}

#topNav #subpage-navigation ul li a:hover {
	color: #000;	
}

#topNav #subpage-navigation ul li a.highlight {
	color: #01bf01;	
}

#topNav #subpage-navigation ul li a.highlight:hover {
	color: #000;	
}

#privacy #topNav #subpage-navigation ul li a.highlight {
	color: #e21d4c;	
}

#privacy h4 {
	font-size: 18px;
	margin: 0 0 10px 0;	
}

#privacy,
#privacy .intro {
	padding: 0 0 55px 0;
}

#privacy .intro .two-thirds {
	margin-right: 295px;
	padding: 0 30px 0 0;
}

#privacy p, #api-overview p, #sharing p {
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 24px;
}

#topNav h1 {
	text-align: left;
	text-indent: 52px;
	padding-top: 30px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 36px;
	line-height: 52px;
}

#privacy h1 a, #api-overview h1 a, #sharing h1 a {
	color: #434747;
	background: url('images/spritesheet-button-arrows.png') no-repeat 2px -990px;
	display: block;
	height: 40px;
	margin-left: -50px;
	font-size: 36px;
	line-height: 40px;
	font-family: 'VAGRoundedStd-Light', arial, helvetica, sans-serif;
}

#api-overview.open-source h1 a {
	background: none;	
}

#api-overview.open-source {
	margin:110px 0 0 0;
}

#api-overview.open-source h1 {
	text-indent: 0;
}

a.first {
	color: #434747;
	background: url('images/spritesheet-button-arrows.png') no-repeat 2px -1074px;
	display: block;
	height: 40px;
	width: 300px;
	margin-left: -49px;
	text-indent: 50px;
	font-size: 24px;
	line-height: 40px;
}

#api-overview a.first, #sharing a.first {
	background: url('images/spritesheet-button-arrows.png') no-repeat 2px -990px;
}

#privacy h1 a.close, #api-overview h1 a.close, #sharing h1 a.close {
	font-size: 24px;
}

#privacy h1 a {
	background: url('images/spritesheet-button-arrows.png') no-repeat 2px -1074px;	
}

#privacy h2, #api-overview h2, #news h2, #sharing h2 {
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

#privacy #primary, #api-overview #primary, #sharing #primary {
	margin-top: 55px;	
	position: relative;
}

#privacy hr, #api-overview hr, #news hr, #sharing hr, .technology hr {
	height: 3px;
	background-color: #CDD3D3;
	width: 1100px;
	margin: 5px 0 30px -50px;
}

#privacy #content h2, #api-overview #content h2, #news h2, #sharing #content h2 {
	margin: 0;
	font-family: 'VAGRoundedStd-Bold';
	font-size: 24px;
}


/* API Overview */

#api-overview #primary {
	margin: 0 auto 55px auto;
}

#api-overview table {
	margin: 0 0 35px 0;
	width: 100%;
}

#api-overview table td input {
	display: block;
	width: 270px;
	height: 30px;
	margin: auto;
	border: 1px solid #D9E1E1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 0 10px;
	line-height: 30px;
}

#api-overview a {
	color: #01bf01;	
	font-family: 'Sintony';
}

#api-overview a:hover {
	color: #000;	
}

#api-overview a:hover {
	color: #000;	
}

#api-overview .column a:hover {
	color: #01bf01;
}

#api-overview .third {
	width: 330px;
	float: left;
}

#api-overview #content > div {
	margin: auto 0 35px 0;
	clear: left;
}

.apis {
	width: 600px;
	float: right;
	margin: 0 0 60px 60px;
}

.apis > div {
	margin: 0 0 30px 0;
	background:  #E7E8E8 url('images/apis/sharing_api.png') no-repeat 20px center;
	min-height: 140px;
}

#api-overview .apis > div a {
	display: block;
	padding: 20px 20px 10px 150px;
}

.apis > div:hover {
	background-color: #f3f3f3;
}

.apis div.stream-api {
	background:  #E7E8E8 url('images/apis/stream_api.png') no-repeat 20px center;	
}

.apis div.share-count-api {
	background:  #E7E8E8 url('images/apis/share_count_api.png') no-repeat 20px center;	
}

.apis div.mobile-api {
	background:  #E7E8E8 url('images/apis/mobile_api.png') no-repeat 20px center;	
}

.apis div.analytics-api {
	background:  #E7E8E8 url('images/apis/analytics_api.png') no-repeat 20px center;	
}

.apis div:hover {
	background-color: #f3f3f3;
}

#api-overview #primary h2 {
	margin: 0;
}

#api-overview #primary h2 + h2 {
	margin: 55px 0 0 0;	
}

#api-overview .apis > div h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 5px 0;
	font-family: 'VAGRoundedStd-Bold';
	color: #434747;
}

#api-overview h3 {
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 10px 0;
	font-family: 'VAGRoundedStd-Light';
	color: #434747;	
}

#api-overview .apis > div p {
	padding-right: 70px;
	background:  url('images/apis/api_arrow.png') no-repeat right center;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	margin: 0 0 10px 0;
}

#api-overview dl dt {
	font-size: 17px;
	letter-spacing: 0em;
	line-height: 32px;
	background-image: url('images/bullet-green.png');
}

#api-overview dl dt:before {
	min-height: 90px;
}

#api-overview .column {
	float: left;
	width: 227px;
	margin: 40px 26px 20px 0;
}

#api-overview .column a {
	color: 	#1F2B33;
}

#api-overview .column + div + div + div {
	margin: 40px 0 20px 0;
}

#api-overview .column h3 {
	font-size: 18px;
	color: #01BF01;
	font-family: 'VAGRoundedStd-Bold';
}

#api-overview .column ul li {
	font-size: 14px;
	line-height: 26px;
}


/* API Individual Pages */

pre, .apiResponse {
	background-color: #F3F3F3;
	padding: 30px;
	margin: 30px 0;
}

pre {
	overflow-x: scroll;
}

#api-overview table th {
	background-color: #F3F3F3;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #D9E1E1;
	font-size: 18px;
	padding: 0 30px 0 18px;
	font-family: 'VAGRoundedStd-Light', arial, helvetica, sans-serif;
}

#api-overview table tr {
	border-bottom: 1px solid #D9E1E1;
	line-height: 22px;
	font-size: 14px;
	vertical-align: middle;
}

#api-overview table tr td {
	padding: 18px 30px 18px 18px;
	vertical-align: top;	
}

#api-overview table tr td:last-child, table th:last-child {
	padding-right: 0;	
}

.lt-ie9 table {
	border-collapse: collapse;	
}

.lt-ie9 #api-overview  table tr td {
	border-bottom: 1px solid #D9E1E1;
}

#api-overview #content #attachments {
	margin: 0 0 0 20px;
}

#attachments h3 {
	margin: 55px 0 5px -20px;
	font-size: 18px;
	text-indent: 20px;
	background: url('images/paperclip.png') no-repeat left top;
	line-height: 26px;
	display: block;
	height: 26px;
}

#attachments a {
	font-size: 18px;		
}

p.requestURI {
	border: 1px solid #D9E1E1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 5px 10px;
	float: left;
	width: 788px;
	color: #01bf01;
}

input.tryAPI {
	background-color: #01bf01;
	color: #fff;
	width: 160px;
	height: 34px;
	padding: 0 15px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	cursor: pointer;
	margin: 0 0 0 20px;
}

.response {
	clear: both;	
}

#api-overview .response h3 {
	font-size: 18px;
	line-height: 24px;
	font-family: 'VAGRoundedStd-Bold';
}

#api-overview .response > div {
	min-height: 150px;	
}

#api-overview .response > div,
#api-overview #content .apiFnalURLDiv {
	margin: 0 0 30px 0;
}

#api-overview.single-api-view ol {
	list-style-type: decimal;
	padding: 0 0 0 50px;
	margin: 0 0 30px 0;
}

#api-overview.single-api-view ol li {
	display: list-item;
	padding: 0 0 10px 5px;
	
}

#api-overview.single-api-view ol li:before {
	background: none;
	content: "";
}

/* Open Source specific list */

.open-source-projects #api-overview.single-api-view ol {
	padding: 0 0 0 20px;
}

.open-source-projects #api-overview.single-api-view ol li {
	display: block;
	padding: 10px 10px 20px 30px;
}

.open-source-projects #api-overview.single-api-view ol li p {
	margin: 0;
}

.open-source-projects #api-overview.single-api-view ol li:before {
	background: url('images/bullet-olive.png') no-repeat 0 0;
	content: counter(li);
}

.open-source-projects #api-overview.single-api-view ol li h3,
.open-source-projects #api-overview #content a {
	color: #B1CF27;
}


/* Privacy */

#privacy a {
	color: #e21d4c;	
}

#privacy .contact {
	margin-left: 45px;
}

#privacy dl dt {
	color: #e21d4c;	
}

#privacy #dos-donts {
	padding: 50px 0 0 0;
}

#privacy #dos-donts h2 {
	border: none;
	text-transform: none;
	background: url('images/do-and-dont.png') no-repeat 0 -128px;
	height: 40px;
	padding-left: 45px;
}

#privacy #dos-donts ul {
	list-style: none;
	padding-left: 45px;
	font-size: 17px;
	line-height: 32px;
	margin: 0 0 50px 0;
}

#privacy #dos-donts ul li:before{ 
	content:"•"; 
	font-size:8px;
	margin-right: 10px;
}

#privacy #dos-donts h2 + ul + h2 {
	background: url('images/do-and-dont.png') no-repeat 0 -12px;
}

#privacy .optin-optout {
	background-color: #E7E9E9;
	padding: 30px;
	margin: 0 0 50px 0;
	padding-right: 360px;
	position: relative;
}

#privacy .optin-optout p {
	padding: 0;	
	margin: 0;
}

#privacy .opt a.option,
#privacy .cookies .opt a {
	display: block;
	width: 295px;
	height: 48px;
	background: #01bf01;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: auto;
	color: #fff;
	text-align: center;
	line-height: 48px;
	margin: 0 0 20px 0;
}

#privacy .intro .opt {
	float: right;
	margin: 0 0 0 15px;
}

#privacy .intro .opt .manifesto-link {
	margin: 0 35px;	
}

#privacy .intro .manifesto {
	background: #E7E9E9 url('images/manifestoLink.jpg') no-repeat center 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	color: #1F2B33;
	text-align: center;
	padding: 160px 0 5px 0;
	width: 295px;
	font-family: 'Sintony';
}

#privacy .intro .manifesto h4 {
	font-size: 18px;
	font-family: 'Sintony';
	margin: 0;
}

#privacy .cookies .opt {
	margin: 40px 0;
}

#privacy .cookies .opt a {
	margin: 0;
}

#privacy a.out {
	background: #8BD88C url('images/cross-icon.png') no-repeat 35px center;
}

#privacy .optin-optout .cookies {
	position: absolute;
	top: 0;
	right: 30px;
	height: 100%;
}

#privacy p.updated {
	margin: 0 0 0 45px;
	font-family: 'VAGRoundedStd-Bold';
}


/* Breadcrumb */

#breadcrumb {
	width: 990px;
	height: 40px;
	margin: 40px auto 0 auto;
}

#breadcrumb li {
	float: left;
	font-size: 14px;
	font-family: 'Sintony';
}

#breadcrumb li a {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 15px 0 0;
	background: url('images/breadcrumb-spacer.jpg') no-repeat right center;
	font-size: 14px;
}


/* Rounded ordered lists */

#privacy ol, #api-overview ol, #sharing ol, .technology ol, #featurePanel ol {
	counter-reset: li;
	list-style: none;
	padding: 0;
	*list-style-type: decimal; /* Basic numbering for IE7 */
	margin: 0 0 10px 15px;
}

#privacy ol, .technology ol {
	*list-style-type: upper-alpha; /* Basic lettering for IE7 */
}

#privacy ol ol, #api-overview ol ol, #asharing ol ol, .technology ol ol, #featurePanel ol {
	margin: 0 0 0 0;
}

 .lt-ie8 #featurePanel ol {
	margin-left: 15px !important; 
 }

#privacy ol li, #api-overview ol li, #sharing ol li, .technology ol li, #featurePanel ol li {
	font-size: 13px;
    font-family: 'Sintony';
    line-height: 24px;
	position: relative;
	display: block;
	padding: 15px 10px 20px 30px;
	*padding: .4em;
	margin: .5em 0;
	color: #444;
	text-decoration: none;
}

#privacy ol li:before, #api-overview ol li:before, #sharing ol li:before, .technology ol li:before, #featurePanel ol li:before,
#open-source {
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -15px;
	top: 30px;
	margin-top: -1.3em;
	background: url('images/bullet-red.png') no-repeat 0 0;
	height: 29px;
	width: 29px;
	line-height: 29px;
	text-align: center;
	color: #fff;
    font-size: 13px;
}

#api-overview ol li:before, #sharing ol li:before {
	background: url('images/bullet-green.png') no-repeat 0 0;
}

.technology ol li:before {
	background: url('images/bullet-blue.png') no-repeat 0 0;
}

#privacy ol li:before, .technology ol li:before {
	content: counter(li, upper-alpha);
}

#privacy ol h3, #api-overview ol h3, #sharing ol h3, .technology ol h3 {
	font-family: 'VAGRoundedStd-Light';
	font-size: 22px;
	letter-spacing: 0;
	line-height: 35px;
	color: #e21d4c;
}

/* News */

#news h1 {
	text-indent: 0;	
}

#news h3 {
	font-family: 'VAGRoundedStd-Light';
	font-size: 24px;
	letter-spacing: 0.02em;
	text-align: left;
	font-weight: normal;
	line-height: 28px;
}

#news article.post p a {
	color: #434747;	
}

#news h3 a {
	color: #1F2B33;	
}

#news #primary {
	position: relative;	
}

#news #sidebar aside.widget h3 {
	background: none;
	border-bottom: none;
	border-top: 1px solid #D9E1E1;
	margin: 0;
	text-indent: 0;
}

#news #news-intro {
	margin: 40px auto;	
}

#news #news-intro > div {
	position: relative;
	width: 240px;
	float:  right;
	margin: 0 0 0 40px;
}

#news a, #news article.post .meta_data a, #news article.post a.more {
	color: 	#e21d4c;
}

#news a.subscribe {
	color: #434747;	
}

#news #press-releases ul {
	margin: 0 0 30px 0;	
}

#news #press-releases ul li {
	line-height: 18px;
	font-size: 12px;
	padding: 0 0 18px 0;
	width: 160px;
}

.lt-ie8 #news {
	margin: 110px 0 30px 0;
}

.li-ie8 #news #news-intr {
	margin: 40px auto 10px auto;	
}

/* About template */

#about h3 {
	font-family: 'VAGRoundedStd-Thin';
}

#about > div {
	padding:  80px 0;
	background-color: #fff;
	position: relative;
}

#about .grey {
	background-color: #EAEEEE;	
}

#about > div .container {
	position: relative;
	display: table;
    table-layout: fixed;
}
#about > div .container > div {
	display: table-cell;
	vertical-align: top;
	width: 240px;
	position: relative;
}

#about > div .container > div > div {
	position: relative;
	height: 100%;
}

#about .four-column .container div.light-blue,
#about .four-column .container div.red {
	padding: 0 90px 0 0;
}

#about .four-column .container div.dark-blue,
#about .four-column .container div.green,
#about .four-column .container div.light-blue,
#about .four-column .container div.red {
	 min-width: 245px;
     height: 230px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* Safari only override */
	::i-block-chrome, #about .four-column .container div.dark-blue,
	#about .four-column .container div.green,
	#about .four-column .container div.light-blue,
	#about .four-column .container div.red {
		width: 245px;
		}
}

.lt-ie8 #about .four-column .container div.light-blue,
.lt-ie8 #about .four-column .container div.red {
	margin: 0 60px 0 0;
	padding: 0;
}

.lt-ie8 #about .four-column .container div {
	float: left;	
}

#about .four-column .container div a.button,
#about .two-column .container div a.button,
.page-template-section-php #showcasePanel .contentContainer.case-study a,
#careers a.button {
	margin: 0;
	background: #01bf01 url('images/spritesheet-button-arrows.png') no-repeat 90% -1177px;
	color: #fff;
	width: 100px;
	height: 36px;
	line-height: 36px;
	padding: 0 35px 0 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	
}

#about .four-column .container div .buttonWrapper,
#about .two-column .container div .buttonWrapper,
.page-template-section-php #showcasePanel .contentContainer.case-study .buttonWrapper,
#careers .buttonWrapper,
#about #introduction + div > .container div .buttonWrapper {
	position: absolute;
	display: inline;
	bottom: 0;
	left: 0;
	margin: 0 0 -10px 0;
}

#careers a.button {
	width: auto;
	display: inline-block;
	padding: 0 55px 0 30px;
}

.page-template-section-php #showcasePanel .contentContainer.case-study a {
	position: static;
	display: inline-block;
	margin: 0;
}

.lt-ie8 .page-template-section-php #showcasePanel .contentContainer.case-study a {
	display: inline;
	zoom: 1;
}

#about .two-column .container div a.button:hover {
	background: #01bf01 url('images/spritesheet-button-arrows.png') no-repeat 140px -1622px;
}
#about .two-column {
	position: relative;
}

#about .container p {
	display: block;
}
#about .container p a {
	display: block;
	clear: both;
}
#about .two-column .container div {
	position: relative;
	padding: 0 0 60px 0;
}

#about .two-column p {
	padding: 0 0 20px 0;	
}

#about .two-column .container div a.button {
	background: #1f2b33 url('images/spritesheet-button-arrows.png') no-repeat 85% -1763px;
	height: 44px;
	line-height: 44px;
	font-size: 19px;
	padding: 0 70px 0 35px;
}

#about .two-column .container div a.button:hover  {
	background-color:  #1f2b33;
}

.page-template-section-php #showcasePanel.Build .contentContainer.case-study a {
	background-color: 	#b1d027;
}

#about .four-column .container div.red a.button,
.page-template-section-php #showcasePanel.Advertise .contentContainer.case-study a  {
	background-color: #e21d4c;
}

#about .four-column .container div.green a.button {
	background-color: #01bf01;
}

#about .four-column .container div.light-blue a.button,
.page-template-section-php #showcasePanel.Analyze .contentContainer.case-study a {
	background-color: #12c5d2;
}

#about .four-column .container div.dark-blue a.button,
.page-template-section-php #showcasePanel.Learn .contentContainer.case-study a {
	background-color: #2264d0;
}

#about .four-column .container div h3, .four-column .container div p {
	margin: 0 0 10px 0;	
}

.four-column .container div p {
	font-size: 14px;	
}

#about #introduction {
	padding:60px 0 80px 0;
	background-color:#EAEEEE;
}

#about #introduction p {
	font-size: 18px;
	line-height: 30px;
}

#about #introduction h1 em {
	color: #01bf01;
}

#about #introduction > div {
	padding: 40px 15px 0 15px;
	width: 990px;
	margin: auto;
	text-align: center;
}

#about #introduction + div img  {
	float: left;
	margin: 60px 40px 0 0;
}

.lt-ie8 #about #introduction + div img  {
	margin-right: 10px;	
}

#about #introduction + div > .container > div {
	width: 490px;	
	position: relative;
}

#about h2 {
	margin: 0 0 25px 0;
	color: #01bf01;
}

/* Share Platform template */

#sharing #content {
	margin: 0 0 60px 0;
}

#sharing #content > div {
	margin: 0 0 90px 0;
}

#sharing #primary h2 {
	margin: 55px 0 0 0;	
}

#sharing ol h3 {
	color: #1F2B33;
	margin: 0 0 10px 0;
}

#sharing a, #sharing code, #sharing em {
	color: #01bf01;
}

#sharing a:hover {
	color: #000;	
}

#sharing a.button {
	background-color: #01bf01;
	color: #fff;
	height: 44px;
	line-height: 44px;
	font-size: 19px;
	padding: 0 20px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: static;
	margin: 0;
}

#sharing pre {
	background-color: #FFF;
	border: 1px solid #B7C2C2;
	color: #582181;
	word-wrap:break-word;
	overflow: auto;
}

#sharing pre em {
	color: 	#6B6B6B;
}

#sharing #content div.overview {
	margin: 0;	
}

#sharing .overview ol {
	list-style: decimal;
	margin: 10px 0;
	padding: 0;
}

#sharing .overview ol li {
	position: static;
	margin: 0 0 0 40px;
	padding: 0;
	display: list-item;
}

#sharing .overview ol li:before {
	background: none;
	content: '';
}

#sharing  table td {	
	padding: 0;
	vertical-align: top;
}
#sharing #content  table td img {
	padding: 0 10px 0 0;
}

/* Steps */

#sharing ol#steps {
	margin: 0 0 60px 0;
	height: 296px;
}

#sharing ol#steps li {
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/* background: url('images/platform-share-steps.png') no-repeat right center; */
	float: left;
	padding: 0 33px 0 0;
	margin: 0 10px 0 0;
	clear: none;
}

#sharing ol#steps li:before {
	content: "";
	background: none;
}

#sharing ol#steps li h3 {
	font-size: 18px;	
}

#sharing ol#steps li h3 strong {
	font-family: 'VAGRoundedStd-Bold';	
}

#sharing ol#steps li div {
	height: 125px;	
	width: 266px;
	padding: 140px 15px 15px 15px;
	text-align: center;
	background: #E7E8E8 url('images/spritesheet-platform-share-steps.png') no-repeat -7px 25px;
}

#sharing.facebook-buttons ol#steps li div {
	background: #E7E8E8 url('images/spritesheet-platform-share-steps.png') no-repeat -886px 25px;
}

#sharing.facebook-buttons ol#steps li + li div, #sharing.twitter-buttons ol#steps li + li div  {
	background: #E7E8E8 url('images/spritesheet-platform-share-steps.png') no-repeat -301px 25px;
}

#sharing.facebook-buttons ol#steps li + li + li div, #sharing.twitter-buttons ol#steps li + li + li div {
	background: #E7E8E8 url('images/spritesheet-platform-share-steps.png') no-repeat -601px 25px;
}

#sharing ol#steps li + li + li {
	padding-right: 0px;
	margin-right: 0px;
}

#sharing ul {
	list-style: disc;
	font-size: 14px;
	margin: 0 0 0 25px;
	padding: 0 0 0 22px;
}

#sharing ul li {
	line-height: 24px;
	padding: 0 0 20px 0;
}

#sharing #breadcrumb {
	list-style: none;	
}

#sharing #content > div#auto-install,
#sharing #content > div#manual-install {
	margin: 0;	
}

#sharing .button > a{
	display: inline;
	display: inline-block;
	width: auto;
	background-color: #01bf01;
	color: #fff;
	padding: 0 30px;
}


/* Call To Actions */

#sharing a.cta {
	display: block;
	background: #E7E8E8 url('images/download-install-icons.png') no-repeat center 20px;
	width: 255px;
	color: #434747;
	text-align: center;
	padding: 135px 20px 15px 20px;
}

#sharing a.cta ,
#sharing div.cta {
	position: absolute;
	top: 130px;
	right: 45px;
}

#sharing a.cta p {
	background: #E7E8E8 url('images/download-install-icons.png') no-repeat center -230px;
	display: block;
	padding-bottom: 50px;
	margin: 0;
}

#sharing a.cta h3 {
	font-size: 18px;	
	padding: 0 0 8px 0;
}

#sharing a.cta.manu-install {
	background: #E7E8E8 url('images/download-install-icons.png') no-repeat center -780px;
}

#sharing a.cta.auto-install {
	background: #E7E8E8 url('images/download-install-icons.png') no-repeat center -502px;
	margin: 0 30px 0 0;
}

#sharing #platform-intro {
	min-height: 365px;
	float: left;
	width: 510px;
}

#sharing #platform-intro.third {
	width: 275px;	
}

#sharing div.cta {
	width: 620px;
}

#sharing div.cta a.cta {
	position: static;
	float: left;	
}


/*Screenshots and captions */

.alignleft {
	float: left;	
}

#sharing.ios-android #content div.wp-caption {
	width: 308px !important;
	margin: 0 20px 90px 0;
}

#sharing.ios-android #content div.wp-caption +  div.wp-caption + div.wp-caption {
	margin: 0 0 90px 0;	
}

#sharing p.wp-caption-text {
	font-size: 13px;
	line-height: 24px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 350px;
	width: 470px;
}

#sharing div.wp-caption {
	width: auto !important;
	position: relative;
}

#sharing ol li {
	clear: both;	
}

#sharing.ios-android p.wp-caption-text {
	position: static;
	width: auto;
}

#sharing a.greenButton {
	display: block;
	background-color: #01bf01;
	color: #fff;
	width: 130px;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
}


/* Advertising Contact */

#advertise-contact {
	padding: 0 0 20px 0;
	background: #F1F2F2;
}

#advertise-contact div.header {
	background: #fafafa url('images/community/greyCubeBg.gif') repeat-x 0 0;
	padding: 60px 0 30px 0;	
}

#advertise-contact h2 {
	padding: 30px 0 0 0;
	margin: 0 auto;
	width: 520px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	font-family: Sintony;
}

#advertise-contact #topNav {
	background-color: #DBDFDF;
	margin: 0 0 60px 0;
}

#advertise-contact h3 {
	text-transform: uppercase;
	font-size: 24px;
	font-family: 'VAGRoundedStd-Light';
	margin: 0 0 25px 0;
}

#advertise-contact label {
	font-family: 'VAGRoundedStd-Light';
	font-size: 18px;
	display: block;
	margin: 0 0 10px 0;
}

#advertise-contact label span {
	font-size: 14px;	
	position:relative;
	top:-6px;
	margin: 0 0 0 2px;
}

#advertise-contact form {
	width: 590px;
	margin: 0 0 0 200px;	
}

#advertise-contact form > div {
	margin: 0 0 30px 0;	
	clear: both;
}

#advertise-contact form > div div {
	width: 270px;
	float: left;
	margin: 0 50px 30px 0;	
}

#advertise-contact form > div div + div {
	margin: 0 0 30px 0;	
}

#advertise-contact input {
	width: 247px;
	height: 25px;
	border: 1px solid #CECECE;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 8px;
}

#advertise-contact textarea {
	border: 1px solid #CECECE;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width: 350px;
	padding: 8px;
}

#advertise-contact input.phone {
	width: 55px;
	margin: 0 6px 0 0;
}

#advertise-contact #submit-contact-details {
	width: 176px;
	height: 42px;
	font-size: 19px;
	margin: 25px 0 30px 0;
	clear: both;
}

/* Technology */

.technology h1 {
	margin: 0 0 20px 0;	
}

.technology h1 > strong {
	color: #2264d0;
	font-family: 'VAGRoundedStd-Light';
}

.technology #showcasePanel {
	background-color: #EAEEEE;
	padding: 60px 0 55px 0;
}

.technology #showcasePanel p {
	font-size: 18px;
	line-height: 30px;
	text-align: center;	
}

.technology h2 {
	text-transform: uppercase;
	font-size: 24px;	
}

.technology ol h3 {
	color: #2264d0;
	margin: 0 0 20px 0;
}

.technology #heroPanel ol li p {
	line-height: 24px;
	font-size: 14px;
}

/* SQI */

.sqi h3 {
	color: #0E8C94;
	font-size: 36px;
	line-height: 47px;	
}

.sqi #featurePanel p, .sqi #showcasePanel p {
	font-size: 14px;
}

.sqi #showcasePanel a {
	color: #00A500;	
}

.sqi #featurePanel a, .sqi #showcasePanel a {
	color: 	#15B7C1;
}

.sqi #showcasePanel h3, .sqi #featurePanel h3 {
	margin: 0 0 25px 0;	
}

.sqi #featurePanel .contentContainer {
	padding: 0 0 0 105px;
	width: 330px;
}

.lt-ie8 .sqi #featurePanel .contentContainer {
	margin-left: 0;
}

.sqi #featurePanel .contentContainer + div + div {
	width: 390px;
}

.sqi #featurePanel .spacer {
	display: none;
}

.lt-ie9 .sqi #showcasePanel .contentContainer {
	padding-left: none;
}

.sqi #showcasePanel .contentContainer {
	width: 330px;
	padding: 0 0 0 105px;
}

.sqi #showcasePanel .contentContainer + .contentContainer {
	width: 390px;
	padding: 0;
}

.sqi #showcasePanel .yarpp-related .related-content {
	width: 185px;
}

.sqi #showcasePanel .yarpp-related a {
	color: #fff;	
}

.sqi #showcasePanel h4 {
	color: #0E8C94;	
}

/* 3 Column section */

#featurePanel .thirds .contentContainer {
	width: 285px;
	margin: 0 50px 0 0;
}

#featurePanel .thirds .contentContainer + .contentContainer + .contentContainer {
	margin: 0;
}

#featurePanel  .thirds .contentContainer > div p {
	text-align: left;
	color: #434747;
	line-height: 24px;
}



#featurePanel .thirds .contentContainer .text {
	min-height: 200px;
}
#featurePanel  .thirds .contentContainer > div {
	float: left;
	width: 175px;
	height: 270px;
	position: relative;
	padding: 0 0 50px 0;
}

#featurePanel  .thirds .contentContainer > div.image {
	width: auto;
	padding: 0 20px 0 0;
}

#featurePanel  .thirds .contentContainer > div .button {
	position: absolute;
	bottom: 0;
	left: 0;
}

#featurePanel  .thirds .contentContainer > div .button a,
.home #featurePanel  .thirds .contentContainer + .contentContainer + .contentContainer  > div .button a{
	background-color: #E11D4B;	
}

#featurePanel  .thirds .contentContainer + .contentContainer > div .button a {
	background-color: #2163CF;
}
.home #featurePanel  .thirds .contentContainer + .contentContainer > div .button a {
	background-color: #12c5d2;
}

#featurePanel  .thirds .contentContainer + .contentContainer > div .button a:hover {
	background-color: #2477fe;
}

#featurePanel  .thirds .contentContainer + .contentContainer + .contentContainer > div .button a,
.home #featurePanel  .thirds .contentContainer:first-child div .button a{
	background-color: #01BF01;
}

#featurePanel  .thirds .contentContainer + .contentContainer + .contentContainer > div .button a:hover,
.home #featurePanel  .thirds .contentContainer:first-child div .button a:hover {
	background-color: #00d100;
}

.analytics #featurePanel {
	padding: 100px 0;	
}

/* Wide Feature Panel */

#featurePanel .wide-feature h2 {
	text-align: left;
	font-family: 'VAGRoundedStd-Bold';
	font-size: 24px;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

#featurePanel .wide-feature hr {
	height: 3px;
	background-color: #CDD3D3;
	width: 1100px;
	margin: 5px 0 30px -50px;	
}

#featurePanel .wide-feature h4 {
	color: #E11D4B;
}

#featurePanel .wide-feature li h4 {
	margin: 0 0 30px 0;	
}



/* YARPP Related Posts */

#showcasePanel .yarpp-related img.alignleft {
	margin: 0 20px 30px 0;	
}

#showcasePanel .yarpp-related .related-content {
	float: right;
	width: 235px;
}

#showcasePanel .columns.third .yarpp-related .related-content {
	float: none;	
}

.learn #showcasePanel .yarpp-related h5 {
	color: 	#1f2b33;
}

.yarpp-related img {
	float: left;
	margin: 0 0 20px 0;
}

.yarpp-related a:hover {
	color: #000;
}


/* KA */

.person .image-wrapper {
	overflow: hidden;
}
.person .image-wrapper img {
	margin-top: -187px;
}
.person:hover .image-wrapper img {
	margin-top: 0;
}

#team_overlay p,#team_overlay .entry-content h4 {
	color: #fff;
}

#team_overlay h3 {
	color: #14d0de;
}

#team_overlay .entry-content h4 {
	border-bottom: 2px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#leadershipList {
	border-bottom: 2px solid #ccc;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

#leadershipList .image-wrapper {
	height: 187px;
	overflow: hidden;
	float:left;
	width:187px;
}

#leadershipList .entry-content {
	display: inline-block;
	width: 700px;
	margin-left: 40px;
}

.lt-ie8 #leadershipList .entry-content {
	display: inline;
	zoom: 1;	
}

#leadershipList .entry-content h3 {
	line-height: 32px;
	margin-bottom: 20px;
}

#leadershipList .entry-content p {
	margin-bottom: 15px;
}

.whiteout {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
}

.lt-ie9 .whiteout {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); 
	zoom: 1;
}

.whitein {
	position: absolute;
	min-width: 530px;
	padding: 100px 30px;
	background: rgba(31,43,53,0.9);
	color: #fff;
	box-shadow: 0px 3px 8px #aaa;
	z-index: 200;
}



.lt-ie9 .whitein {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000,endColorstr=#dd000000); 
	zoom: 1;
}

.whiteout-close:hover {
	background: #6a757e;
}


#primary .wpcf7-mail-sent-ok {
	border: none;
	margin: -250px 0 0 -294px;
	padding: 100px 200px;
	text-align: center;
	font-size: 19px;
	line-height: 36px;
	font-family: Sintony;
	width: 335px;
}

#primary .wpcf7-mail-sent-ok h3 {
	color: #00BF00;
	font-size: 45px;
	margin: 0 0 10px 0;
	text-transform: none;
	font-family: Sintony;
}

#primary .wpcf7-mail-sent-ok p {
	font-size: 19px;
	color: #fff;
	line-height: 36px;
	font-family: 'VAGRoundedStd-Light', arial, helvetica, sans-serif;
}

#primary div.wpcf7-mail-sent-ok {
	display: none !important;
}

#primary div.wpcf7-response-output {
	width: 590px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	font-size: 16px;
	line-height: 20px;
	max-width: 590px;
}

#primary div.wpcf7-validation-errors, #primary span.wpcf7-not-valid-tip {
	border: 1px solid #e21d4c;
	padding: 6px;
	width: auto;
}

.lt-ie9 .whitein {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000,endColorstr=#dd000000); 
	zoom: 1;
}

.whiteout-close {
	background: #505b63;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	position: absolute;
	display: block;
	left: 50%;
	top: 10px;
	/* margin-top: -90px; */
	margin-left: 268px;
	cursor: pointer;
	z-index: 200;
}
.whiteout-close:hover {
	background: #6a757e;
}

#team_overlay .image-wrapper {
	float: left;
	width: 187px;
	height: 187px;
	vertical-align: middle;
	overflow: hidden;
}
#team_overlay .entry-content {
	float: left;
	margin-left: 20px;
	width: 300px;
	vertical-align: middle;
}

.person[data-position="1"] {
	margin-left: 13px;
}

.profile {
	margin-bottom: 40px;
	min-height: 187px;
}


#teamList {
	margin-left:-13px;
}



/* Advertising Contact Success */

#contactSuccess {
	display: none;	
	text-align: center;
}

.lightbox div.whitein {
	width: 530px;
	height: 160px;
	margin: auto;
	font-size: 19px;
	line-height: 36px;
	font-family: Sintony;
}

#contactSuccess h3 {
	color: #00BF00;
	font-size: 45px;
	margin: 0 0 10px 0;
	text-transform: none;
	font-family: 'VAGRoundedStd-Light', arial, helvetica, sans-serif;
}

#contactSuccess p {
	font-size: 19px;
	color: #fff;
	font-size: 18px;
	font-family: Sintony;
	line-height: 24px;
}



/* Get Sharing - Platform select */

#selectionPanel {
	background-color: #E7EBEB;
	border-top: 15px solid #BDC5C5;
	padding: 80px 0 75px 0;	
}

#selectionPanel ul.platforms li {
     width: 165px;
	 height: 140px;
	 background-color: #F3F5F5;
	 display: inline-block;
	 zoom: 1;
	 *display: inline;
	 border-right: 2px solid #CFD3D3;
	 border-bottom: 2px solid #CFD3D3;
	 text-align: center;
	 line-height: 140px;
	 margin: 0 20px 70px 0;
}

#selectionPanel ul.platforms li a {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

#selectionPanel ul.platforms li a:active, #selectionPanel ul.platforms li a:visited {
	color: #1F2B33;
}

#selectionPanel ul.platforms li a.textLink {
	text-indent: 0;
}

#selectionPanel ul.platforms li:hover {
	background: #01BE01;
}

#selectionPanel ul.platforms li.active {
	background: #01BE01 url('images/tick.jpg') no-repeat 95% 95%;
}

#selectionPanel a.next {
	color: #1F2B33;
	font-size: 24px;
	font-family: Sintony;
	float: right;
	background: url('images/spritesheet-button-arrows.png') no-repeat 90% -1772px;
	display: block;
	height: 40px;
	padding: 0 55px 0 0;
}

#selectionPanel a.next:hover {
	background: url('images/spritesheet-button-arrows.png') no-repeat 90% -1631px;
}

#selectionPanel a.next strong {
	color: #8E9090;
	font-size: 20px;
	font-family: Sintony;
}

#heroPanel.GetSharing {
	padding-bottom: 70px;
	position: relative;	
}

#heroPanel.GetSharing ul {
	margin: 0 auto;
	width: 100%;
	position: absolute;
	bottom: -15px;
	left: 0;
}

#heroPanel.GetSharing ul li {
	display: inline-block;
	zoom: 1; 
	*display: inline;
	margin-right: -2px;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	color: #fff;
	background-color: #01BE01;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	box-shadow: 4px 0px 5px -2px #888;
 	-webkit-box-shadow: 4px 0px 5px -2px #888;
	position: relative;
}

#heroPanel.GetSharing ul li a, #heroPanel.GetSharing ul li span {
	display: block;
	width: 100%;
	height: 52px;
	color: #fff;
	background: url('images/lime-green-downwards-pointing-arrow.png') no-repeat center 39px;
	padding: 0;
}

#heroPanel.GetSharing ul li + li a {
	background: none;
	color: #4D575B;	
}

#heroPanel.GetSharing ul li + li {
	background-image: none;
	background-color: #BEC3C3;
	color: #4D575B;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
}

#heroPanel.GetSharing ul li + li + li {
	background-color: #D3D9D9;
	box-shadow: 3px 0px 5px -2px #888;
 	-webkit-box-shadow: 3px 0px 5px -2px #888;
}

#heroPanel.GetSharing ul li strong {
	font-family: 'VAGRoundedStd-Light';
}

#featurePanel.GetSharing .thirds .contentContainer > div {
	width: 245px;	
}

#featurePanel.GetSharing .thirds .contentContainer > div .button {
	position: static;	
}


/* Ad Gallery */

.galleryPanel {
	background-color:#DBDFDF;
	padding: 45px 0;
}

.home .galleryPanel {
	background-color: #fff;
}

.galleryPanel + .galleryPanel {
	background-color:#fff;
}

.galleryPanel + .galleryPanel + .galleryPanel {
	background-color: #DBDFDF;
}

.galleryPanel + .galleryPanel + .galleryPanel + .galleryPanel {
	background-color: #fff;
}

.galleryPanel .container > div {
	display:inline-block;
	zoom:1;
	*display:inline;
	width:432px;
	padding:0 60px 0 0;
	vertical-align: top;
}


.home .galleryPanel .container > div {
	width: auto;
	padding: 0;
}

.galleryPanel .container > div.galleryWrapper + div.galleryWrapper {
	padding: 0 0 0 60px;	
	border-left:1px solid #A9A9A9;
}

.galleryPanel h3 {
	font-size: 24px;
	line-height: 52px;
	text-transform: uppercase;
	font-family: 'VAGRoundedStd-Light';
}

.galleryPanel p {
	font-size: 14px;
	line-height: 22px;
	width: 345px;
}

.ad-gallery #heroPanel p {
	margin: 10px 0;
	font-size: 14px;
	line-height: 24px;
	padding: 0 150px 0;
}

.gallery-wrap { 
	margin: 0 20px;
	overflow: hidden; 
	width: 306px;
	height: 55px;
	float: left;
	position:relative;
}

.home .gallery-wrap {
	height: 140px;
	width: 910px;
}

.gallery { 	
	position: relative; 
	left: 0; 
	top: 0
}

.home .gallery {
	margin: auto;
}

.gallery li { 
	float: left; 
	margin: 0 12px 15px 0;
}

.home .gallery li {
	float: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 160px;
	margin: 0 10px;
}

.home .gallery li a {
	display: block;	
	outline: 0;
}

.gallery li a img { 
	height: 50px;
	width: 90px;
	border: 2px solid #B9B9B9;
}

.home .gallery li a img { 
	width: 140px;
	height: 140px;
	border: 0;
	opacity: 0.5;
}

.home .gallery li a img:hover { 
	opacity: 1;
}
.gallery li a img.active {
	border: 2px solid #01BF01;	
}

.home .gallery li a img.active {
	border: 0;
}

.gallery-prev, .gallery-next, .gallery-prev:focus , .gallery-prev:active {
	outline: 0;
	background: url('images/spritesheet-button-arrows.png') no-repeat center -1891px;
	display: block;
	width: 20px;
	height: 40px;
	text-indent: -9999px;
	float: left;
	margin: 6px 0 0 0;
}

#adlightbox a.left {
	left: 30px;
}

#adlightbox a.left, #adlightbox a.right {
	outline: 0;
	color: #fff;
	font-size: 20px;
	display: block;
	position: absolute;
	top: 165px;
	width: 20px;
	height: 40px;
	background: url('images/spritesheet-button-arrows.png') no-repeat center -1836px;
	text-indent: -9999px;
}

#adlightbox a.right {
	right: 30px;
	background-position: center -1948px;
}

#adlightbox a.inactive {
	display: none;
}

.home .gallery-prev, .home .gallery-next {
	margin-top: 50px;
}

.gallery-prev.inactive {
	background-position: center -1836px;
	cursor: default;
}

.gallery-next, .gallery-next:focus, .gallery-next:active  {
	outline: 0;
	background-position: center -2004px;
}

.gallery-next.inactive {
	background-position: center -1948px;
	cursor: default;
}

.galleryContainer {
	margin: 0 0 40px 0;
}

.galleryPanel .container .adverts {
	margin: 40px 0 20px 0;
	position: relative;
	height: 300px;
}

.galleryPanel .container .advert {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.galleryPanel .container .advert.inactive {
	display: none;
}

.galleryPanel .container .advert img {
	border: 2px solid #fff;
}

.galleryPanel .container .category, .galleryPanel .container .adverts {
	margin-left: 37px;
	min-height:  118px;
}

.lightbox, .hidden {
	display: none;	
}

#adlightbox {
	height: auto;
	padding: 80px 90px;
	display: none;
	text-align: center;
}
#adlightbox iframe {
	margin: 0 0 20px 0;
	width: auto;
}

#adlightbox p, #adlightbox h2, #adlightbox h3, #adlightbox h4 {
	color: #fff;
	text-align: center;
}

#adlightbox .whiteout-close {
	position: absolute;
	margin: 0;
	top: 10px;
	right: 10px;
	left: auto;
}

#adlightbox > div {
	margin: 0 0 35px 0;
}

#adlightbox > div img {
	border: 2px solid #fff;	
}

/* 404 page */


#heroPanel.error {
	padding: 110px 0;
	background-color: #fff;
	margin: 0;
	width: 100%;
}

#heroPanel.error h2 {
	font-size: 44px;
	color: #E11D4B;
	margin: 0 0 45px 0;
	text-align: center;
}

#heroPanel.error h3 {
	font-size: 24px;
	color: #1F2B33;
	margin: 0 0 35px 0;
}

#heroPanel.error p {
	font-size: 13px;
	line-height: 24px;
}

#heroPanel.error > div {
	width: 400px;
	margin: 0 auto;
	text-align: center;	
}

#heroPanel.error a {
	display: block;
	margin: 60px 0 0 -30px;
	font-size: 14px;
	background: url('images/spritesheet-button-arrows.png') no-repeat center -2098px;
	text-indent: 100px;
	height: 28px;
	line-height: 28px;
	font-family: Sintony;
}



/* Toolbar */

.toolbar {
	padding: 50px 0 70px 0;
	background: #DBDFDF;
	padding-bottom: 0;
	background-image: url(http://www.sharethis.local/wp-content/uploads/2013/03/bg-advertise-hero-tile.gif);
}

.toolbar .heading {
	display: inline-block;
}

.lt-ie8 .toolbar .heading {
	display: inline;
	zoom: 1;	
}

.toolbar .heading > div {
	text-align: left;
	float: left;
	padding: 15px 0 0 25px;
}

.toolbar .heading > div h1 {
	text-align: left;
	margin: 0 0 10px 0;
}

.toolbar .heading > div p {
	font-size: 14px;	
}

.toolbar .container {
	text-align: center;
	padding: 0 0 50px 0;
	clear: both;
}

.toolbar .container ul {
	width: 496px;
	height: 62px;
	margin: 30px auto 20px auto;
}

#heroPanel.toolbar .container {
	padding: 0;	
}

#featurePanel.toolbar {
	padding-bottom: 0;
	background: #DCE0E0;
}

#featurePanel.toolbar .container ul li {
	width: 150px;
	height: 60px;
	border: 1px solid #BABABA;
	background: #fff;
	float: left;
	margin: 0 20px 0 0;
	text-align: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}

#featurePanel.toolbar .container ul li + li + li {
	margin: 0;
}

#featurePanel.toolbar .container ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 67px;
	line-height: 60px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 2;
}

#featurePanel.toolbar .container ul li:hover,
#featurePanel.toolbar .container ul li:active {
	border: 1px solid #01BF01;
}

#featurePanel.toolbar .container p {
	font-size: 22px;	
}

#featurePanel.toolbar .container ul li img {
	position: absolute;
	left: 15px;
	top: 11px;
	z-index: 1;
}

.toolbar .button p {
	display: inline-block;
}

.lt-ie8 .toolbar .button p {
	display: inline;
	zoom: 1;	
}

.toolbar .button {
	text-align: center;	
	margin-top: -110px;
}

.toolbar .button a,
.toolbar .button a {
	background: #01BF01;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: 58px;
	line-height: 58px;
	color: #FFFfff;
	font-size: 24px;
	padding: 0 40px;
	margin: 30px 0 16px 0;
	font-family: Sintony;
	border: 1px solid #BABABA;
}

.toolbar .button a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 30px 0 0 0;
}

.toolbar .button a:hover {
	color: #fff;
	background-color: #00d100;
}

.screenshot {
	margin: 0 0 30px 0;
	text-align: center;
}

.screenshot.draggable {
	margin-top: -80px;	
}


.toolbar .button.drag a {
	font-size: 18px;
	background: #1F2B33 url('images/drag.jpg') no-repeat 10px center;
	padding: 0 10px 0 50px;
	margin: 0;
	cursor: move;
}

.toolbar .button.drag a:hover {
	background-color: #000;
}

.toolbar .draggable img {
	margin: -20px 35px 0 0;	
}
.toolbar .button.drag p.info {
	position: absolute;
	text-align: left;
	font-size: 14px;	
	border: none;
	width: 330px;
	margin: 0 0 0 20px;
}

.toolbar .button.drag p {
	padding: 15px;
	border: 2px dashed grey;
	width: auto;	
}

.toolbar .button.drag {
	margin: 20px 0 0 -280px;	
}

#featurePanel.toolbar .panel,
#featurePanel.toolbar .panel + .panel + .panel {
	width: 480px;
	float: left;
	margin: 50px 30px 50px 0;
	text-align: left;
}

#featurePanel.toolbar .panel + .panel,
#featurePanel.toolbar .panel + .panel + .panel + .panel {
	margin: 0;	
	margin-top: 50px;
}

#featurePanel.toolbar .panel p {
	font-size: 12px;
	line-height: 14px;
	vertical-align: top;
}

#featurePanel.toolbar .panel h3 {
	font-size: 24px;
	text-transform: uppercase;
	clear: none;
}



@media screen and (max-width: 1200px) {
	#site-navigation {
		min-width: 435px;
	}

	#site-navigation li a {
		padding: 0 10px;
		font-size: 18px;
	} 
	#pageFooter #shareContainer{
	    width: 317px;
	}
    #pageFooter #shareContainer ul li{
		margin-left:4px;
	}
	#nav-toggler {
		margin-left: 10px;
	}

	#privacy hr, #api-overview hr, #news hr, #sharing hr, .technology hr {
		width: 100%;
		margin: 5px 0 30px 0;
	}
	
	#api-overview #topNav > div {
		margin-left: 80px;
		width: 910px;
	}
	
}
#categories li img{
	float:right;
	padding-top:5px;
}
#rss_comment_image{
	padding:13px 0px 0px 10px;
}

.darkGrayLink {
	color: #333737 !important;
	text-decoration: none;
}
.plainWhiteLink {
	color: #FFF !important;
	text-decoration: none;
}
.greenLink{
	color: #01bf01 !important;
}
.shadeOfBlueLink{
	color: #12C5D2 !important;
}
.darkBlackLink{
	color: #1f2b33 !important;
}
.darkGrayLink2 {
	color: #434747 !important;
	text-decoration: none;
}
.greenLink2{
	color: #b1d027 !important;
}
.shadeOfBlueLink2{
	color: #2163CF !important;
}
h3.featuredStories {
cursor: pointer;
}

/* SW-106 - On Home page show privacy opt-out */
span.privacy-care{
font-size: 12px;
top: 2px;
font-family: 'Sintony';
line-height: 15px;
text-align: center;
width: 250px;
position: absolute;
margin-top: -22px;
}

#privacyContainer #privacy .opt-home a.option{
display: block;
width: 250px;
font-size:13px;
height: 40px;
background: #3D434D;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: auto;
color: #fff;
text-align: center;
line-height: 40px;
margin: 0 0 20px 0;
position: relative;
top:-3px;
}

#privacyContainer {
	position: absolute;
	right: 0;
	top: 6px;
}

#privacyContainer li {
	display: inline-block;
	margin-left: 8px;
}

.lt-ie8 #privacyContainer {
	/*width: 240px;*/
}

.lt-ie8 #privacyContainer li {
	display: inline;
	float: left;
}

/* On Home Page we want to show share container DIV on left side because of additional opt-out feature on right hand side */
#shareContainer {
	top: 6px;
	width: 350px;
}
/*Fix for SW-211 (ShareThis Engineering blog via a banner link at the top of the "Build" page)*/
.container.build{
 position:relative;
}
#grayline{
	height:55px;
	background-color:#C5C8C9;
	width: 990px;
	position:relative;
	top:-50px;
	margin: 0 auto;
}
#grayline a{
	display:block;
	height:55px;
	width: 990px;
	font-family: "Sintony";
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	line-height:53px;
	letter-spacing: 0.01em;
	background-image: url("images/spritesheet-button-arrows.png");
    background-position: 771px -2191px;
	background-repeat:no-repeat;
}
#grayline a span{
	color: #212B34 !important;
}
#grayline a span span{
	display:inline;
	font-weight:bold;
	color:#222C35;
}