/* General */

body {
	color: #222;
	font: normal 14px/20px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	background-color: #B3DCAD;
	-webkit-text-size-adjust: none;
	width: 100%;
	min-width: 768px;
	overflow-y: scroll;
}

body.blog {
	background-color: #1A1D22;
}

a {
	color: #1E4281;
	text-decoration: none;
	border-bottom: 1px dotted rgba(0,0,0,0.2);
}

a:hover, 
a:focus {
	background-color: rgba(255,255,255,0.2);
	border-bottom: 1px dotted rgba(0,0,0,0.4);
}

a:active {
	color: #13284F;
	border-bottom: 1px dotted rgba(0,0,0,0.6);
}

/* Animation */

@-webkit-keyframes body-bounce { 
	0%		{ -webkit-transform: translate(0,0); }
	50% 	{ -webkit-transform: translate(0,-10px); }
	100% 	{ -webkit-transform: translate(0,0); }
}

@-webkit-keyframes head-bounce { 
	0%		{ -webkit-transform: rotate(-3deg) translate(0,5px); }
	50% 	{ -webkit-transform: rotate(0deg) translate(0,-5px); }
	100% 	{ -webkit-transform: rotate(-3deg) translate(0,5px); }
}

@-webkit-keyframes arm-right-bounce { 
	0%  	{ -webkit-transform: rotate(10deg); }
	50% 	{ -webkit-transform: rotate(-30deg); }
	100% 	{ -webkit-transform: rotate(10deg); }
}

@-webkit-keyframes arm-left-bounce { 
	0%  	{ -webkit-transform: rotate(-10deg); }
	50% 	{ -webkit-transform: rotate(50deg); }
	100% 	{ -webkit-transform: rotate(-10deg); }
}

@-webkit-keyframes shorts-left-bounce { 
	0%  	{ -webkit-transform: rotate(20deg); }
	50% 	{ -webkit-transform: rotate(-20deg); }
	100% 	{ -webkit-transform: rotate(20deg); }
}

@-webkit-keyframes shorts-right-bounce { 
	0%  	{ -webkit-transform: rotate(-20deg); }
	50% 	{ -webkit-transform: rotate(20deg); }
	100% 	{ -webkit-transform: rotate(-20deg); }
}

@-webkit-keyframes leg-left-bounce { 
	0%  	{ -webkit-transform: rotate(45deg) translate(-13px,1px); }
	50% 	{ -webkit-transform: rotate(-92deg) translate(7px,0); }
	100% 	{ -webkit-transform: rotate(45deg) translate(-13px,1px); }
}

@-webkit-keyframes leg-right-bounce { 
	0%  	{ -webkit-transform: rotate(-92deg) translate(7px,2px); }
	50% 	{ -webkit-transform: rotate(45deg) translate(-7px,3px); }
	100% 	{ -webkit-transform: rotate(-92deg) translate(7px,2px); }
}

@-webkit-keyframes bubble { 
	0%		{ opacity: 0; }
	20% 	{ opacity: 0; }
	40% 	{ opacity: 1; }
	100% 	{ opacity: 1; }
}

@-webkit-keyframes grass { 
	0%		{ opacity: 0; -webkit-transform: translate(0,0); }
	10% 	{ opacity: 1; -webkit-transform: translate(50px,0); }
	50% 	{ opacity: 1; -webkit-transform: translate(250px,0); }
	70% 	{ opacity: 1; -webkit-transform: translate(350px,0); }
	100% 	{ opacity: 0; -webkit-transform: translate(500px,0); }
}

@-webkit-keyframes cityskape { 
	0%		{ background-position: 0 100%; }
	100% 	{ background-position: 920px 100%; }
}

@-webkit-keyframes cloud-one { 
	0%		{ background-position: 79% 0; opacity: 0; }
	100% 	{ background-position: 95% 0; opacity: 0.2; }
}

@-webkit-keyframes cloud-two { 
	0%		{ background-position: 100% 0; opacity: 0; }
	100% 	{ background-position: 84% 0; opacity: 0.2; }
}

