/* Colours */

/* #412658; /* Purple dark */
/* #694486; /* Purple */
/* #B487B9; /* Purple light */
/* #94050C; /* Red */
/* #000;    /* Black */
/* #333;    /* Dark grey */
/* #767675; /* Grey mid */
/* #787576; /* Grey */
/* #BBBABA; /* Grey light */
/* #eaeaea; /* Grey pale */
/* #fff;    /* White */

/* 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, font, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, svg, hr {margin: 0;padding: 0;border: 0;font-size: 100%; font: inherit; vertical-align: baseline; font-weight: normal;}body {background: #fff; line-height: 1;}blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} ins {text-decoration: none; background: #fff75c;}del {text-decoration: line-through;} em {font-style:italic;} strong {font-weight:bold;} abr {border-bottom:1px dotted;} input[type=submit], button {cursor:pointer;-webkit-appearance:none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, svg, main { display: block;} html{overflow-y:scroll; font-size: 67.5%;} blockquote {border-left: 2px solid;}

/* Fonts */

@font-face {
  /* Supria Sans Regular */
  font-family: 'Supria Sans';
  src: url("/fonts/2794BA_1_0.eot");
  src: url("/fonts/2794BA_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2794BA_1_0.woff") format("woff"), url("/fonts/2794BA_1_0.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  /* Supria Sans Medium */
  font-family: 'Supria Sans';
  src: url("/fonts/2794BA_2_0.eot");
  src: url("/fonts/2794BA_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2794BA_2_0.woff") format("woff"), url("/fonts/2794BA_2_0.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  /* Supria Sans Medium Italic */
  font-family: 'Supria Sans';
  src: url("/fonts/2794BA_3_0.eot");
  src: url("/fonts/2794BA_3_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2794BA_3_0.woff") format("woff"), url("/fonts/2794BA_3_0.ttf") format("truetype");
  font-style: italic;
  font-weight: bold; }

@font-face {
  /* Supria Sans Regular Italic */
  font-family: 'Supria Sans';
  src: url("/fonts/2794BA_5_0.eot");
  src: url("/fonts/2794BA_5_0.eot?#iefix") format("embedded-opentype"), url("/fonts/2794BA_5_0.woff") format("woff"), url("/fonts/2794BA_5_0.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }

/* *************************************************************************************  Base rules */

body {
	background: #eaeaea; /* Grey pale */
	color: #333;    /* Dark grey */
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
}

pre {
	margin-bottom: 1em;
	padding:10px;
}

a {
	color: #694486; /* Purple */
}

a:hover, a:active, a:focus {
	color: #412658; /* Purple dark */
}

blockquote {
	border-left: 2px solid #000;
	padding-left: 20px;
}

h1, h2, h3, h4, .intro {
	font-family: 'Supria Sans', Helvetica, sans-serif;
}

h1,
.page-title {
	font-size: 28px;
	font-weight: bold;
	margin: 20px 0 30px 0;
	letter-spacing: 0;
	line-height: 30px;
}

.page-title {
	border-bottom: 1px solid #BBBABA; /* Grey light */
	margin: 20px 10px 30px 10px;
	padding-bottom: 20px;
	text-transform: none;
}

.home-section-title {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 30px;
	border-bottom: 1px solid #BBBABA; /* Grey light */
	margin: 20px 10px 10px 10px;
	padding: 0 0 20px 15px;
}

.smallcapt {
  font-size: 75%;
  text-align: center;
  color: #666;
  border-bottom: 1px solid #999;
}

@media only screen and (min-width: 680px) {
	.page-title {
		padding-left: 15px;
	}

	h1.alongside-image {
		float: left;
		width: 50%;
	}
}

h1.site-name {
	border-bottom: 1px solid #BBBABA; /* Grey light */
	font-size: 24px;
	line-height: 40px;
	margin: 10px 10px 20px 10px;
	padding-bottom: 20px;
}

@media only screen and (min-width: 680px) {
	h1.site-name {
		float: left;
		font-size: 36px;
		padding-top: 40px;
		width: 50%;
	}
}

@media only screen and (min-width: 970px) {
	h1.site-name {
		margin-right: 20px;
	}
}

h2 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 20px 0 15px 0;
	text-transform: uppercase;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 15px 0;
}

h4 {
	font-size: 18px;
	font-weight: bold;
}

p {
	margin-bottom: 10px;
	max-width: 620px; /* ensures the line lengths don't become unreadable */
}

li {
	max-width: 620px;
}

ul, ol {
	margin: 0 0 30px 20px;
}

ul.flat {
	margin-left: 0;
}

ul.flat li{
	list-style: none;
	display: inline-block;
	padding-right: 20px;
}

img {
	width: 100%;
}

form label {
	display: block;
}

form label.checks {
	display: inline;
}

form input,
form textarea {
	border: 1px solid #fff;    /* White */
	color: #694486; /* Purple */
	display: block;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
	width: 100%;
}

.module form input {
	border: 1px solid #767675;
	max-width: 420px;
}

.module form label {
	color: #333;
	font-weight: bold;
}

form input[type="checkbox"] {
	display: inline;
	width: auto;
}

::-moz-selection {
	background: rgba(180,135,185,.6);
	color: #000;    /* Black */
}

::selection {
	background: rgba(180,135,185,.6);
	color: #000;    /* Black */
}

.button {
	background: #694486; /* Purple */
	border: none;
	border-radius: .5rem;
	display: block;
	color: #fff;    /* White */
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 15px;
	padding: 6px 10px 4px 10px;
	text-align: center;
	text-decoration: none;
	width: auto;
}

.button:hover,
.button:active,
.button:focus {
	background: #412658; /* Purple dark */
	color: #fff;    /* White */
}

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

.site-header {
	background: #694486; /* Purple */
	border-bottom: 4px solid #fff;    /* White */
	overflow: hidden;
	position: relative;
}

.site-title {
	background: #412658; /* Purple dark */
	margin: 0;
	overflow: hidden;
}

.site-title a {
	background: url('/images/sprite.png') 0 0 no-repeat;
	background: url('/images/sprite.svg') 0 0 no-repeat;
	color: #fff;    /* White */
	display: block;
	padding: 10px 10px 10px 50px;
	text-decoration: none;
}

@media only screen and (min-width: 880px) {
	.site-header:before {
		border-bottom: 4px solid #B487B9; /* Purple light */
		bottom: 0;
		content: "";
		height: 4px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.site-title {
		background: transparent;
		float: left;
	}
}

@media only screen and (min-width: 980px) {
	.wrap {
		margin: 0 auto;
		width: 960px;
	}
}

@media only screen and (min-width: 880px) {
	.site-title {
		padding-left: 0;
	}
}

@media only screen and (min-width: 970px) {
	.site-title {
		margin-left: -20px;
		padding-left: 20px;
	}
}

.site-navigation {
	border-bottom: 4px solid #B487B9; /* Purple light */
	overflow: hidden;
	font-family: 'Supria Sans', Helvetica, sans-serif;
}

@media only screen and (min-width: 880px) {
	.site-navigation {
		border-bottom: none;
	}

	.site-navigation ul {
		float: right;
	}
}

.site-navigation ul {
	margin: 0;
}

.site-navigation ul li {
	float: left;
	list-style-type: none;
}

.site-navigation ul li:last-child {
	border-left: 1px solid #b487b9;
}

.site-navigation ul li.active a {
	background: #412658; /* Purple dark */
	font-weight: bold;
}

.site-navigation a {
	color: #fff;    /* White */
	float: left;
	font-size: 15px;
	line-height: 25px;
	padding: 10px;
	text-decoration: none;
}

.site-navigation a:hover,
.site-navigation a:active,
.site-navigation a:focus {
	background: #412658; /* Purple dark */
}

/* homepage */
.topintro {
	background-color: #0c0c0a;
	padding: 20px;
}

.topintro img {
	max-width: 760px;
}

/* *************************************************************************************  Main layout */

.main {
	overflow: hidden;
	padding: 10px 0 40px 0;
	position: relative;
}

@media only screen and (min-width: 1005px) {
	.main {
		margin: 0 auto;
		padding: 10px 0 40px 20px;
		width: 975px;
	}
}

.primary,
.modules {
	margin: 0 10px;
}

@media only screen and (min-width: 970px) {
	.primary {
		margin: 0 0 0 20px;
	}

	.modules {
		clear: both;
		margin: 0 0;
	}
}

.primary {
	clear: left;
	font-size: 17px;
	line-height: 1.7;
}

.primary .content {
	max-width: 620px;
}

@media only screen and (min-width: 680px) {
	.primary .content {
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media only screen and (min-width: 970px) {
	.primary .content {
		float: left;
		margin-left: 0;
		margin-right: 0;
	}

	.primary .meta {
		float: right;
		margin-right: 20px;
		width: 270px;
	}
}

.hire, .recent-updates {
	clear:both;
}

.modules-list {
	clear: both;
}

.modules-list .section-title {
	margin-left: 15px;
}

.lanyrd-listing {
	margin: 0;
}

.module,
.lanyrd-listing .vevent {
	background: #fff;    /* White */
	-webkit-box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .1);
	box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .1);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #767675; /* Grey mid */
	float: left;
	font-size: 16px;
	list-style-type: none;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 15px 15px 0 15px;
	width: 100%;
	/* width: 275px; */
}

.darkmodule {
	background: #333;
	color: #bbbaba;
}

.darkmodule a:link, .darkmodule a:visited {
	color: #fff;
}

@media only screen and (min-width: 720px) {
	.modules-list .module,
	.lanyrd-listing .vevent {
		float: left;
		width: 47%;
	}
}

/* WHERE THERE'S COLUMN-COUNT SUPPORT */
@media only screen and (min-width: 720px) {
	.csscolumns .modules-list {
		-webkit-column-count: 2;
		-webkit-column-gap:   20px;
		-moz-column-count:    2;
		-moz-column-gap:      20px;
		column-count:         2;
		column-gap:   20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.csscolumns .modules-list .module,
	.csscolumns .lanyrd-listing .vevent {
		-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		width: 100%;
		float:none;
	}

	.csscolumns .imagepanel {
		-webkit-column-count: 2;
		-webkit-column-gap:   20px;
		-moz-column-count:    2;
		-moz-column-gap:      20px;
		column-count:         2;
		column-gap:   20px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
/* end WHERE THERE'S COLUMN-COUNT SUPPORT */

@media only screen and (min-width: 970px) {
	.modules-list .module,
	.lanyrd-listing .vevent {
		margin-right: 10px;
		margin-left: 10px;
		width: 31%;
	}
}

/* WHERE THERE'S COLUMN-COUNT SUPPORT */
@media only screen and (min-width: 970px) {
	.csscolumns .modules-list {
		-webkit-column-count: 3;
		-moz-column-count:    3;
		column-count:         3;
		margin-left: 10px;
		margin-right: 10px;
	}

	.csscolumns .modules-list .module,
	.csscolumns .lanyrd-listing .vevent {
		-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
}
/* end WHERE THERE'S COLUMN-COUNT SUPPORT */

.module .title,
.module .title a,
.lanyrd-listing .vevent h3,
.lanyrd-listing .vevent h3 a {
	color: #333;    /* Dark grey */
	font-size: 16px;
	letter-spacing: 0;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: none;
}

.module .title,
.lanyrd-listing .vevent h3 {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

.lanyrd-splat {
	clear: both;
	display: block;
}

.module .published-on {
	background: url('/images/sprite.png') 0 -1957px no-repeat;
	background: url('/images/sprite.svg') 0 -1957px no-repeat;
	display: block;
	margin-bottom: 10px;
	padding-left: 20px;
}

.module .published-by {
	font-size: 14px;
}

.module .action-button {
	clear: right;
	float: right;
	margin-left: 10px;
	width: 70px;
}

.module-image {
	float: right;
	margin: 0 0 15px 15px;
	width: 90px;
}

.post .summary {
	background: url('/images/sprite.png') 0 -66px no-repeat;
	background: url('/images/sprite.svg') 0 -66px no-repeat;
	text-indent: 20px;
	padding-bottom: 10px;
}

.podcast .summary {
	background: url('/images/sprite.png') 0 -1196px no-repeat;
	background: url('/images/sprite.svg') 0 -1196px no-repeat;
	text-indent: 20px;
	padding-bottom: 10px;
}

.module .location {
	background: url('/images/sprite.png') 0 -597px no-repeat;
	background: url('/images/sprite.svg') 0 -597px no-repeat;
	padding-left: 20px;
}

.topic .summary {
	background: url('/images/sprite.png') 0 -4310px no-repeat;
	background: url('/images/sprite.svg') 0 -4310px no-repeat;
	text-indent: 20px;
	padding-bottom: 10px;
}

.module .published-by a {
	color: #767675; /* Grey mid */
}

.primary .content .published-on {
	background: url('/images/sprite.png') 0 -1957px no-repeat;
	background: url('/images/sprite.svg') 0 -1957px no-repeat;
	display: block;
	margin-bottom: 20px;
	padding-left: 20px;
}

.paging {
	clear: both;
	margin: 25px;
}

/* *************************************************************************************  Specific modules */

/* ****************************************  Home/About */

.intro {
	font-size: 21px;
	line-height: 1.6;
	font-style: italic;
	margin: 0 0 20px 10px;
	padding-bottom: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media only screen and (min-width: 680px) {
	.intro {
		clear: left;
		margin-bottom: 80px;
		padding: 0 15px;

	}
}

.home-portrait,
.second-portrait {
	margin: 0 0 20px 0;
	max-height: 400px;
	max-width: 445px;
}

@media only screen and (min-width: 680px) {
	.home-portrait,
	.second-portrait {
		float: right;
		margin: -110px 15px 20px 40px;
		width: 44%;
	}

	.home-portrait {
		margin: -140px 20px 20px 20px;
	}
}

.latest, .home-work{
	clear: both;
}

@media only screen and (min-width: 970px) {
	.latest {
		margin-top: 20px;
	}

	.home-work {
		margin-top: 20px;
	}

	.latest .modules {
		clear: none;
		float: left;
		margin-right: 10px;
		margin-left: 10px;
		width: 31%;
	}

	.latest .modules .module,
	.latest .modules .lanyrd-listing .vevent {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
}

/* WHERE THERE'S COLUMN-COUNT SUPPORT */
@media only screen and (min-width: 970px) {

	.csscolumns .latest .modules,
	.csscolumns .home-work .modules {
		-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
		display:inline-block;
		float:none;
	}


}
/* end WHERE THERE'S COLUMN-COUNT SUPPORT */



/* ****************************************  Home */

/* ****************************************  About */

.elsewhere {
	margin: 40px 10px 0 10px;
	overflow: hidden;
	font-family: 'Supria Sans', Helvetica, sans-serif;
}

.elsewhere ul {
	margin: 0;
}

@media only screen and (min-width: 780px) {
	.elsewhere {
		margin-right: -10px;
		margin-left: -10px;
	}
}

@media only screen and (min-width: 970px) {
	.elsewhere {
		margin-right: 15px;
		margin-left: 15px;
	}
}

.elsewhere li {
	list-style-type: none;
}

@media only screen and (min-width: 780px) {
	.elsewhere li {
		float: left;
		width: 50%;
	}
}

@media only screen and (min-width: 970px) {
	.elsewhere li {
		width: 33.333333333%;
	}
}

.elsewhere a {
	background: #BBBABA; /* Grey light */
	background-position: center center;
	-webkit-box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .1);
	box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .1);
	box-sizing: border-box;
	display: block;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 35px;
	margin-bottom: 20px;
	padding: 45px 30px 40px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

@media only screen and (min-width: 780px) {
	.elsewhere a {
		margin: 0 5px 20px 5px;
		width: auto;
	}
}

.elsewhere .perch a {
	background-image: url('/images/pattern-one.jpg');
}

.elsewhere .edgeofmyseat a {
	background-image: url('/images/pattern-two.jpg');
}

.elsewhere .running-blog a {
	background-image: url('/images/pattern-three.jpg');
}

.elsewhere .bookmark {
	background: url('/images/sprite.png') 8px -1948px no-repeat #fff;    /* White */
	background: url('/images/sprite.svg') 8px -1948px no-repeat #fff;    /* White */
	padding: 10px 10px 5px 30px;
}

/* ****************************************  Module details */

.module-detail-title {
	text-indent: 25px;
}

@media only screen and (min-width: 680px) {
	.module-detail-title {
		text-indent: 15px;
	}
}

@media only screen and (min-width: 970px) {
	.module-detail-title {
		margin-left: 20px;
		padding-left: 0;
		text-indent: 25px;
	}
}

h1.book {
	background: url('/images/sprite.png') 0 -64px no-repeat;
	background: url('/images/sprite.svg') 0 -64px no-repeat;
}

h1.blog {
	background: url('/images/sprite.png') 0 -1954px no-repeat;
	background: url('/images/sprite.svg') 0 -1954px no-repeat;
}

h1.topic {
	background: url('/images/sprite.png') 0 -4308px no-repeat;
	background: url('/images/sprite.svg') 0 -4308px no-repeat;
}

h1.tag {
	background: url('/images/sprite.png') 0 -3281px no-repeat;
	background: url('/images/sprite.svg') 0 -3281px no-repeat;
}

h1.category {
	background: url('/images/sprite.png') 0 -3810px no-repeat;
	background: url('/images/sprite.svg') 0 -3810px no-repeat;
}

.module-detail .module-image {
	width: 220px;
}

.module-detail .action-button {
	margin-right: 55px;
	width: 90px;
}

/* *************************************************************************************  Lanyrd */

.lanyrd-splat {
	color: #767675; /* Grey mid */
	font-size: 15px;
	margin: 0 15px 10px 15px;
}

.lanyrd-listing .vevent img {
	float: left;
	margin: 4px 10px 0 0;
	width: auto;
}

.lanyrd-listing .vevent p.location {
	margin-bottom: 0;
}

.lanyrd-listing .vevent p.location a {
	color: #767675; /* Grey mid */
	text-decoration: none;
}

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

.blog-sidebar {
	margin: 40px 0;
}

.speaking-sidebar {
	margin: 0 0;
}

.meta .module {
	padding-bottom: 20px;
}

.meta h2 {
	clear: both;
	margin-left: 15px;
}

.meta .module h2,
.meta .module h3 {
	margin-top: 5px;
	margin-left: 0;
}

.meta ul {
	margin: 0;
}

.meta li {
	list-style-type: none;
}

.meta .cats li {
	background: url('/images/sprite.png') 0 -3811px no-repeat;
	background: url('/images/sprite.svg') 0 -3811px no-repeat;
	padding-left: 25px;
}

.tags li {
	background: url('/images/sprite.png') 0 -3282px no-repeat;
	background: url('/images/sprite.svg') 0 -3282px no-repeat;
	padding-left: 25px;
}

.meta .event h3 {
	margin-bottom: 10px;
}

.meta .event h3 a {
	font-weight: bold;
	text-decoration: none;
}

.meta .event .title {
	font-size: 15px;
	font-style: italic;
	margin-bottom: 0;
}

.commentwrapper {
	clear: both;
	padding: 40px 0;
	max-width: 620px;
}

.commentwrapper form {
	padding: 0 15px;
	max-width: 420px;
}

.commentwrapper form h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

.avatar {
	float: left;
	margin: 0 10px 0 0;
	width: auto;
}

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

.site-footer {
	background: #333;    /* Dark grey */
	color: #BBBABA; /* Grey light */
	font-size: 15px;
	padding: 40px 20px;
	position: relative;
}

@media only screen and (min-width: 970px) {
	.site-footer .wrap {
		width: 910px;
	}
}

.site-footer:before {
	background: url('/images/sprite.png') 0 -2741px repeat-x;
	content: "";
	height: 25px;
	left: 0;
	position: absolute;
	top: -15px;
	width: 100%;
}

.site-footer h2 {
	margin-left: 0;
}

.site-footer form label {
	color: #fff;    /* White */
}

.site-footer form input:focus,
.site-footer form textarea:focus {
	border-color: #694486; /* Purple */
}

.site-footer ul {
	margin: 0;
}

.site-footer ul li {
	list-style-type: none;
}

.site-footer a {
	color: #B487B9; /* Purple light */
}

@media only screen and (min-width: 720px) {
	.site-footer .mailing-list {
		float: right;
		width: 50%;
	}

	.site-footer form.mailing-list {
		float: none;
		overflow: hidden;
		width: 100%;
	}

	.site-footer form.mailing-list #email-address {
		float: left;
		width: 70%;
	}

	.site-footer form.mailing-list .button {
		float: left;
		margin-left: 10px;
		width: 25%;
	}

	.site-footer .contact-me {
		float: left;
		width: 50%;
	}
}

.site-footer small {
	clear: both;
	display: block;
	font-size: 14px;
	margin-top: 20px;
}

.contact-me li {
	background: url('/images/sprite.png') no-repeat;
	background: url('/images/sprite.svg') no-repeat;
	padding-left: 25px;
}

.contact-me li.by-email {
	background-position: 0 -2578px;
}

.contact-me li.on-twitter {
	background-position: 0 -2671px;
}

.contact-me li.on-adn {
	background-position: 0 -2625px;
}

/* *************************************************************************************  Landing page */

.book-landing .primary .content {
	max-width: 590px;
}

.book-landing .module {
	padding-bottom: 10px;
}

.book-landing .main h2 {
	color: #414140; /* Grey mid/dark */;
	margin-top: 5px;
}

.book-landing strong {
	color: #414140; /* Grey mid/dark */;
}

.book-landing .main ul {
	margin: 0 0 15px 15px;
}

.book-landing .button strong {
	color: #fff;    /* White */
	display: block;
	font-size: 17px;
	line-height: 25px;
}

.book-landing .book-cover {
	width: 100%;
}

@media only screen and (min-width: 600px) {

	.book-landing #buy {
		float: left;
		width: 50%;
	}

	.book-landing .book-cover {
		float: right;
		margin: 10px 5px 0 10px;
		width: 44%;
	}
}

.tagline {
	font-size: 22px;
	letter-spacing: 0;
	line-height: 30px;
	text-transform: none;
}

img.author {
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
	max-width: 90px;
}

.included-interviews ul {
	margin-top: 20px;
}

.included-interviews li {
	clear: left;
	list-style-type: none;
	margin: 0 0 20px 0;
}

@media only screen and (min-width: 970px) {
	.book-landing .meta {
		width: 320px;
	}
}

.book-landing .meta .module {
	padding-bottom: 5px;
}

@media only screen and (min-width: 970px) {
	.book-landing .meta p,
	.book-landing .meta li {
		font-size: 16px;
		line-height: 1.6;
	}

	.included-interviews li {
		padding-left: 75px;
	}
}

.included-interviews img {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 90px;
}

@media only screen and (min-width: 970px) {
	.included-interviews img {
		margin-right: 15px;
		margin-left: -75px;
		max-width: 60px;
	}
}


.tweet {
	border: 1px solid #eee;
	margin: 0 0 1em 0;
	padding: 1em;
	overflow:auto;
	background-color: #fff;
}

.comment .tweet {
	border: 0;
	padding: 0;
}

.tweet .twitter-follow-button {
	float:right;
}

.tweet .avatar {
	float:left;
	margin: 0 10px 10px 0;
}

.tweet blockquote {
	border: 0;
	padding: 0;
	margin: 0 0 1em 0;
	clear: both;
}

.tweet .timestamp {
	float: left;
	width: 40%;
	font-size: 92.85714%;
	color: #999;
}

.tweet .intents {
	float: right;
	text-align: right;
	width: 55%;
	font-size: 92.85714%;
}

.tweet .intents a:link, .tweet .intents a:visited {
	color: #999;
	text-decoration: none;
	padding: 0 0 0 5px;
}

.tweet .intents a:hover {
	color: #666;
}

.tweet .intents a:before {
	content: " ";
	background-image: url(/images/everything-spritev2.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
}

.tweet .intents a.twitter-reply:hover:before {
	background-position: -16px center;
}

.tweet .intents a.twitter-fav:before {
	background-position: -32px center;
}

.tweet .intents a.twitter-fav:hover:before {
	background-position: -48px center;
}

.tweet .intents a.twitter-retweet:before {
	background-position: -82px center;
}

.tweet .intents a.twitter-retweet:hover:before {
	background-position: -98px center;
}

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+php+php-extras */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #a67f59;
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}