@-webkit-keyframes astronaut { 
	0%		{ -webkit-transform: translate(0,-10px); }
	100% 	{ -webkit-transform: translate(0,0); }
}

/* Floats */

.float-left {
	display: inline;
	float: left;
}

.float-right {
	display: inline;
	float: right;
}

.float-fix {
	clear: both;
	overflow: hidden;
}

/* Header */

#header {
	width: 100%;
	min-width: 768px;
	background-color: #1E4281;
}

.blog #header {
	background-color: #0A0A0B;
}

.tidbits #header {
	background-color: #C5D5FD;
}

#header .inner {
	width: 728px;
	margin: 0 auto;
	padding: 20px 0;
}

#header .float-left a {
	background: none !important;
	border-bottom: none !important;
}

#header .float-left img {
	vertical-align: top;
	width: 100px;
	height: 29px;
}

#header .float-right {
	font: normal 700 18px/20px Helvetica, sans-serif;
	margin-top: 4px;
}

#header .float-right a {
	float: left;
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #8EA5CB;
	margin-left: 10px;
	border-bottom: none !important;
	padding: 3px 5px 5px;
}

.blog #header .float-right a {
	color: #A0ABB6;
}

#header .float-right a:hover, 
#header .float-right a:focus {
	color: #fff;
}

#header .float-right a:active {
	background-color: rgba(255,255,255,0.1);
}

.tidbits #header .float-right a {
	color: #1E4281;
}

/* Wot it's about */

#wot {
	z-index: 0;
	position: relative;
	width: 100%;
	min-width: 768px;
	background-color: #E0E5EE;
	background: -moz-linear-gradient(-90deg, #C5D5FD, #E0E5EE);
	background: -webkit-gradient(linear, left top, left bottom, from(#C5D5FD), to(#E0E5EE));
}

.tidbits #wot,
.homepage #wot {
	height: 420px;
}

.blog #wot {
	background: transparent url(/img/glow.jpg) no-repeat 50% 0;
}

#wot .inner {
	z-index: 1;
	position: relative;
	width: 728px;
	margin: 0 auto;
	padding: 30px 0 40px;
}

.tidbits #wot .inner {
	height: 420px;
	padding: 0;
}

.subpage #wot .inner {
	padding-bottom: 50px;
}

.blog #wot .inner {
	padding-bottom: 0;
}

#wot #subheader h1 {
	font: normal 32px/38px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	margin-bottom: 8px;
	color: #11294E;
}

#wot #subheader h2 {
	font: normal 16px/22px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	color: #132A4F;
}

.subpage #wot #subheader h1 {
	float: left;
	display: inline;
}

.subpage #wot #subheader h2 {
	float: right;
	display: inline;
	margin-top: 12px;
	font-style: italic;
}

.blog #wot #subheader h1 {
	font: 700 38px/38px "ff-mach-web-pro-1", "ff-mach-web-pro-2", Helvetica, sans-serif;
	text-transform: uppercase;
}

.blog #wot #subheader h1 a {
	color: #fff !important;
	text-decoration: none;
	border: none;
	background: none;
}

.blog #wot #subheader h2 {
	color: #C5D1DD;
}

#wot #animation, 
#wot #animation div {
	position: absolute;
	display: block;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

#wot #animation {
	-webkit-transform-origin: 0 0;
	-webkit-animation-name: body-bounce;
	-webkit-animation-duration: 0.4s;
	z-index: 10;
	left: 175px;
	top: 156px;
	width: 260px;
	height: 264px;
}

#wot #animation .head {
	z-index: 90;
	top: 5px;
	left: 40px;
	width: 184px;
	height: 156px;
	background: transparent url(/img/avatar_head_no_mouth.png) no-repeat 0 0;
}

#wot #animation .head:hover {
	-webkit-transform-origin: left bottom;
	-webkit-animation-name: head-bounce;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-timing-function: ease-in-out;
}

#wot #animation .head .mouth {
	z-index: 120;
	top: 88px;
	left: 41px;
	width: 32px;
	height: 60px;
	background: transparent url(/img/avatar_mouth_combined.png) no-repeat 0 0;
}

#wot #animation .head:hover .mouth {
	background: transparent url(/img/avatar_mouth_combined.png) no-repeat 0 -60px;
}

#wot #animation .body {
	-webkit-animation-duration: 0.4s;
	z-index: 100;
	top: 132px;
	left: 60px;
	width: 114px;
	height: 91px;
	background: transparent url(/img/avatar_body.png) no-repeat 0 0;
}

#wot #animation .arm-right {
	-webkit-transform-origin: 26px 2px;
	-webkit-animation-name: arm-right-bounce;
	z-index: 20;
	top: 140px;
	left: 35px;
	width: 42px;
	height: 90px;
	background: transparent url(/img/avatar_arm_right.png) no-repeat 0 0;
}

#wot #animation .arm-left {
	-webkit-transform-origin: 9px 7px;
	-webkit-animation-name: arm-left-bounce;
	z-index: 110;
	top: 132px;
	left: 150px;
	width: 62px;
	height: 91px;
	background: transparent url(/img/avatar_arm_left.png) no-repeat 0 0;
}

#wot #animation .shorts-left {
	-webkit-transform-origin: 23px 0;
	-webkit-animation-name: shorts-left-bounce;
	z-index: 61;
	top: 195px;
	left: 122px;
	width: 47px;
	height: 48px;
	background: transparent url(/img/avatar_shorts_left.png) no-repeat 0 0;
}

#wot #animation .shorts-right {
	-webkit-transform-origin: 23px 5px;
	-webkit-animation-name: shorts-right-bounce;
	z-index: 60;
	top: 196px;
	left: 72px;
	width: 47px;
	height: 39px;
	background: transparent url(/img/avatar_shorts_right.png) no-repeat 0 0;
}

#wot #animation .leg-left {
	-webkit-transform-origin: 44px 2px;
	-webkit-animation-name: leg-left-bounce;
	z-index: 41;
	top: 235px;
	left: 96px;
	width: 59px;
	height: 54px;
	background: transparent url(/img/avatar_leg.png) no-repeat 0 0;
}

#wot #animation .leg-right {
	-webkit-transform-origin: 46px 2px;
	-webkit-animation-name: leg-right-bounce;
	z-index: 40;
	top: 224px;
	left: 48px;
	width: 59px;
	height: 54px;
	background: transparent url(/img/avatar_leg.png) no-repeat 0 0;
}

#wot #speech {
	-webkit-animation-name: bubble;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	position: absolute;
	left: 10px;
	top: 180px;
	width: 180px;
	z-index: 9;
	transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	padding: 0 10px 20px 0;
	background: transparent url(/img/bubble.png) no-repeat right bottom;
}

#wot #speech h3 {
	text-align: center;
	padding: 15px;
	background-color: white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font: normal 700 27px/32px Helvetica, sans-serif;
}

#wot #cityskape {
	position: absolute;
	z-index: 0;
	bottom: 0;
	width: 100%;
	height: 144px;
	background: transparent url(/img/cityskape.png) repeat-x 0 100%;
}

.homepage #wot #cityskape {
	-webkit-animation-name: cityskape;
	-webkit-animation-duration: 100s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

#wot #grass {
	position: absolute;
	z-index: 5;
	left: 70px;
	width: 58px;
	height: 34px;
	background: transparent url(/img/grass.png) no-repeat 0 0;
}

.homepage #wot #grass {
	top: 388px;
	-webkit-animation-name: grass;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.tidbits #wot #grass,
.subpage #wot #grass {
	bottom: -1px;
}

.blog #wot #astronaut {
	-webkit-transform-origin: 0 0;
	-webkit-animation-name: astronaut;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	width: 145px;
	height: 166px;
	display: block;
	position: absolute;
	right: 59px;
	top: 19px;
	z-index: 888;
	background: transparent url(/img/astronaut.png) no-repeat 0 0;
}

.subpage #cloud .cloud-one, 
.subpage #cloud .cloud-two {
	-webkit-animation-duration: 2.4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	opacity: 0.2;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 103px;
}

.subpage #cloud .cloud-one {
	-webkit-animation-name: cloud-one;
	top: 30px;
	background: transparent url(/img/cloud.png) no-repeat 95% 0;
}

.subpage #cloud .cloud-two {
	-webkit-animation-name: cloud-two;
	top: 50px;
	background: transparent url(/img/cloud.png) no-repeat 84% 0;
}

.homepage #wot #cloud {
	display: none;
}

#wot #hiring {
	position: absolute;
	right: 0;
	top: 128px;
	width: 260px;
	z-index: 10;
}

#wot #hiring h3 {
	font: normal 700 27px/32px Helvetica, sans-serif;
	color: #1E4281;
	padding: 0 0 8px 10px;
}

#wot #hiring .jobs-wrapper {
	background-color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 12px 10px;
	overflow: hidden;
}

#wot #hiring .jobs {
	height: 180px;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 10px;
}

#wot #hiring .jobs p {
	margin-bottom: 10px;
}

#wot #hiring .jobs p:last-child {
	margin-bottom: 0;
}

#wot #hiring .jobs > ul > li > ul {
	margin-top: 5px;
	border-top: 1px solid #E0E5EE;
}

#wot #hiring .jobs > ul > li > ul > li {
	margin-top: 5px;
	font-style: italic;
}

#wot #hiring .jobs > ul > li > ul > li > ul > li {
	margin-top: 5px;
	font-style: normal;
	padding-left: 5px;
}

#wot #hiring .jobs::-webkit-scrollbar {
	width: 10px;
}

#wot #hiring .jobs::-webkit-scrollbar-thumb:vertical {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #EFF2F7;
	min-height: 20px;
}

#wot #hiring .jobs:hover::-webkit-scrollbar-thumb:vertical, 
#wot #hiring .jobs::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #E3E6EB;
}

#wot #hiring .jobs::-webkit-scrollbar-thumb:vertical:active {
	background-color: #C8CBCF;
}

/* Content */

#content {
	overflow: hidden;
	width: 692px;
	margin-top: 20px;
	background-color: white;
	padding: 20px 18px 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.blog #content {
	margin-top: 40px;
}

#content p, 
#content .bigquote,
#content .wrapper,
#content .wrapper-q,
#content .imgcontent,
#content .videocontent,
#content .desc p, 
#content .desc ul, 
#content .desc ol, 
#content .desc h1, 
#content .desc h2, 
#content .desc h3, 
#content .desc h4, 
#content .desc h5, 
#content .desc h6, 
#content .desc blockquote {
	margin-bottom: 20px;
}

#content p:last-child, 
#content .desc p:last-child, 
#content .desc ul:last-child, 
#content .desc ol:last-child, 
#content .desc h1:last-child, 
#content .desc h2:last-child, 
#content .desc h3:last-child, 
#content .desc h4:last-child, 
#content .desc h5:last-child, 
#content .desc h6:last-child,
#content .desc blockquote:last-child {
	margin-bottom: 0;
}

#content .desc ul {
	margin-left: 30px;
	list-style-type: square;
}

#content .desc ol {
	margin-left: 30px;
	list-style-type: decimal;
}

#content .desc blockquote {
	border-left: 1px solid #eee;
	padding-left: 14px;
}

#content .desc blockquote blockquote,
#content .desc blockquote p,
#content .desc blockquote ul,
#content .desc blockquote h1,
#content .desc blockquote h2,
#content .desc blockquote h3,
#content .desc blockquote h4,
#content .desc blockquote h5,
#content .desc blockquote h6,
#content .desc blockquote ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .desc h1, 
#content .desc h2, 
#content .desc h3, 
#content .desc h4, 
#content .desc h5, 
#content .desc h6 {
	font: normal 18px/20px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
}

#content .float-left,
#content .float-right {
	overflow: hidden;
	display: block;
}

#content .float-left {
	width: 400px;
}

.blog #content .float-left {
	width: 500px;
}

#content .float-right {
	width: 250px;
	border-left: 1px dotted #ddd;
	padding-left: 20px;
}

.blog #content .float-right {
	margin-top: 20px;
	width: 150px;
}

.blog #content .meta {
	color: #555;
	padding-top: 5px;
	border-top: 1px dotted #C5D1DD;
	margin: 20px 0 40px;
}

.blog #content .post:last-child .meta {
	margin: 20px 0 10px;
}

.blog #content .post .meta a {
	display: inline-block;
}

.blog #content .meta .float-left,
.blog #content .meta .float-right {
	width: auto;
	border: none;
	padding: 0;
	margin: 0;
}

.blog #content .imgcontent img, 
.blog #content .imgcontent embed, 
.blog #content .imgcontent object, 
.blog #content .videocontent embed, 
.blog #content .videocontent object {
	vertical-align: middle;
}

#content .float-right h3 {
	color: #333;
	font: 700 23px/29px Helvetica, sans-serif;
}

.blog #content .float-right h3 {
	margin: 0 0 5px;
}

.blog #content .float-right ul {
	margin: 0 0 20px;
}

.blog #content .float-right ul:last-child {
	margin: 0;
}

.blog #content .float-right ul li {
	margin: 3px 0;
}

.blog #content .share .FBConnectButton_Text_Simple {
	text-decoration: none !important;
}

.blog #content .share .FBConnectButton_Simple {
	background-position: 0 50% !important;
}

.blog #content .share .google-buzz-button {
	background-position: 0 50% !important;
}

.blog #content .share .twitter-button {
	background: transparent url(/img/twitter.png) no-repeat 0 50%;
	padding-left: 20px;
}

#content .person {
	margin-top: 15px;
}

#content .person h4 {
	font: normal 18px/24px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
}

#content .person h5 {
	font: italic 14px/20px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
}

#content .person img {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	width: 57px;
	height: 57px;
	margin-right: 10px;
}

#content .float-left h3 {
	text-align: center;
	font: normal 22px/28px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	margin: 0 0 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
}

.blog #content .float-left h3.biglink {
	font: normal 18px/28px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	border-bottom: none;
	padding: 0;
	text-align: left;
}

.blog #content .float-left h3 a {
	border-bottom: none;
	color: #000;
}

.blog #content .float-left h3.biglink a {
	font: normal 18px/20px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
	color: #1E4281;
	border-bottom: 1px dotted #ddd;
}

.blog #content .float-left h3 a:hover,
.blog #content .float-left h3 a:focus {
	color: #1E4281;
}

#content .connectwithus {
	width: 225px;
	display: block;
	margin: 15px 0 25px;
	box-shadow: 0 1px 1px #949494;
	-moz-box-shadow: 0 1px 1px #949494;
	-webkit-box-shadow: 0 1px 1px #949494;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#content .connectwithus a {
	width: 77px;
	color: #444;
	display: block;
	text-align: center;
	float: left;
	padding: 5px 0;
	border: 1px solid #D8D8D8;
	background-color: #E5E5E5;
	background: -moz-linear-gradient(-90deg, #FFF, #E5E5E5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E5E5E5));
}

#content .connectwithus a.twitter {
	width: 67px;
}

#content .connectwithus a:hover, 
#content .connectwithus a:focus {
	background-color: #F2F2F2;
	background: -moz-linear-gradient(-90deg, #FFF, #F2F2F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F2F2));
}

#content .connectwithus a:active {
	background-color: #D8D8D8;
	background: -moz-linear-gradient(-90deg, #F2F2F2, #D8D8D8);
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#D8D8D8));
}

#content .connectwithus a.facebook, 
#content .connectwithus a.twitter {
	border-right: none;
}

#content .connectwithus a.facebook {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#content .connectwithus a.linkedin {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#content .partners {
	width: 342px;
	margin: 0 auto 20px;
}

#content .partners .partner {
	float: left;
	vertical-align: middle;
	height: 69px;
	width: 100px;
	padding-right: 10px;
	border-right: 1px dotted #C0C0C0;
	margin-right: 10px;
}

#content .partners .wpp {
	padding-right: 0 !important;
	border-right: none !important;
	margin-right: 0 !important;
}

#content .partners .tom {
	background: white url(/img/tom.png) no-repeat 0 50%;
}

#content .partners .sony {
	background: white url(/img/sony.png) no-repeat 0 50%;
}

#content .partners .wpp {
	background: white url(/img/wpp.png) no-repeat 0 50%;
}

.blog #content .pagination {
	margin: 20px 0;
	clear: both;
	width: 500px;
	color: #999;
}

.blog #content .pagination .float-left, 
.blog #content .pagination .float-right {
	width: 150px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

.blog #content .pagination .float-right {
	text-align: right;
}

.blog #content .pagination a {
	display: inline-block;
}

.blog #content .page-counter {
	margin: 0 auto;
	width: 200px;
	text-align: center;
}

.blog #content .post.quote .bigquote blockquote {
	color: #222;
	font: italic 18px/24px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif;
}

.blog #content .post.quote .desc p:first-child:before {
	content: "— ";
}

.blog #content .post.audio .wrapper {
	box-shadow: 0 1px 0 #E5E5E5;
	-moz-box-shadow: 0 1px 0 #E5E5E5;
	-webkit-box-shadow: 0 1px 0 #E5E5E5;
	background-color: #F2F2F2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	width: 480px;
	overflow: hidden;
}

.blog #content .post.audio .wrapper embed {
	vertical-align: baseline !important;
}

.blog #content .post.audio .audio-album-art {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #CCC;
	margin-right: 10px;
}

.blog #content .post.audio .audio-album-art img {
	vertical-align: middle;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 146px;
	height: 146px;
}

.blog #content .post.audio .audio-player {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background-color: #fff;
	padding: 10px;
	display: inline-block;
}

.blog #content .post.audio .audio-play-count, 
.blog #content .post.audio .audio-player .audio_player {
	display: inline-block;
	vertical-align: middle;
}

.blog #content .post.audio .audio-player .audio_player {
	overflow: hidden;
	height: 28px;
	width: 28px;
}

.blog #content .post.audio .audio-play-count {
	padding: 6px 10px 7px;
	font: 700 11px/15px Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.blog #content .post.audio .audio-album-art,
.blog #content .post.audio .audio-left {
	float: left;
}

.blog #content .post.audio .audio-left {
	width: 324px;
}

.blog #content .post.audio .audio-artist, 
.blog #content .post.audio .audio-song {
	padding: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FFF;
	margin: 8px 0 0;
}

.blog #content .post.audio .audio-artist {
	color: #4C4C4C;
}

.blog #content .post.audio .audio-song {
	color: #666;
}

.blog #content .post.chat ul {
	margin: 0 !important;
	list-style-type: none !important;
}

.blog #content .post.chat li {
	margin: 0 0 5px 60px;
}

.blog #content .post.chat li span.label {
	display: block;
	float: left;
	font-style: italic;
	text-align: right;
	width: 50px;
	margin-left: -60px;
}

.blog #content .post.answer .answer-content {
	box-shadow: 0 1px 0 #E5E5E5;
	-moz-box-shadow: 0 1px 0 #E5E5E5;
	-webkit-box-shadow: 0 1px 0 #E5E5E5;
	background-color: #F2F2F2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	width: 380px;
}

.blog #content .post.answer .answer-avatar {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin: 10px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.blog #content .post.answer .wrapper-q .answer-content {
	margin: 0 10px 0 50px;
}

.blog #content .post.answer .wrapper-q .answer-avatar, 
.blog #content .post.answer .wrapper-q .answer-content {
	float: right;
}

.blog #content .post.answer .wrapper-a .answer-content {
	margin: 0 50px 0 10px;
}

.blog #content .post.answer .wrapper-a .answer-avatar, 
.blog #content .post.answer .wrapper-a .answer-content {
	float: left;
}

.blog #content .post.answer .answer-identity {
	display: block;
	margin-bottom: 10px;
}

.blog #content .big-image {
	text-align: center;
	margin: 25px 0;
}

.blog #content .big-image img {
	vertical-align: middle;
}

.blog #content .big-image p {
	font-style: italic;
	color: #333;
	margin: 10px 0 0;
}

#content .vcard {
	margin: 15px 0 25px;
}

#content .reachzed {
	width: 104px;
	height: 104px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	float: left;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.subpage #content .wrapper {
	margin-top: -20px;
	padding: 15px 10px 17px;
	background-color: #FFFEE2;
}

.subpage #content .wrapper p {
	margin: 0;
}

#content .reference {
	color: #800040;
	display: block;
	text-align: center;
	margin: -20px 0 10px;
	padding: 5px 10px 7px;
	background-color: #FBE6F5;
}

#content .jobapp {
	margin: 15px 0 0;
}

#content .jobapp ul {
	margin: 20px 0 20px 18px;
	list-style-type: square;
}

#content .jobapp ul li {
	margin-bottom: 3px;
}

#content .jobapp ul li:last-child {
	margin-bottom: 0;
}

/* Footer */

#footer {
	width: 100%;
	min-width: 768px;
}

#footer .inner {
	width: 728px;
	margin: 0 auto;
	padding: 40px 0;
	color: #20251E;
}

#footer a {
	color: #20251E;
}

.blog #footer .inner,
.blog #footer .inner a {
	color: #3D4551;
}

#footer span {
	font-family: Helvetica, sans-serif;
}

/* Tidbits */

.tidbits #bigguy {
	z-index: 100;
	position: absolute;
	top: -8px;
	left: 114px;
	width: 460px;
	height: 437px;
	background: transparent url(/img/bigguy.png) no-repeat 0 0;
}

.tidbits #bigguyhands {
	z-index: 120;
	position: absolute;
	top: 281px;
	left: 117px;
	width: 451px;
	height: 61px;
	background: transparent url(/img/bigguyhands.png) no-repeat 0 0;
}

.tidbits #bigguyhands a {
	display: block;
	width: 451px;
	height: 61px;
}

.tidbits .wrapper {
	z-index: 110;
	position: absolute;
	bottom: 29px;
	left: 146px;
	width: 400px;
	text-align: center;
	overflow: hidden;
}

.tidbits .wrapper img {
	vertical-align: middle;
	max-width: 400px;
	max-height: 300px;
}

.tidbits #bigguyhands a,
.tidbits .wrapper a {
	border: none !important;
	background: none !important;
}

.tidbits .desc {
	padding-left: 10px;
	background: transparent url(/img/bubble2.png) no-repeat 1px 15px;
	width: 150px;
	z-index: 130;
	position: absolute;
	top: 44px;
	right: 60px;
	transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}

.tidbits .desc .caption {
	font: normal 16px/22px Helvetica, sans-serif;
	width: 134px;
	margin: 0;
	padding: 8px;
	background-color: white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.tidbits .desc .caption p {
	margin: 0;
}

.tidbits .desc .caption span {
	margin-top: 2px;
	font: normal 11px/17px Helvetica, sans-serif;
	display: block;
	clear: both;
}

.tidbits .desc .caption a {
	border: none;
}

.tidbits .page {
	vertical-align: top;
	font: bold 20px/20px Helvetica, sans-serif;
	z-index: 150;
	position: absolute;
	bottom: -63px;
	left: 320px;
	width: 68px;
	height: 20px;
	text-align: center;
}

.tidbits .page a {
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #20251E;
	border: none;
	padding: 0 2px;
	margin: 0;
}

.tidbits .meta {
	z-index: 180;
	position: absolute;
	bottom: -36px;
	left: 231px;
	width: 246px;
	height: 20px;
}

.tidbits .meta .date {
	vertical-align: top;
	font: bold 14px/14px Helvetica, sans-serif;
	float: left;
	width: 118px;
	height: 20px;
	text-align: right;
}

.tidbits .meta .date a {
	padding: 3px 2px;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-transform: uppercase;
	color: #20251E;
	border: none !important;
}

.tidbits .meta .share {
	float: right;
	width: 118px;
	height: 20px;
	overflow: hidden;
}