/*
Theme Name:  Spectator Responsive
Theme URI:   http://www.interconnectit.com/
Description: Theme built by interconnect/it, design cloned (mostly) from previous none WordPress site, added to the interconnect/it repository 2012-07-02
Version:     2015.07.01.0
Author:      James R Whitehead
Author URI:  http://www.interconnectit.com/
*/

/**
 * Base height of 7px all line-heights, margins and paddings top and bottom
 * should be multiples of 7.
 */

@import url('css/reset.css');
@import url('css/960_12_col.css');

body{
	font-size: 14px;
	line-height: 21px;
	color: black;
	font-family: 'Georgia', 'Palatino', 'Palatino Linotype', 'Times', "Times New Roman", serif;
}

#wrapper div {
	/*outline: solid 1px red;*/
	z-index: auto;
}

.centre.subtitle.container_12 div[id^="ebDiv"],
.centre.subtitle.container_12 {
	overflow: hidden;
}

/**
 * Standard HTML elements and generic classes
 */

.no-js .hide-if-no-js {
	display: none;
}

.js .hide-if-js {
	display: none;
}

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, "Times New Roman", serif; margin: 0; padding: 0;
}

h1 { font-size: 25px; line-height: 28px; margin-bottom: 14px }
h2 { font-size: 21px; line-height: 28px; margin-bottom: 7px }
h3 { font-size: 18px; line-height: 28px; margin-bottom: 7px }
h4 { font-size: 16px; line-height: 21px; margin-bottom: 7px }
h5 { font-size: 14px; line-height: 21px; margin-bottom: 7px }
h6 { font-size: 12px; line-height: 21px; margin-bottom: 7px }

ol,
ul {
	margin: 0 0 14px 0;
	padding: 0;
}

li {
	margin-bottom: 7px;
}

ul li {
	list-style-position: outside;
}

#main-body ol ul,
#main-body ol ol,
#main-body ul ul,
#main-body ul ol {
	margin-left: 20px;
}


.wp-caption {
	border: 0 none;
	text-align: left;
	background-color: transparent;
	padding-top: 0;
}

.wp-caption p {
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	color: #424242;
}

.wp-caption a {
	font-size: 10px;
	line-height: 14px;
}

span.caption {
	display: block;
	margin-bottom: 14px
}

/**
 * Image alignment
 */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%;
	height: auto;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 14px;
}

.centre {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

img[align=left]{
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 7px;
	margin-bottom: 14px;
}

img[align=right]{
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 7px;
	margin-bottom: 14px;
}

.wp-caption {
	max-width: 520px !important; /* prevent too-wide images from breaking layout */
}

p.wp-caption-text {

	font-size: 13px !Important;
	font-style: italic;
	line-height: 14px !Important;
	margin: 7px 0 24px 0 !Important;
	text-align: left;
	color: #424242 !Important;
	/*
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	margin: 7px 0;
	text-align: left;
	color: #424242;
	*/
}

p.comic-caption {
	text-align: center;
}

.wp-smiley {
	margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

/*
  These can be used to pull an image at the start of a paragraph, so
  that the text flows around it (usage: <p><img class="left">Text</p>)
 */
a:focus,
a:hover     { color: #C00; text-decoration: underline; }
a           { color: #C00; text-decoration: none; }

blockquote  { margin: 14px 20px; color: #333; font-style: italic }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #dadada; }
address     { margin: 0 0 14px; font-style: italic; }
del         { color:#333; }

pre         { margin: 14px 0; white-space: pre; }
pre,code,tt { font: 12px 'andale mono', 'lucida console', monospace; line-height: 14px; }

.alignleft{display:inline;float:left;clear:left}
.aligncenter{display:block;margin:0 auto;width:auto;text-align:center}
.alignright{display:inline;float:right;clear:right}
img.alignleft{margin: 0 14px 24px 0}
img.alignright{display:inline;float:right;margin: 0 0 24px 14px}
.aligncenter img,img.aligncenter{display:block;text-align:center;margin:5px auto}


.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }


/* Tables
-------------------------------------------------------------- */

/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
 */
table         { margin-bottom: 14px; width:100%; }
th            { font-weight: bold; }
thead th      { background: #dadada; }
th,td,caption { padding: 7px 10px; }
/*
  You can zebra-stripe your tables in outdated browsers by adding
  the class "even" to every other table row.
 */
tbody tr:nth-child(even) td,
tbody tr.even td  {
  background: #e5ecf9;
}
tfoot       { font-style: italic; }
caption     { background: #dadada; }

/* Stop overly large images from being overly large. */
#tinymce .wp-caption-dt,
#tinymce .wp-caption { max-width: 520px !important; height: auto !important}

.uc { text-transform: uppercase; }
.bold {  font-weight: bold}
.normal {  font-weight: normal}
.italic { font-style: italic}

.spaced {letter-spacing: 0.15em}
.squash {line-height:1}

.red 		{color:#c00; border-color:#c00}
.black 		{color:#000; border-color:#000}
.grey		{color:#dadada; border-color:#dadada}
.grey-medium{color:#666; border-color:#666}
.grey-dark	{color:#333; border-color:#333}
.blue		{color:#008cc1; border-color:#008cc1}
.white		{color:#fff; border-color:#fff}
.alignleft 	{display: inline;float: left;}
.alignright	{display: inline;float: right;}
.right 		{text-align: right}
.left 		{text-align: left}

.green { color: #008000; border-color: #008000; }

.grey-medium-bk {background-color: #b4b4b4}
.grey-bk 		{background-color: #e7e7e7}


.ellipsis { white-space: nowrap; overflow: hidden;}
.ellipsis.multiline {white-space: normal;}

blockquote,
.pull-quote-full,
.pull-quote-right,
.pull-quote-left {
	quotes: "\201C" "\201D";
	color: #333;
	line-height: 21px;
	max-width: 100%;
}

blockquote.pull-quote-full {
	margin-bottom: 21px;
}

.pull-quote-left {
	display:inline;
	float:left;
	clear: left;
	width: 220px;
	margin: 0 10px 0 0
}

.pull-quote-right{
	display:inline;
	float:right;
	clear: right;
	width:220px;
	margin: 0 0 0 10px;
}

cite{
	display:block;
	text-align:left;
	font-size:12px;
	color:#c00;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border: 0 none;
}

.divider{
	background-color: #252525;
	height: 0;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px #252525;
	margin-bottom: 13px;
}

.bottom { margin-bottom: 7px; }
.big-bottom { margin-bottom: 14px; }

#ident,
#header-banner .header-widget,
#header-banner .header-right-widget,
.margin-top { margin-top: 10px; }


hr {
	border: 0 solid #dadada;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

code { font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace; }

i, cite, em, var, address, dfn {
	font-style: italic;
}

.hentry ol { list-style: decimal; }
.hentry ul { list-style: disc; }
.hentry li { margin-left: 30px;
			font-size: 15px;
			line-height: 24px;
			color: #333;
			margin-bottom: 14px;
}

p,
.hentry dl,
.hentry hr,

.hentry h1,
.hentry h2,
.hentry h3,
.hentry h4,
.hentry h5,
.hentry h6,

.hentry ol,
.hentry ul,
.hentry pre,
.hentry table,
.hentry address,
.hentry fieldset,
.hentry figure {
	margin-bottom: 14px;
}

.comments-link {
	background: url('images/comments.gif') no-repeat 0 3px transparent;
	padding-left: 20px;
	color: #666;
	display:inline;
	float: left;
}

	.excerpt-body .comments-link {
		line-height: 12px !important;
		margin-bottom: 7px;
		padding: 0 0 2px 20px;
		background-position: 0 -1px;
	}

/**
 * Forms
 */
input[type=text],
input[type=password],
textarea {
	background: #f5f5f5;
	color: #888;
}

input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/**
 * text classes
 */

.sans {
	font-family: Arial, Geneva, sans-serif;
}

.serif {
	font-family: 'Georgia', 'Palatino', 'Palatino Linotype', 'Times', "Times New Roman", serif;
}

.title-font {
	font-family: 'Fenice ITC W01 Regular', 'Georgia', Serif;
}

.small {
	font-size: 12px;
	line-height: 21px;
}

.regular {
	font-size: 14px;
	line-height: 21px;
}

.big {
	font-size: 16px;
	line-height: 21px;
}

.large {
	font-size: 18px;
	line-height: 21px;
}

.x-large {
	font-size: 19px;
	line-height: 21px;
}

.xx-large {
	font-size: 24px;
	line-height: 28px;
}

.very-large {
	font-size: 34px;
	line-height: 35px;
}

.box {
	border: solid 1px #dadada;
	padding: 20px;
	min-height: 140px;
}

a.blue-button {
	background-color: #0E6BEE;
	color: #fff !Important;
	display: inline-block;
	padding: 4px 10px 3px;
	border-radius: 0.4em;
}

a.blue-button:hover {
	text-decoration: none;
	background-color: #0a4ba5;
}

a.button {
	background-color: #ccc;
	color: #252525;
	display: inline-block;
	padding: 4px 10px 3px;
	border-radius: 0.4em;
}

a.button:hover {
	text-decoration: none;
	background-color: #777;
	color: #fff;
}

.sub-left, .sub-right {
	display: inline;
	float: left;
	width: 48%;
}
.sub-left {	margin-right: 2%; }
.sub-right { margin-left: 2%; }

/**
 * Add some padding to the body
 */
#wrapper {
	/*padding-top: 14px;*/
	padding-bottom: 14px;
}

/**
 * Default spacing for some of the main elements
 */
#ident,
.excerpt,
.blog-date,
#main-body,
#navigation,
.term-ident,
.big-bottom,
#site-search,
#footer-ident,
#footer-banner,
#hub-left-middle,
#navigation-footer,
#hub-left-middle-wide {
	margin-bottom: 14px;
}

/**
 * Header banner
 */
#header-banner {
	position: relative;
	width: 940px;
	/*height: 90px;*/
	/*padding-bottom: 1px;*/
}

	.header-right-widget {
		/*position: absolute;*/
		/*top: 0;*/
		/*left: 740px;*/
		/*right: 0;*/
		/*bottom: 0;*/

		width: 200px;
		/*height: 91px;*/
		float: right;
	}

	.header-widget {
		/*position: absolute;*/
		/*left: 0;*/
		/*top: 0;*/
		/*bottom: 0;*/
		/*right: 212px;*/

		float: left;
		/*height: 91px;*/
		width: 728px;
		overflow: hidden;
	}

/**
 * Header logo & search
 */

#site-search,
#ident {
	height: 56px;
	position: relative;
}

	#ident h1 {
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	.subscriber-login {
		position: absolute;
		bottom: 0;
		left: 270px;
	}

	#site-search .search-form {
		width: 216px;
		position: absolute;
		bottom: 0;
		right: 0;
	}

/**
 * Search widget stuff
 */
.search-form {
	position: relative;
}

	.search-string {
		background-color: #f5f5f5;
		border: solid 1px #eee;
		margin-right: 32px;
		height: 27px;
	}

		.search-string input {
			border: 0 none;
			background-color: transparent;
			padding:0;
			line-height: 27px;
			margin: 0 2%;
			width: 96%;
			height: 27px;
			color: #666;
		}

		.search-string input:focus {
			outline: none;
		}

		.search-string input.error {
			color: #cc0000;
		}

	.search-button {
		position: absolute;
		top: 2px;
		right: 0;
		width: 30px;
		height: 24px;
		background: url('images/search.gif') no-repeat top left #fff;
		overflow: hidden;
		cursor: pointer;
	}

		.search-button input {
			width: 30px;
			cursor: pointer;
			border: 0 none;
			background-color: transparent;
			padding: 30px;
			position: absolute;
			top: 0;
			left: 0;
		}
		.search-button input:focus {
			outline: 0 none;
			border: 0 none;
		}

/**
 * Header Navigation
 */
.menu-bar,
#navigation ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	min-height: 28px;
	font-family: arial, sans-serif;
}

	.menu-bar li,
	#navigation li {
		position: relative;
		display: inline;
		float: left;
		list-style: none outside;
		margin: 0;
		padding: 0 8px;
		line-height: 28px;
	}

	#navigation .sub-menu {
		padding: 0 0 6px 0;
		min-height: 0;
	}

	#navigation .sub-menu .menu-item-depth-0,
	#navigation .sub-menu .current-menu-item-depth-0,
	#navigation .sub-menu .menu-item-depth-1,
	#navigation .sub-menu .current-menu-item-depth-1 {
		line-height: 18px;
		padding-top: 6px;
	}

#dovetail_menu_items{ display: inline;float: right;}
#dovetail_menu_items .subscription{float: left}

.menu-bar,
#navigation ul.menu {
	background-color: #252525;
}

	.menu-bar a,
	#navigation .menu a {
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}

	.menu-bar li.current-post-ancestor a,
	.menu-bar li.current-menu-parent a,
	.menu-bar li.current-menu-ancestor a,
	.menu-bar li.current-menu-item a,

	#navigation ul li.current-post-ancestor,
	#navigation ul li.current-menu-parent,
	#navigation ul li.current-menu-ancestor,
	#navigation ul li.current-menu-item {
		background: #EEEEEE;
	}

	#navigation ul li.current-post-ancestor a,
	#navigation ul li.current-menu-parent a,
	#navigation ul li.current-menu-ancestor a,
	#navigation ul li.current-menu-item a {
		color: #000000;
	}


#navigation ul.sub-menu {
	background-color: #eee;
}
	#navigation ul.sub-menu a {
		color: #000;
	}
	#navigation ul.sub-menu a:hover,
	#navigation ul.sub-menu a:focus	{
		color: #cc0000;
	}
	#navigation ul.sub-menu li.current-menu-parent a,
	#navigation ul.sub-menu li.current-menu-item a {
		color: #cc0000;
	}

	body.culturehouse-page #navigation ul.sub-menu a:hover,
	body.culturehouse-page #navigation ul.sub-menu a:focus	{
		color: #008000;
	}

	body.culturehouse-page #navigation ul.sub-menu li.current-menu-parent a, body.culturehouse-page #navigation ul.sub-menu li.current-menu-item a {
    color: #008000;
}

.menu-bar .subscription,
#navigation .subscription {
	background-color: #c00;
	display: inline;
	float: right;
	margin-left: 10px;
}

/**
 * excerpt
 */

.divide {
	border-bottom: 1px dotted #B2B5B4;
	padding-bottom: 12px;
}

.divide-2 {
	border-bottom: solid 7px #E6E6CE;
	padding-bottom: 7px;
}

.excerpt {

}

.excerpt-body {
	overflow: hidden;
}

.hentry-meta {
	color: #5d5d5d;
}
.hentry-meta iframe.twitter-follow-button {
	display: inline-block;
	position: relative;
	top: 5px;
	margin: -5px 0 0 6px;
}

.hentry-meta.with-twitter .hentry-date {
	float: right;
	margin-right: 10px;
}

.article-head .hentry-meta {
	margin-top: 7px;
}

.author-link,
.author-link a {
	color: #5d5d5d;
	font-weight: bold;
}

/**
 * Post content
 */
.hentry .post-title {
	color: #c00;
	margin-bottom: 5px;
}

.article-head .comments-link {
	float: right;
}

.attachment-author-small {
	float: left;
	margin-right: 15px;
}

.article-head {
	border-bottom: solid 1px #dadada;
	padding-bottom: 7px;
	margin-bottom: 6px;
}

.article-head-right {
	overflow: hidden;
}

.article-body {
	width: 520px;
	/*overflow: hidden;*/
	display: inline;
	float: left;
	margin-right: 10px;
}

.article-body p {

	color: #333;
	 font-size: 15px;
	line-height: 24px;
	margin: 0 0 24px 0;

}

.article-promo {
	width: 520px;
	/*overflow: hidden;*/
	display: inline;
	float: left;
	margin-right: 10px;
}

.article-social {
	margin-left: 10px;
	display: inline;
	float: left;
	width: 80px;
	background-color: #fff;
	padding-bottom: 14px;
}

/* Spnsored titles in hentry */
div.article-head-right .sponsoredby {
	float: left;
    font-family: sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    padding-bottom: 2px;
    padding-top: 7px;
    text-align: left;
    text-transform: none;
}

div.article-head-right .sponsoredby img {
	/* float: right; */
	margin-left: 10px;
	display: inline;
}

	.addthis_counter,
	.at300b {
		display: block;
		/*min-height: 70px;*/
		margin: 0 auto 21px;
		width: auto;
		/*float: left;*/
	}

	.article-social a.pw-button {
		display: block;
		/*min-height: 70px;*/
		margin: 0 auto 21px !Important;
		width: auto !Important;
	}

	.article-social div.kindleWidget {
		font-weight: normal !Important;
		width: 54px !Important;
		padding: 2px !Important;
	}


.article-image {
	margin-bottom: 24px;
}

.article-body img.size-large {
	float: none;
	display: block;
	max-width: 520px;
	height: auto;
	margin: 0 0 14px 0;
	clear: both;
}

.article-body .signoff-content {
	font-style: italic;
}

/**
 * DEBUG
 */
.article-body img:first-child,
.article-body *:first-child > img,
.article-body *:first-child > a > img {
	/*display: none;*/
}


/**
 * Subscribe template
 */

.subscribe-wrap:before {
	background: #666;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 100%;
}

.subscribe-wrap {
	background-color: #eee;
	padding: 10px 0 20px 20px;
	margin: 0 0 20px;
	position: relative;
	border-top: 1px solid #999;
}

.subscribe-wrap h1 {
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	font-size: 32px;
	line-height: 28px;
}

.subscribe-options {
	overflow: hidden;
	margin-right: -25px;
}

.subscribe-option {
	float: left;
	width: 246px;
	min-height: 500px;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 21px;
	padding: 10px 20px;
}

.ie6 .subscribe-option {
	height: 520px;
}

.subscribe-option li {
	padding-left: 16px;
	font-size: 12px;
	line-height: 16px;
	background: url(images/subscribe/bullet.png) no-repeat left 5px;
}

.subscribe-option h2 {
	text-align: center;
	font-family: 'Georgia', 'Palatino', 'Palatino Linotype', 'Times', "Times New Roman", serif;
	font-size: 24px;
	line-height: 28px;
	color: #c00;
	font-weight: normal;
	margin: 0 0 20px;
	letter-spacing: 1px;
}

.subscribe-option p {
	font-family: Arial, Geneva, sans-serif;
}


/**
 * Footer
 */
#footer-banner {
	background-color: #eaeaea;
}

#footer-banner .widget {
	background-color: #fff;
	margin: 29px 111px 28px;
	height: 90px;
	width: 728px;
	overflow: hidden;
	position: relative;
}
/**
 * Footer logos
 */
#footer-ident {
	border-bottom: solid 1px #dadada;
	padding-bottom: 13px;
	height: 42px;
}

#footer-ident img {
	display: block;
	margin: 0 auto;

}

/**
 * Footer navigation
 */
#navigation-footer li.depth-1 > a,
#navigation-footer li.depth-1 > span {
	display: block;
	color: #000;
	font-weight: bold;
	line-height: 14px;
}

#navigation-footer .sub-menu {
	border-top: 1px solid #dadada;
	margin-top: 14px;
	padding-top: 6px;
}

#navigation-footer .sub-menu li {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 7px;
}

#navigation-footer .sub-menu a {
	color: #333;
}

/**
 * Footer copyright stuff.
 */
#copyright, #sub-copyright {
	text-align: center;
	color: #555;
}

/**
 * Pagination
 */
#comment-pagination,
.pagination-links {
	clear:both;
	text-align: center;
	font-weight:bold;
}

.page-numbers {
	line-height: 26px;
	border: solid 1px #c00;
	line-height: 26px;
	height: 26px;
	min-width: 20px;
	padding: 0 3px;
	margin-right: 2px;
	display: inline-block;
	text-align:center;
	text-decoration:none;
}

a.page-numbers:focus,
a.page-numbers:hover {
	background-color: #c00;
	color: #F6F6F6;
	text-decoration:none;
}

a.page-numbers.prev:focus,
a.page-numbers.prev:hover,
a.page-numbers.next:focus,
a.page-numbers.next:hover {
	color: #000;
	text-decoration: underline;
}

.current {
	border-color:#999;
	color:#999;
}

span.dots, a.prev, a.next {
	border: 0 none;
}

span.dots {
	color: #999;
}

a.prev:focus,
a.next:focus,
a.prev:hover,
a.next:hover {
	background-color:transparent;
	text-decoration: underline;
}

/**
 * Summary
 */
.article-body img {
	max-width: 100%;
	height: auto;
}

#content .widget {
	margin-bottom: 14px;
}

.widget-blog-feature {
	border-bottom: solid 1px #dadada;
	margin-bottom: 13px;
}

#sidebar .widget {
	margin-bottom: 14px;
}

.blog-head-item {
	margin-bottom: 7px;
}

.single-taxonomy-title,
.author-title,
.search-title,
.archive-title,
#sidebar .widget-title,
#content .widget-title {
	margin-bottom: 14px;
	background-color: #ffff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #999;
	color: #000;
	margin-top: 6px;
	padding: 6px 0;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	position: relative;
	font-size: 24px;
	line-height: 24px;
	text-overflow: ellipsis;
}

#magazine-header .single-taxonomy-title {
	margin-top: 0;
}

.single-taxonomy-title:before,
.author-title:before,
.search-title:before,
.archive-title:before,
#sidebar .widget-title:before,
#content .widget-title:before {
	background: #666;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 100%;
}


#sidebar .widget-title a,
#content .widget-title a {
	color: #333;
	text-decoration: none;
}

#sidebar .widget-title a:hover,
#content .widget-title a:hover {
	text-decoration: underline;
}

.search-title {
	overflow: hidden;
}

#main-body .feed-icon {
	height: 14px;
	margin-top: 0;
	display: inline-block;

	text-indent: 18px;
	overflow: hidden;
	background: url('images/rss.png') no-repeat 0 0 transparent;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	letter-spacing: 0;
	font-family: Tahoma, Geneva, Arial, sans-serif;
}


.single-taxonomy-title .feed-icon,
.widget-title .feed-icon {
	position: absolute;
	right: 7px;
	top: 12px;
}

.author-title .feed-icon {
	display: inline-block;
	margin-left: 20px;
}

#navigation .feed-icon {
	padding-left: 24px !important;
	background: url('images/rss.png') no-repeat 5px 50% transparent;
}

.search-title .description,
.single-taxonomy-title .description {
	font-size: 14px;
	color: #a2a2a2;
	white-space: nowrap;
	letter-spacing: 0;
	line-height: 14px;
}

.blog-featured ul {
	margin: 0;
	overflow: hidden;
}

#content .blog-featured li.odd {
	margin-left: 0;
	clear: left;
}

#content .blog-featured li.even {
	margin-right: 0;
}

#sidebar .blog-featured li {
	margin-left: 0;
	margin-right: 0;
}

.widget .blog-featured .block-source a {
	color: #292929;
}

.widget .blog-featured .hentry-meta {
	color: #999;
	margin-top: 0;
}

.widget .blog-featured .block-source {
	line-height: 14px;
}


.archive-head  {
	margin-bottom: 6px;
	border-bottom: solid 1px #dadada;
	position: relative;
}

	.archive-head .archive-icon-large {
		/*margin: -54px 3px 9px;*/
		margin: -4px 0px 5px 10px;
		z-index: 10;
		position: relative;
		clear: none;
	}

	.archive-head .archive-description {
		overflow: hidden;
		margin-bottom: 7px;
	}

	.archive-head .social {

	}

/**
 * comments
 * Mostly won't be used as discuss is the prefered comment system
 */


#disqus_thread,
#comments {
	margin-top: 14px;
	/*padding-top: 13px;*/
	/*border-top: dotted 1px #dadada*/
}

#comments .comment-left {
	float: left;
	margin-right: 10px;
}

#comments .comment-right {
	overflow: hidden;
}


#respond {
	margin-top: 14px;
}

#reply-title,
#comments-title {
	margin-bottom: 14px;
	font-size: 18px;
	line-height: 21px;
}

.comment-meta {
	overflow: hidden;
	margin-bottom: 7px;
}

.commentlist li {
	margin-bottom: 0;
}

.commentlist ul {
	margin-bottom: 0;

}

#comments .reply {
	display: block;
	text-align: right;
}

#respond label {
	display: inline-block;
	width: 70px;
	margin-right: 10px;
}

.required {
	color: #c00;
	font-size: 11px;
	vertical-align: super

}

.excerpt-body .post-title {
	margin-bottom: 0;

}

.excerpt-body p {
	margin-bottom: 7px;
	line-height: 18px;
	font-size: 13px;
}

.textwidget {
	position: relative;
	overflow: hidden;
}

.twtr-profile-widget {
	border: 1px solid #dadada;
}

.twtr-hd {
	border-bottom: 1px dotted #dadada;
}

.twtr-ft {
	border-top: 1px dotted #dadada;
}

.attachment-archive-icon {
	display: inline;
	float: left;
	position: relative;
	z-index: 10;
	margin: -7px 10px 0 5px;
}

.widget-title .attachment-archive-icon {
	margin: -10px 7px 0 -13px;
}

.subtitle {
	display: block;
	margin-top: 14px;
}

#credit-details {
	text-align: center;
	margin-top: 14px;
}

/**
 * Force a size change on the css and thus a cache update.
 */
.css_version {
	display: none;
}


/*
 comment style: Default style
*/


#comments .comment-body,
#comments .comment-body *,
#comments #commentlist li,
#comments #respond textarea,
#comments #respond input {
	width: auto;
	height: auto;
	min-height: 0;
	min-width: 0;
}

#comments #commentlist img.photo,
#comments img.avatar {
	border: 0 none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto;
	height: auto;
	float: none;
	position: static;
}

#comments {
	display: block;
	clear: both;
	overflow: hidden;
	min-height: 1px;
	position: relative;
	z-index: 10;
}

#comments ul#commentlist ul li {
	margin-left: 20px;
}

#comments ul#trackback-list {
	display: block;
}

#comments .trackback-toggle,
#comments ul#commentlist div.toggle,
#comments ul#commentlist li .comment-body {
	background-color: #fff;
	color: #333;
	overflow: auto;
	margin-bottom: 21px;
	border-bottom: solid 1px #dadada;
	padding-bottom: 21px;

	-webkit-transition:background-color 0.25s ease-in;
	-moz-transition:background-color 0.25s ease-in;
	transition:background-color 0.25s ease-in;
}

#comments .comment-body .moderation,
#comment-form .error {
	background-color: #FFFFE0;
	border: solid 1px #E6DB55;
	margin-top: 5px;
	color: #333;
	padding: 5px;
	font-size: 10px;
	min-height: 1px; /* IE7 */

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#comments .comment-body .moderation {
	display: block;
	margin-bottom: 3px;
	clear: both;
}

#commentlist .comment-author-avatar {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

#commentlist li.bypostauthor > div.comment-body .comment-author-avatar {
	padding-bottom: 5px;
	border-bottom: solid 5px #dddd00;
}

#comments .trackback-toggle,
#comments ul#commentlist div.toggle {
	cursor: pointer;
	zoom: 1;
}

#comments cite,
#comments div.toggle .poster-name {
	font-weight: bold;
	font-style: oblique;
}

#comments .trackback-toggle:hover,
#comments ul#commentlist div.toggle:hover {
	background-color: #efefef;
}

#comments .with-avatar #comment-form,
#comments .with-avatar .comment-content {
	margin-left: 76px;
}

#commentlist .children .with-avatar .comment-content {
	margin-left: 44px;
}

#comments .comment-meta {
	margin-bottom: 5px;
	height: auto;
}

/* Comment buttons */

#comments .comment-buttons {
	margin-top: 9px;
	overflow: hidden;
}

#comments .comment-buttons .comment-button,
#comments .comment-buttons a ,
#comments #respond .comment-buttons input {
	text-align: center;
	position: static;
	border: 0 none;
	cursor: pointer;
	margin:  0 0 0 5px;
	float: right;
	padding: 0 5px;
	background: none #666;
	color: #fff;
	font-size: 10px;
	height: 18px;
	line-height: 18px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#comments .comment-buttons a.comment-button,
#comments .comment-buttons a.comment-edit-link {
	float: left;
	margin: 0 5px 0 0;
}

#comments #cancel-comment-reply-link:active,
#comments #cancel-comment-reply-link:focus,
#comments #cancel-comment-reply-link:hover {
	background-color: #933;
	color: #fff
}

#comments .comment-buttons input:active, #comments .comment-buttons input:focus,
#comments .comment-buttons input:hover, #comments .comment-buttons a:active,
#comments .comment-buttons a:focus, #comments .comment-buttons a:hover,
#comments .comment-button:active, #comments .comment-button:focus,
#comments .comment-button:hover {
	background-color: #333;
	color: #fff
}

#comments #comment-form .comment-buttons input.disabled,
#comments #comment-form .comment-buttons input.disabled:active,
#comments #comment-form .comment-buttons input.disabled:focus,
#comments #comment-form .comment-buttons input.disabled:hover {
	background-color: #ddd;
	cursor: wait;
	color: #fff;
}

/* End Comment buttons */

#comments #respond .comment-form-email,
#comments #respond .comment-form-author,
#comments #respond .comment-form-url,
#comments .comment-form-row {
	overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
}

#comments #respond .comment-form-email input,
#comments #respond .comment-form-author input,
#comments #respond .comment-form-url input,
#comments #respond .comment-form-row input,
#comments #comment-form .textarea-border {
	border: solid 1px #ccc;
	background-color: #f8f8f8;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 5px 5px 12px -8px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 5px 5px 12px -8px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1) inset;
}

#comments #respond .comment-form-url input,
#comments #respond .comment-form-author input,
#comments #respond .comment-form-email input,
#comments #respond .comment-form-row input {
	width: 80%;
	float: right;
	margin: 0;
	padding: 3px 2px 2px;*/
}

#comments .textarea-border {
	padding: 5px;
}

#comment-form span.required {
	display: block;
	text-align: right;
	font-size: small;
	color: #999;
}

#comments #comment-form .oops {
	background: url( 'system-error.png' ) no-repeat 98% center;
}

#comments #comment-form textarea.oops {
	background-position: right top;
}

#comments textarea#comment {
	border: 0 none;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
}

/* Colours */

#comments a.prev:focus,
#comments a.next:focus,
#comments a.prev:hover,
#comments a.next:hover {
	color:#ccc;
	background-color:transparent;
}

.ie #comments ul#commentlist li .comment-body,
.ie6 #comments .comment-buttons {
	zoom: 1
}

#comments .comment-title {
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

ul#trackback-list {
	margin: 0;
	padding: 0;
}

#trackback-list li {
	margin-bottom: 20px;
}

#comment #commentlist .pingback cite.fn,
#comment #commentlist .trackback cite.fn,
#comment #trackback-list cite.fn {
	display:block;
}

/*
 For RPX openid plug-in and
 anyone else who sticks a
 small image next to the
 name.
*/
#commentlist cite.fn img {
	vertical-align: text-top;
	float: right;
}

#commentlist .pingback span.date,
#commentlist .trackback span.date,
#trackback-list span.date {
	font-style: italic;
	color: #666;
}

#trackback-list .comment-body {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: solid 1px #DFDFDF;
}

#comment-form blockquote {
	border-left:0.325em solid #dfdfdf;
	font-style:italic;
	margin:0 6%;
	padding-left:0.65em;
}

#comments .comment-text {
	overflow: hidden;
}

#comments .comment-text p {
	margin-bottom: 0.75em;
}

#comments .comment-text blockquote {
	margin-bottom: 0.75em;
	padding-left: 2em;
	border-left: 5px solid #efefef;
}

#comments .comment-text img {
	max-width: 100%;
}

#comments .reply-quote cite {
	font-weight: 700;
}

.tb-from {
	font-style: italic;
}

.comment-link-display {
	padding: 5px 10px;
	color: #333;
	background-color: #fff;
	border: solid 1px #bbb;
	cursor: pointer;

	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 4px 0 rgba( 0, 0, 0, 0.3 );

	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 4px 0 rgba( 0, 0, 0, 0.3 );

	-o-border-radius: 5px;
	-o-box-shadow: 0 0 4px 0 rgba( 0, 0, 0, 0.3 );

	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgba( 0, 0, 0, 0.3 );
}

.comment-link-display input {
	background-color: #fff;
	border: solid 1px #dfdfdf;
	color: #333;
	cursor: text;
	width: 250px;
	margin-left: 5px;
}

#comments .comment-body .trackback-toggle {
	margin: -9px -9px -9px -9px;
	padding-bottom: 10px;
	border: 0 none;
}

#comments .comment-body .with-toggle {
	margin-top: 18px;
}

#comments .comment-body .comment-meta .new-comment {
	display: inline;
	float: right;
	width: 20px;
	height: 20px;
	background: url( badge-new.png ) no-repeat center center transparent;
	margin-left: 8px;
}

#comments ul#commentlist li.new > .comment-body {
	/*border: 2px solid #337FBA;*/
	background-color: #efefef;
}

#quote-float {
	border: solid 1px #ccc;
	background: url( 'arrow-left-alt.png') no-repeat left center #fff;
	color: #333;
	cursor: pointer;
	padding: 3px 10px 3px 24px;

	-moz-border-radius: 3px;
	-moz-box-shadow: 3px 3px 4px rgba( 0,0,0,0.3 );
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 3px 4px rgba( 0,0,0,0.3 );
	border-radius: 3px;
	box-shadow: 3px 3px 4px rgba( 0,0,0,0.3 );
}

#comment-form span.required {
	display: none;
}

#comments li#response-cont #respond {
	overflow: hidden;
}

.next-prev {
	margin: 13px 0;
	padding-top: 14px;
	border-top: 1px dotted #dadada;
}

.next-prev .inner {
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAANra2v///yH5BAAHAP8ALAAAAAABAAEAAAICRAEAOw==") repeat-y 310px 10px transparent;
}

.next-post-title {
	text-align: right;
	/*background: url('images/arrows.gif') no-repeat 290px 5px transparent;*/
}

.next-post-title .circle,
.prev-post-title .circle {
	font-size: 10px;
	color: #CC0000;
}

.culturehouse-page .next-post-title .circle,
.culturehouse-page .prev-post-title .circle {
	font-size: 10px;
	color: #008000;
}

	.next-post-title a {
		display: inline-block;
		padding-right: 16px;
	}

	.culturehouse-page .next-post-title a:hover {
		color: #008000;
	}

.culturehouse-page .next-prev .inner .source-first-post a {
	color: #008000;
}

.culturehouse-page .next-prev .inner a.author-link:hover {
	color: #008000;
}

.prev-post-title {
}

	.prev-post-title a {
		display: inline-block;
		padding-left: 16px;
	}

	.culturehouse-page .prev-post-title a:hover {
		color: #008000;
	}



.feature-carousel, .comic-carousel {
	position: relative;
	overflow: hidden;
	/* border: solid 1px #dadada; */
}

.carousel-pages {
	position: relative;
}

.carousel-page {
	background-color: #fff;
}

.no-js .carousel-pages {
	overflow-y: auto;
	overflow-x: hidden;
}

.no-js .carousel-right {
	margin-right: -30px;
}

.js .carousel-pages {
	overflow: hidden;
}

.carousel-radios {
	position: absolute;
	bottom: 0px;
	z-index: 100;
	right: 0;
	text-align: center;
}

.carousel-button {
	color: #666;
	font-size: 30px;
	line-height: 35px;
	margin: 0 3px;
	text-decoration: none;
	text-shadow: 0px 0px 5px rgba( 255,255,255,1);
}

.carousel-button.active,
.carousel-button:hover {
	text-decoration: none;
	color: #c00;
}

.carousel-arrows a {
	background-image: url('images/carousel.png');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 14px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	cursor: pointer;
	text-indent: 100em;
	overflow: hidden;
}

.carousel-arrows .arrow-left {
	left: 7px;
	background-position: 0 0;
}
.carousel-arrows .arrow-left:hover {
	background-position: 0 100% ;
}

.carousel-arrows .arrow-right {
	right: 7px;
	background-position: 100% 0;
}

.carousel-arrows .arrow-right:hover {
	background-position: 100% 100%;
}

.carousel-right {
	margin-right: 30px;
}

.paused .pause {
	display: block;
	position: absolute;
	z-index: 1000;
	top: 14px;
	right: 14px;
	width: 12px;
	height: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}

.ie7 .paused .pause,
.ie6 .paused .pause {
	background-color: #fff;
}

.paused .pause:before,
.paused .pause:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: #dadada;
	width: 4px;
	height: 12px;
	overflow: hidden;
}

.paused .pause:after {
	right: 0;
	left: auto;
}

.carousel-right .author-link {
	line-height: 28px;

}

.carousel-right .post-excerpt-title {
	margin-top: 7px;
}

.carousel-grid-8,
.carousel-grid-8 .carousel-page,
.carousel-grid-8 .carousel-pages {
	width: 620px;
	height: 250px;
}

.carousel-grid-8 .carousel-radios {
	width: 220px;
}


.carousel-grid-4,
.carousel-grid-4 .carousel-page,
.carousel-grid-4 .carousel-pages {
	width: 300px;
	height: 119px;
}

.carousel-grid-4-square,
.carousel-grid-4-square .carousel-page,
.carousel-grid-4-square .carousel-pages {
	width: 300px;
	height: 350px;
}

.carousel-grid-4-square p.wp-caption-text {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 240px;
}

.carousel-grid-4-square .carousel-radios, .carousel-grid-4 .carousel-radios {
	width: 300px;
}

.carousel-grid-4-square img.attachment-carousel {
	margin: 5px auto 10px;
	width: 280px;
}

.excerpt-big-image .excerpt-thumb {
	margin-bottom: 7px;
}

.life-block {
	background: #efefef;
	min-height: 140px;
}

.life-block .inner {
	padding: 5px 10px;
}

.life-block-widget {
	margin-bottom: 13px;
	border-bottom: dotted 1px #dadada;
}

.small-life-block-widget .attachment-widget-icon-tall {
	display: block;
	margin: 0 auto 7px;

}

.widget-spectator-sharing-analyitics {
	border-top: 3px solid #666;
	padding-top: 2px;
}

.tabbed {
	padding: 7px;
	background-color: #bbb;
	border-top: 1px solid #666;
}

.tabbed .tabs {
	margin: 0;
}

.tabbed .active {
	background-color: #fff;
}

.tabbed .tab {
	float: left;
	margin: 0;
}

.tabbed .tab-target {
	display: block;
	padding: 0 7px;
	cursor: pointer;
	color: #fff;
	line-height: 28px;
}

.tabbed .tab:hover .tab-target,
.tabbed .active .tab-target {
	color: #c00;
}

.tabbed .active .tab-target {
	cursor: default;
}

.tabbed .tab-page {
	clear: left;
	padding: 14px;
	padding-left: 2em;
	margin: 0;
	list-style-type: decimal;
	list-style-position: outside;
	display: none;
}

.tabbed .tab-page.active {
	display: block;
}

.tabs:after {
	content: '';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}

.tabbed .tab-page a {
	color: #000;
}
.tabbed .tab-page a:hover {
	color: #c00;
}
.pop-title {
	margin-bottom: 7px;
}

.widget-blogs-home-list .excerpt,
.coffeehouse-list .excerpt,
.magazine-list .excerpt {
	padding-bottom: 6px;
	border-bottom: solid 1px #dadada;
}

.columnist-block-widget,
#hub-left-middle-wide,
.horizontal-list,
#hub-left-middle,
.life-block-widget,
.the-week-lead-block {
	border-bottom: dotted 1px #333;

}
.portrait-otw .excerpt-thumb .attachment-post-thumbnail,
.horizontal-list {
	padding-bottom: 6px;
}

.big-title  {
	margin-bottom: 7px;
}

.big-title a {
	color: #000;
}
.small-life-block-widget .blue a {
	color:#008cc1;
}

.life-thumb a {
	display: block;
	height: 119px;
	width: 140px;
	overflow: hidden;
	margin-bottom: 7px;
}

.life-thumb-short {
	display: block;
	height: 70px;
	width: 140px;
	overflow: hidden;
	margin-bottom: 7px;
}

.title-before-title {
	margin-bottom: 7px;
	margin-top: -7px;
}

.arts-list {
	border-bottom: solid 7px #E6E6CE;
}

.arts-list .excerpt:last-child {
	margin-bottom: 0;
	border-bottom: 0 none;
}

.magazine-list .author-link ,
.coffeehouse-list .author-link {
	line-height: 1.3em;
}

.standfirst p {
	margin: 0;
}

.magazine-icon-wrap {
	display: inline-block;
	height: 40px;
	overflow: hidden;
	padding: 3px 3px 0;
	margin: -31px 7px -10px -3px;
}

.magazine-icon-wrap img {
	width: 60px;
	height: 80px;

	display: block;
	-webkit-box-shadow: 2px -1px 4px rgba( 0, 0, 0, 0.3);
	box-shadow: 2px -1px 4px rgba( 0, 0, 0, 0.3);

	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;

	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);

	-webkit-backface-visibility: hidden;
}

.feature-carousel-2 {
	position: relative;
	border: solid 1px #dadada;
	width: 618px;
	overflow: hidden
}

.feature-carousel-2 .carousel-arrows {
	display: none;
}

.carousel-list {
	height: 279px;
	overflow: hidden;
	margin: 0 0 0 380px;
	width: 240px;
}

.carousel-list .carousel-item {
	display: block;
	margin: 0;
	clear: both;
	height: 69px;

	border: solid 1px #eee;
	border-top: none;
	z-index: 1;
}

.carousel-list .carousel-link {
	display: block;
	overflow: hidden;

	width: 220px;
	padding: 8px 10px 8px;
	height: 69px;
}

.carousel-list .hentry-title {
	display: block;
	max-height: 32px;
	overflow: hidden;
	line-height: 16px;
}

.carousel-list .carousel-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	/*visibility: hidden;*/

	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;

	width: 380px;
	height: auto;
}


.carousel-list a {
	text-decoration: none;
	cursor: pointer;
}

.carousel-list .carousel-item.active { background-color: #eee;}
.carousel-list .carousel-item.active .hentry-title { color: #c00;}
.carousel-list .carousel-item.active .carousel-image {
	z-index: 5;
	opacity: 1;
	visibility: visible;
}

.carousel-list:hover .carousel-item.active { background-color: #fff;}
.carousel-list:hover .carousel-item.active .hentry-title { color: #000;}
.carousel-list:hover .carousel-item.active .carousel-image {
	z-index: 1;
	opacity: 0;
	/*visibility: hidden;*/
}

.feature-carousel-2 .carousel-list .carousel-item:hover { background-color: #e5e5e5;}
.feature-carousel-2 .carousel-list .carousel-item:hover .hentry-title { color: #c00;}
.feature-carousel-2 .carousel-list .carousel-item:hover .carousel-image {
	z-index: 6;
	opacity: 1;
	visibility: visible;
}

.attachment-plus-badge {
	margin: -14px 10px -10px 0px
}


.exceprt-body .comments-link:last-child {
	margin-top: -5px;
}

.exceprt-body p {
	margin-bottom: 7px;
	line-height: 18px;
	font-size: 13px;
}

.mti-repaint .single-taxonomy-title .description,
.wf-loading .single-taxonomy-title .description,
.wf-active .single-taxonomy-title .description {
    line-height: 16px;
    font-size: 16px;
}

.bar-item .content a {
	color: #fff;
	font-weight: bold;
}

/**
 * New 01/02/2013
 */

#author-head .author-avatar-2 {
	margin: -9px 0 5px 3px;
	z-index: 10;
	position: relative;
	clear: none;
}

#author-head .profile-avatar-douglas-murray { margin-right: 2px;	}
#author-head .profile-avatar-rod-liddle,
#author-head .profile-avatar-steerpike 		{ margin-right: -10px;	}
#author-head .profile-avatar-nick-cohen 	{ margin-right: -15px;	}

.feed-icon-2 {
	display: inline;
	float: right;
	line-height: 100%;
	position: relative;
	z-index: 11;
	clear: none;
}

.author-link-title {
	padding-right: 20px;
}


/**
 * New 2013/02/25
 */

/* css code for you two new button styles */
.buttonBlue,.buttonGrey {
	font-family: 'Futura' !Important;
	padding: 0.4em 1.2em;
	border-radius: 1px !Important;
	border: 1px solid #000000 !Important;
	letter-spacing: 0.05em;
}

/* http://www.color-hex.com/color/4278eb */
.buttonBlue {
	/* gradient goes top to bottom */
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4278eb), color-stop(1,#315ab0) );
	background: -webkit-linear-gradient(center top, #4278eb 5%, #315ab0 100%);
	background: -moz-linear-gradient(center top, #4278eb 5%, #315ab0 100%);
	background: -o-linear-gradient(center top, #4278eb 5%, #315ab0 100%);
	background: -ms-linear-gradient(center top, #4278eb 5%, #315ab0 100%);
	background: linear-gradient(to bottom, #4278eb 5%, #315ab0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4278eb',endColorstr='#315ab0');
	background-color: #4278eb;
	/*border: 1px solid #213c75;*/
	display: inline-block;
	color: #fff;
	text-shadow: 1px 1px 0 #000; /* 0px 1px 0px #213c75; */
	font-family: 'Futura' !Important;
	text-transform: uppercase;
	font-weight: 600;
}

.buttonBlue:hover {
	/* gradient goes top to bottom */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05,#315ab0), color-stop(1,#213c75) );
	background: -webkit-linear-gradient(center top, #315ab0 5%, #213c75 100%);
	background: -moz-linear-gradient(center top, #315ab0 5%, #213c75 100%);
	background: -o-linear-gradient(center top, #315ab0 5%, #213c75 100%);
	background: -ms-linear-gradient(center top, #315ab0 5%, #213c75 100%);
	background: linear-gradient(to bottom, #315ab0 5%, #213c75 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#315ab0',endColorstr='#213c75');
	background-color: #315ab0;
	/*border: 1px solid #182d57;*/
	text-shadow: 1px 1px 0 #000;
	color: #fff;
	text-decoration: none;
}

/* http://www.color-hex.com/color/666666 */
.buttonGrey {
	/* gradient goes top to bottom */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05,#efefef), color-stop(1,#d1d1d1) );
	background: -webkit-linear-gradient(center top, #efefef 5%, #d1d1d1 100%);
	background: -moz-linear-gradient(center top, #efefef 5%, #d1d1d1 100%);
	background: -o-linear-gradient(center top, #efefef 5%, #d1d1d1 100%);
	background: -ms-linear-gradient(center top, #efefef 5%, #d1d1d1 100%);
	background: linear-gradient(to bottom, #efefef 5%, #d1d1d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d1d1d1');
	background-color: #efefef;
	/*border: 1px solid #b2b2b2;*/
	display: inline-block;
	font-family: 'Futura' !Important;
	color: #5b5b5b;
	text-shadow: 0px 1px 0px #fff;
}

.buttonGrey:hover {
	/* gradient goes top to bottom */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05,#e0e0e0), color-stop(1,#c1c1c1) );
	background: -webkit-linear-gradient(center top, #e0e0e0 5%, #c1c1c1 100%);
	background: -moz-linear-gradient(center top, #e0e0e0 5%, #c1c1c1 100%);
	background: -o-linear-gradient(center top, #e0e0e0 5%, #c1c1c1 100%);
	background: -ms-linear-gradient(center top, #e0e0e0 5%, #c1c1c1 100%);
	background: linear-gradient(to bottom, #e0e0e0 5%, #c1c1c1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0',endColorstr='#c1c1c1');
	background-color: #e0e0e0;
	/*border: 1px solid #a3a3a3;*/
	color: #515151;
	text-shadow: 0px 1px 0px #efefef;
	text-decoration: none;
}

.sbos {
	background: none;
}

#sbos_column {
	width: 160px;
}

.sbos_grid_2 {
	width: 160px;
}

.sbos h3 {
	background: #f5f5f5;
	border-top: 1px solid #666;
	border-bottom: 1px solid #eee;
	color: #666;
	font-weight: normal;
	margin: 6px 0 2px 0;
	position: relative;
	padding: 4px 6px;
	text-transform: none;
}

.sbos h3:before {
	background: #666;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 100%;
}

.sbos .widget-header-image {
	margin-top: -15px;
	margin-left: 0;
	position: relative;
	z-index: 100;
	max-width: 160px;
	height: auto;
}

.sbos h3 a {
	color: #666;
}

.sbos .has-title-image {
	background: #FFF;
	padding: 0;
	margin: 0 0 6px;
}

.sbos h3 .sidebar-of-shame-title-image {
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
}

.sbos-pad {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	margin-bottom: 0;
}

.sbos .hentry {
	background: #eee;
	margin: 0 0 2px 0;
	padding-bottom: 0;
}

.sbos .hentry img {
	background: #fff;
	border-top: 1px solid #ddd;
	padding-top: 2px;
}

.sbos .hentry strong {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	padding: 5px;
}

.sbos .hentry a {

	display: block;
}

.sbos .hentry:first-child a img {
	border-top: 0;
}


.ad-unit {
	width: 728px;
	height: 90px;
}


.ipadify {
	position: relative;
	display: block;
	margin: 4px auto;

	width: 40px;
	height: 53px;
	padding: 7px 6px;

	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);

	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;

	transform: rotate(10deg);
	transform-origin: 0 0;
	image-rendering: crisp-edges;
	background: url('images/ipad_overlay.png') no-repeat top left transparent;

	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ipadify img {
	width: 40px;
	height: auto;
}

.ipadify:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	background: url('images/ipad_overlay.png') no-repeat top left transparent;
	z-index: 10;
}

/*
.sub-content-promo-bottle {
    backface-visibility: hidden;
    background: url("images/promobottle.png") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
    display: block;
    height: 75px;
    left: -45px;
    margin: 4px auto;
    padding: 7px 6px;
    position: absolute;
    top: 15px;
    transform: rotate(-20deg);
    transform-origin: 0 0 0;
    width: 40px;
}
*/

.sub-content-promo .grid_1 {
	position: relative;
}

.sub-content-promo-bottle {
	position: absolute;
	display: block;

	width: 40px;
    height: 75px;
    left: -45px;
	top: 15px;

	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);

	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;

	transform: rotate(-20deg);
	transform-origin: 0 0;
	image-rendering: crisp-edges;
	background: url("images/promobottle.png") no-repeat scroll center center / contain rgba(0, 0, 0, 0);

	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.sub-content-promo-bottle a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}

.sub-content-promo p:last-child {
	margin-bottom: 0;
}

.article-head .standfirst {
	padding-top: 4px;
	line-height: 1.35em;
}

/* Resizing styles */
#navigation-footer li:first-child {
	margin-left: 0;
}

#navigation-footer li:last-child {
	margin-right: 0;
}

#dovetail_subscription_dropdown {
	margin-left: 0;
	z-index: 1000000; /* Ensure we go over the ads */
}

/* Leaderboard advert widget changes to account for new grid layout */

.nudge-left {
	margin-left: -20px;
}

/* Test article sidebar of shame */

.menu-walker-article-sidebar-of-shame {

}

.asbos {
	background: none;
}

#sbos_column {
	width: 160px;
}

.sbos_grid_2 {
	width: 160px;
}

.asbos h3 {
	background: #eee;
	color: #666;
	font-weight: normal;
	margin-bottom: 2px;
	padding: 4px 10px;
	text-transform: none;
}


.asbos-pad {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	margin-bottom: 0;
	float: right;
	height: 100px;
	width: 140px;

}

.asbos .hentry {
	background: transparent;
	margin: 0 0 2px 0;
	padding-bottom: 0;
}

.asbos .hentry img {
	background: #fff;
	float: left;
}

.asbos .hentry strong {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px;
	overflow: hidden;
}

.asbos .hentry strong span {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	display: block;
	margin-top: 5px;
}

.asbos .hentry strong a:hover {
	text-decoration: none;
}

.asbos .hentry a {

	display: block;
}

.asbos .hentry:first-child {
	border-top: 0;
}

.asbos .menu-item {
	border-top: 1px solid #ddd;
	padding-top: 2px;
}

.comic-body {
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	margin-top: 20px;
}

div.post.category-debate-features .article-body h4 {
	font-size: 65px;
	line-height: 1em;
	font-weight: normal;
	display: inline-block;
	margin-top: 30px;
}

div.post.category-debate-features .article-body h5 {
	color: #CC0000;
	font-size: 18px;
	font-weight: normal;
	margin-top: -10px;
}

.sbos #blogger-menu-bloggers .hentry {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 2px;
	padding-bottom: 5px;
	padding-top: 10px;
	border: 1px solid #EEEEEE;
}

.sbos #blogger-menu-bloggers .hentry strong {
    color: #333333;
    font-family: 'Georgia','Palatino','Palatino Linotype','Times',"Times New Roman",serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    padding: 5px;
}

.sbos #blogger-menu-bloggers .hentry a {
	color: #666;
}

.sbos #blogger-menu-bloggers .hentry img {
    background: none repeat scroll 0 0 #FFFFFF;
	border: none;
    padding-top: 2px;
	margin-bottom: 5px;
}

.withtitle {
    text-align: center;
	color: #666666;
	font-weight: bold;
}

.withtitle img {
	margin-bottom: 10px;
}


.culturehouse h1 {
    background-color: #fff;
    color: #000000;
    font-size: 54px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 56px;
    margin-bottom: 14px;
    padding: 3px 0 6px 0;
    position: relative;
    text-overflow: ellipsis;
	text-transform: none;
}

.culturehouse h1 span.makegreen {
	color: #008000;
}

.culturehouse h1 a {
	color: #000000;
}

.culture-carousel- {
    border: none;
    overflow: hidden;
    position: relative;
    width: 618px;
}

.carousel-culture {
	margin-bottom: 0;
}

.carousel-culture li {
	margin-bottom: 0;
}

.carousel-culture .carousel-excerpt {
	background: #eee;
	padding: 10px;
	display: block;
	clear: both;
}

.carousel-culture .carousel-excerpt .carousel-link {
	display: block;
	color: #008000;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 4px;
}

.carousel-culture .carousel-item {
	display: none;
}

.carousel-culture .carousel-item.active {
	display: block;
}

/* Allows for single column widget areas, or wrapped widget area when only a single one has a widget in it */
.culturehouse #home-full .hentry {
	width: 300px;
	float: left;
}

/*
.culturehouse #home-full .hentry:nth-child(odd) {
	margin-right: 10px;
	clear: left;
}

.culturehouse #home-full .hentry:nth-child(even) {
	margin-left: 10px;
	clear: right;
}
*/

.culturehouse #home-full .hentry.clearleft {
	margin-right: 10px;
	clear: left;
}

.culturehouse #home-full .hentry.clearright {
	margin-left: 10px;
	clear: right;
}

.culturehouse #home-full .hentry:nth-child(2):after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.culturehouse #home-full .incontent-area {
	clear: both;
	margin-bottom: 14px;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 100%;
}

.culturehouse #home-full .incontent-area h3 {
    background-color: #fff;
    color: #000000;
    font-size: 44px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 46px;
    margin-bottom: 8px;
    padding: 3px 0 6px 0;
    position: relative;
    text-overflow: ellipsis;
	text-transform: none;
}

.culturehouse #home-full .incontent-area h3 span.makegreen {
	color: #008000;
}

.culturehouse #home-full .incontent-area h3 a {
	color: #000000;
}

.culturehouse #home-left .hentry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.culturehouse #home-right .hentry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.culturehouse-list .hentry .post-title a {
    color: #008000;
    display: block;
    font-size: 18px;

    margin-bottom: 4px;
}

.culturehouse-list .hentry .culturehouse-card-category {
	color: #000000;
	display: block;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.incontent-area .post-title {
	margin-bottom: 5px;
}

#magazine-header {
	border-bottom: 1px solid #E5E5E5;
	min-height: 300px;
	overflow: visible;
	padding-bottom: 10px;
	position: relative;
}

#magazine-header .magazine-issue-wrap {
	position: absolute;
	display: block;
	right: 15px;
	top: 15px;
	z-index; 99;
	width: 218px;
}

#magazine-header .magazine-issue-wrap img {
	max-width: 100%;
	height: auto;
}

#magazine-header .issue-description {
	display: block;
	width: 55%;
	font-size: 17px;
	font-weight: normal;
	line-height: 24px;
}

#magazine-header .issue-date {
	font-size: 19px;
}

#magazine-header a.issue-lead-feature-title {
	font-weight: bold;
	font-size: 24px;
	font-family: Georgia,Times,"Times New Roman",serif;
	width: 55%;
	display: inline-block;
	line-height: 28px;
}

.magazine-category-title {
	color: #333;
	font-family: 'Goudy Old Style MT W01', Georgia, Serif;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 30px;
	xtext-align: center;
	text-transform: uppercase;
}

#magazine-full .section-widget .hentry {
	padding-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 14px;
}

#magazine-full .section-widget .hentry:last-of-type {
	padding-bottom: 10px;
	border-bottom: none;
	margin-bottom: 14px;
}

#magazine-full .hentry .magazine-card-category {
	color: #000000;
	display: block;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#magazine-full .widget_advert {
	display: none;
}

#sidebar .widget_issue_contents h3.title-font {
	margin: 0;
}

.widget_issue_contents li {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 2px;
	margin: 0;

	text-transform: uppercase;
}

.widget_issue_contents li a {
	background: #fff;
	display: block;
	font-weight: 900;
	letter-spacing: 0px;
	padding: 24px 0 0px 0;
}

body.blue-links .widget_issue_contents li a,
body.health-page .widget_issue_contents li a {
	color: #6495ed;
}

.widget_issue_contents li .child-section {
	color: #333 !Important;
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	padding: 3px 0;
	text-transform: none;
}

figure figcaption {

	font-size: 13px !Important;
	font-style: italic;
	line-height: 14px !Important;
	margin: 7px 0 24px 0 !Important;
	text-align: left;
	color: #424242 !Important;
	/*
	color: #333333;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 24px;
	font-style: italic;
	text-align: left;
	*/
}

.widget-spectator-sharing-analyitics, .icit-analytics-data-collection-widget {
	border-top: 3px solid #666;
	padding-top: 2px;
}

#sidebar .tabbed, #sidebar .icit-analytic {
	border: 1px solid #eee;
	border-top: 1px solid #666;
	padding: 7px;
	background-color: #fff;

}

.icit-analytic .pop-title {
	font-family: 'Fenice ITC W01 Regular', 'Georgia', Serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
	padding-bottom: 7px;
}

.icit-analytic .tabs, .tabbed .tabs {
	border-bottom: 1px solid #eee;
	margin: 0;
	position: relative;
}

#sidebar .icit-analytic .tab, #sidebar .tabbed .tab {
	background: #f5f5f5;
	border: 1px solid #eee;
	border-bottom: 0;
	float: left;
	margin: 0 5px 0 0;
	position: relative;
}

#sidebar .icit-analytic .tab.active, #sidebar .tabbed .active {
	background-color: #fff;
	margin: 0 5px 0 0;
	top: 1px;
	z-index: 1000;
}



.icit-analytic .tab-target, .tabbed .tab-target {
	display: block;
	padding: 0 7px;
	cursor: pointer;
	color: #333 !important;
	line-height: 28px;

	font-size: 12px;
	font-family: Arial,Geneva,sans-serif;
	font-weight: bold;

}

.icit-analytic .tab:hover .tab-target,
.icit-analytic .active .tab-target,
.tabbed .tab:hover .tab-target,
.tabbed .active .tab-target {
	color: #c00 !Important;
}

.tabbed .active .tab-target {
	cursor: default;
}

.icit-analytic .a-page, .tabbed .tab-page {

	clear: left;
	margin-left: -5px !Important;
	margin-right: -5px !Important;
	margin-bottom: -5px !Important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	list-style-type: none;
	list-style-position: inside;
	background: #fff;

}

.icit-analytic .a-list {
	padding: 0 !Important;
}


.icit-analytic .a-page {
	/*
	clear: left;
	display: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 !Important;
	margin-left: 0;
	padding: 14px 14px 14px 2em;
	*/
}

.tabbed .tab-page.active {
	display: block;
}

.tabs:after {
	content: '';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}

.icit-analytic .a-page a, .tabbed .tab-page a {
	color: #c00;
}

.icit-analytic .a-page a:hover, .tabbed .tab-page a:hover {
	color: #c00;
}

li.analytic-item {
	margin-bottom: 1px !Important;
	overflow: hidden;
	position: relative;
}

.tabbed .tab-page li {
	height: 91px;
	clear: both;
	overflow: hidden;
}

.analytic-lists .a-page li .listnumber {
	color: #666;
    display: inline-block;
    float: right;
    font-size: 35px;
    font-weight: 100;
    line-height: 1.2em;
    opacity: 0.15;
    position: absolute;
    right: 5px;
    text-align: center;
    top: .2em;
}

.analytic-lists li.analytic-item {
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

.analytic-lists li.analytic-item:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.analytic-lists li.analytic-item .byline {
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
}

.analytic-lists .a-page li img {
	display: inline-block;
	height: 60px;
	width: 60px;
	margin-right: 5px;
	float: left;
}

.analytic-lists .a-page li a {
	display: inline-block;
	width: 170px;
	float: left;
	padding: 0 0 3px 5px;
	font-size: 14px;
	font-weight: 100;
	line-height: 1.3em;
}

.analytic-lists .a-page li div.listing {
	display: block;
	float: left;
	width: 170px;
}

.a-list-name {
	display: none;
}

.culturehouse-list p {
	clear: both;
}

.culturehouse .page-numbers {
	line-height: 26px;
	border: solid 1px #008000;
	line-height: 26px;
	height: 26px;
	min-width: 20px;
	padding: 0 3px;
	margin-right: 2px;
	display: inline-block;
	text-align:center;
	text-decoration:none;
	color: #008000;
}

.culturehouse a.page-numbers:focus,
.culturehouse a.page-numbers:hover {
	background-color: #008000;
	color: #F6F6F6;
	text-decoration:none;
}

.culturehouse .current {
	border-color:#999;
	color:#999;
}

.cultureauthorbyline {
	margin-bottom: 2px !Important;
}

.cultureauthorbyline a {
	color: #666666;
	font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
}

.culturehouse-card {
	overflow: hidden;
	clear: both;
	margin-bottom: 4px !Important;
}

.culturehouse-card a {
	float: right;
	color: #666666;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.culturehouse-card a.culturehouse-card-category {
	float: left;
	color: #000000;
	font-size: 14px;
}

.highlighted-post-category,
.culturehouse-post-category {
	color: #008000;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.category-culturehousedaily a.highlighted-post-category,
div.category-culturehousedaily a.culturehouse-post-category {
	display: none;
}

body.culturehouse-page #content-image .article-image img {
	width: 100%;
	height: auto;
}

body.culturehouse-page #disqus_thread a {
	color: #008000;
}

body.culturehouse-page a.excerpt-more {
	color: #008000;
}

body.culturehouse-page .post-title,
body.culturehouse-page .post-title.culturehouse-title {
	color: #008000;
	margin-bottom: 3px;
}

body.culturehouse-page .article-body a  {
	color: #008000;
}

body.culturehouse-page .icit-analytic a  {
	color: #008000;
}

body.culturehouse-page .icit-analytic .tab:hover .tab-target, body.culturehouse-page .icit-analytic .active .tab-target, body.culturehouse-page .tabbed .tab:hover .tab-target, body.culturehouse-page .tabbed .active .tab-target {
    color: #008000 !important;
}

body.culturehouse-page .sub-content-promo a {
	color: #008000 !important;
}

body.culturehouse-page .widget a {
	/*color: #008000 !important;*/
}

body.culturehouse-page .widget .widget-title a {
	color: #333 !important;
}

body.culturehouse-page h2.post-title a {
	color: #008000;
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}



.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0;
    box-shadow: none;
    left: 0;
}

.bx-wrapper {
	margin: 0 auto !Important;
}

div.bx-controls.bx-has-pager {
	position: absolute;
	bottom: 28px;
	z-index: 999 !Important;
	display: block;
	width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #008000 !Important;
}


body.single-comic .article-social {
    background-color: #FFFFFF;
    display: inline;
    float: left;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
    padding-bottom: 14px;
    width: 100%;
}

body.single-comic .article-social .pw-button-counter-top {
	display: none;
}

body.single-comic .article-social .pw-widget.left,
body.single-comic .article-social .pw-widget.right,
body.single-comic .article-social .kindleWidget {
	vertical-align: top;
}

body.single-comic .article-social .pw-widget.left {
	padding: 0 10px !important;
}

body.single-comic .article-social .pw-widget.left .pw-button {
	padding: 0 !important;
}

body.single-comic .article-social .pw-widget.left {
	display: inline-block;
	width: 20%;
}

body.single-comic .article-social .pw-widget.right {
	display: inline-block;
	width: 245px !important;
}

body.single-comic .article-social .pw-button {
	padding: 0 10px !important;
}

body.single-comic .article-social .pw-widget.right .pw-button {
	display: inline-block !important;
}

@media screen and (max-width: 850px) {
	body.single-comic .article-social a.pw-button {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	body.single-comic .article-social .kindleWidget {
		margin-top: 14px !important;
	}
}

body.single-comic .addthis_toolbox {
	display: inline-block;
	text-align: center;
	width: 100%;
}

body.single-comic .comic-purchase-link {
	text-align: center;
}

.inissuetag {
	font-size: 13px !Important;
	line-height: 21px !Important;
}

.grid_6 .category-coffeehouse .post-title {
	padding-bottom: 2px;
}

.grid_6 .category-coffeehouse .hentry-meta {
	line-height: 12px;
	padding-bottom: 9px;
}

.home.blog .grid_6 .post-title,
.archive.author .grid_8 .post-title {
	padding-bottom: 2px;
}

.home.blog .grid_6 .hentry-meta,
.archive.author .grid_8 .hentry-meta,
.columnists-page .grid_8 .hentry-meta,
#magazine-full .hentry-meta,
.columnists-page .grid_6 .hentry-meta,
.archive.category-features .grid_6 .hentry-meta,
.archive.tag .grid_6 .hentry-meta,
.archive.tag .grid_8 .hentry-meta,
.archive.category .grid_8.culturehouse .hentry-meta,
.incontent-area .grid_6 .hentry-meta
 {
	line-height: 12px;
	padding-bottom: 9px;
}

#content .exceprt-body p {
	margin: -3px 0 6px 0;
}

#home-left .alignleft,
#home-right .alignleft,
.home.page #sidebar .alignleft {
	margin-top: 0;
}

#home-left img.attachment-post-thumbnail-160,
#home-right img.attachment-post-thumbnail-160,
#sidebar img.attachment-post-thumbnail-160,
#home-left img.attachment-post-thumbnail-100,
#home-right img.attachment-post-thumbnail-100,
#sidebar img.attachment-post-thumbnail-100 {
	width: 100px;
}

#home-left .grid_2,
#home-right .grid_2 {
	width: 190px;
}

#home-left .post-title,
#home-right .post-title,
.home.page #sidebar .post-title {
	line-height: 20px;
	padding-bottom: 4px;
}

#home-left .excerpt-big-image .post-title,
#home-right .excerpt-big-image .post-title,
.home.page #sidebar .excerpt-big-image .post-title {
	line-height: 20px;
	padding-bottom: 0;
}

#home-left .post-title.nothumbnail,
#home-right .post-title.nothumbnail,
.home.page #sidebar .post-title.nothumbnail {
	line-height: 20px;
	padding-bottom: 0;
}

/* excerpt-big-image */

#home-left .hentry-meta,
#home-right .hentry-meta,
.home.page #sidebar .hentry-meta {
	line-height: 12px;
	/* padding-bottom: 3px; */
	padding-bottom: 5px;
}

#mobile-header {
	display: none;
}

.listingadvert {
	display: none;
}

.mobile_site_toggle {
	text-align: center;
	margin-top: 10px;
	color: #555555;
}

.mobile_site_toggle ul.mobile_site_options {
	display: inline-block;
	width: auto;
	margin: 0px;
}

.mobile_site_toggle ul.mobile_site_options li.mobile_site {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid rgb(85, 85, 85);
	float: left;
}

.mobile_site_toggle ul.mobile_site_options li.desktop_site {
	float: left;
}

.mobile_site_toggle ul.mobile_site_options li.active_site a {
	color: #555555;
}

.widget_mobile_issue_dropdown {
	display: none;
}

div.mobile-load-comments {
	display: none;
}

div.inline-advert {
	display: none;
}

div.inline-advert div {
	display: none;
}

.mejs-link-holder {
	color: #333333;
	margin-top: -16px;
	margin-bottom: 24px;
	text-align: right;
}

.mejs-link-holder a {
	color: #333333 !Important;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #333;
}

.mejs-link-holder a:last-of-type {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

.mejs-link-holder img {
	width: 16px;
	height: auto;
	margin-right: 5px;
	vertical-align: text-top;
}

/* Figure testing */

figure.image {
	display: table;
	width: 1px; /* This is a fake width to handle the caption wrapping */
	margin-bottom: 14px;
}

figure.image.alignnone {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

figure.image.aligncenter {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

figure.image.alignleft {
	margin-right: 24px;
	margin-left: 0;
	width: 50%;
}

figure.image.alignright {
	margin-left: 24px;
	margin-right: 0;
	width: 50%;
}

figure.image img {
	float: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}

figure.image figcaption {
	display: table-row;
}

figure.image br {
	display: none;
}

.spectator_comic_widget .comic-image img {
	width: 100%;
	height: auto;
}

.comic-carousel {
	position: relative;
}

.comic-carousel .carousel-pages .carousel-page {
	width: 300px;
}

.comic-carousel p.wp-caption-text {
	width: 300px;
}

div.middle-promo.widget_advert {
	display: none;
}

#mobile-sidebar {
	display: none;
}

div.mobile-sharing {
	display: none;
}

/* Health styles for now - until finalised */

body.blue-links #disqus_thread a {
	color: #6495ed;
}

body.blue-links a.excerpt-more {
	color: #6495ed;
}

body.blue-links .post-title {
	color: #6495ed;
}

body.blue-links #content a  {
	color: #6495ed;
}

body.blue-links .author-link, .author-link a {
    color: #5D5D5D !Important;
    font-weight: bold;
}

body.blue-links .icit-analytic a  {
	color: #6495ed;
}

body.blue-links .icit-analytic .tab:hover .tab-target,
body.blue-links .icit-analytic .active .tab-target,
body.blue-links .tabbed .tab:hover .tab-target,
body.blue-links .tabbed .active .tab-target {
    color: #6495ed !important;
}

body.blue-links .sub-content-promo a {
	color: #6495ed !important;
}

body.blue-links .widget a {
	/*color: #008000 !important;*/
}

body.blue-links .widget .widget-title a {
	color: #333 !important;
}

body.blue-links h2.post-title a {
	color: #6495ed;
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}

body.blue-links a.carousel-button.active {
	color: #6495ed;
}

#content .widget-title span.sponsoredlogo,
body .single-taxonomy-title span.sponsoredlogo {
	float: right;
    font-family: sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    text-transform: none;
}

#content .widget-title span.sponsoredlogo img,
body .single-taxonomy-title span.sponsoredlogo img {
	margin-left: 10px;
}

#content .icit-taxonomical-listings .widget-title span.sponsoredlogo img {
	margin-top: -4px;
}

.menu.editorschoice .excerpt {
	border-bottom: 1px solid #dadada;
	padding-bottom: 6px;
}

.menu.editorschoice .excerpt.smallpadding {
	margin-bottom: 7px;
	padding-bottom: 3px;
}

/* Live blog overrides */
#liveblog-container {
	font-family: "Georgia","Palatino","Palatino Linotype","Times","Times New Roman",serif !Important;
	border-top: 1px solid #dadada;
}

.liveblog-entry {
	border-top: none !Important;
	padding: 0 !Important;
}

.liveblog-entry-text {
	margin: 0 !Important;
}

.liveblog-form blockquote img, .liveblog-entry blockquote img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/**
 * Editors Choice
 */
.icit-posts-menu-template {
	border-bottom: 1px solid #DADADA;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	overflow: auto;
}
.icit-posts-menu-template p {
	margin-bottom: 0;
}
.icit-posts-menu-template img {
	height: auto !important; /* Needed for responsive images, as there are inline width and height attributes */
}

.icit-posts-menu-template-headline {
	padding-top: 0;
	padding-bottom: 0;
}
.icit-posts-menu-template-headline .post-title {
	padding-bottom: 0;
	margin-bottom: 0;
}

.icit-posts-menu-template-headline-standfirst-image-large img {
	margin-bottom: 7px;
}

.icit-posts-menu-template-headline-standfirst-image-small img {
	float: left;
	padding-right: 10px;
	width: 120px;
}

@media screen and (max-width: 420px) {
	.icit-posts-menu-template-headline-standfirst-image-large img {
		width: 100%;
		padding-right: 0;
	}
	.icit-posts-menu-template-headline-standfirst-image-small img {
		padding-right: 10px;
	}
	.post-type-archive-comic .post-archive-content {
		margin: 0 auto;
		padding: 14px 10px;
	}
}

@media screen and (max-width: 850px) {
	.icit-posts-menu-template-headline-standfirst-image-large img,
	.icit-posts-menu-template-headline-standfirst-image-small img {
		float: left;
		width: 25%;
		padding-right: 20px;
		margin-bottom: 7px;
	}
	#sidebar .hentry.icit-posts-menu-template-headline-standfirst,
	#sidebar .hentry.icit-posts-menu-template-headline-standfirst-image-small {
		padding-bottom: 7px;
	}
	.home.page #sidebar .icit-posts-menu-template-headline .post-title {
		margin-bottom: 0;
		padding-bottom: 7px;
	}
}


/**
 * Cartoons
 */
.post-type-archive-comic .post-archive-content {
	max-width: 640px;
	position: relative;
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 21px;
}
.post-type-archive-comic .post-archive-content .hentry {
	margin-bottom: 21px;
	padding-bottom: 21px;
	font-size: 13px;
	border-bottom: 1px dotted #B2B5B4;
	overflow: auto;
}
.post-type-archive-comic .post-archive-content .entry-content {
	padding-top: 10px;
}
.post-type-archive-comic .post-archive-content .hentry img {
	max-width: 100%;
	height: auto;
}


/**
 * Related Posts
 */
.related-posts {
	padding: 14px 0;
	font-size: 14px;
	border-bottom: 1px solid #DADADA;

	/**
	 * Very specific spacing
	 * Based on it being below tags and above an offer - to ensure everything is consistent
	 * This is to ensure we don't have extra spacing when we don't have related posts
	 * Which will occur when a post doesn't have any related posts
	 */
	margin-top: 24px;
	margin-bottom: 14px;
}
ul.related-posts-list {
	list-style: none;
	margin-bottom: 0;
}
.related-posts .related-post {
	margin: 0;
}
.related-posts-author,
.related-posts-author:hover {
	color: #666;
}

@media screen and (max-width: 850px) {
	.related-posts {
		margin: 0 7.5%;
	}
	.hentry ul.related-posts-list {
		margin: 0;
		padding: 0;
	}
	.hentry ul.related-posts-list li {
		padding: 0;
	}
	#content .related-posts .widget-title {
		width: 100%;
		margin: 14px 0;
	}
}

@media screen and (max-width: 550px) {
	.related-posts {
		margin: 0 5%;
	}
}


/**
 * Post Thumbnails and Icons
 */
.play-icon-wrapper {
	display: block;
	position: relative;
}
.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
}
.play-icon-small {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
}
.play-icon-medium {
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
}
.play-icon-large {
	width: 120px;
	height: 120px;
	margin-top: -60px;
	margin-left: -60px;
}

/* Edge cases - Need some pretty specific CSS to battle the specificity in the main code */

.icit-posts-menu-template-headline-standfirst-image-small .play-icon-wrapper {
	float: left;
}
.icit-posts-menu-template-headline-standfirst-image-small .play-icon-wrapper .play-icon-small {
	width: 40px;
	height: 40px;
}
@media screen and (max-width: 850px) {
	.icit-posts-menu-template-headline-standfirst-image-small .play-icon-wrapper,
	.icit-posts-menu-template-headline-standfirst-image-large .play-icon-wrapper {
		float: left;
		width: 25%;
		padding-right: 20px;
		margin-bottom: 7px;
	}
	.icit-posts-menu-template-headline-standfirst-image-small .play-icon-wrapper .wp-post-image,
	.icit-posts-menu-template-headline-standfirst-image-large .play-icon-wrapper .wp-post-image {
		width: 100%;
		padding-right: 0;
		margin-bottom: 0;
	}

	.icit-posts-menu-template-headline-standfirst-image-small .play-icon-wrapper .play-icon,
	.icit-posts-menu-template-headline-standfirst-image-large .play-icon-wrapper .play-icon {
		width: 60px;
		margin: -30px 0 0 -40px; /* Account for the 20px padding */
		padding: 0;
	}

	#sidebar .editorschoice .excerpt-big-image img {
		width: 100%;
	}
	#sidebar .editorschoice .excerpt-big-image .play-icon {
		width: 60px;
		margin: -30px 0 0 -30px;
	}
	#content .excerpt .excerpt-thumb .play-icon-medium {
		margin-top: -40px !important;
		margin-left: -40px !important;
		width: 80px;
		height: 80px;
	}
	#content .excerpt .excerpt-thumb .play-icon-small {
		width: 40px;
		height: 40px;
		margin-left: -20px !important;
		margin-top: -20px !important;
	}
}
@media screen and (max-width: 550px) {
	.icit-posts-menu-template-headline-standfirst-image-small .play-icon-wrapper .play-icon,
	.icit-posts-menu-template-headline-standfirst-image-large .play-icon-wrapper .play-icon {
		width: 40px;
		margin: -20px 0 0 -30px; /* Account for the 20px padding */
		padding: 0;
	}
}

.menu.asbos a {
	float: left;
}
.menu.asbos .play-icon-wrapper {
	float: left;
}
.menu.asbos .play-icon {
	background: transparent;
}

.icit-analytics-data-collection-widget .play-icon-wrapper {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 5px;
}
.icit-analytics-data-collection-widget .analytic-item img.play-icon {
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
}

/* Backgrounds for the full advert things */
.container_12 {
	background: #ffffff;
}

#dovetail_top_bar .container_12 {
	background: #252525;
}



/**
 * New Top Bar
 *
 * This is taken from the new design, so need to override some of the styles
 */
.desktop-bar,
.menu-bar {
	background: #eee;
}

.container {
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
}

.desktop-bar .container {
	position: relative;
}

#dovetail_menu_items {
	float: none;
}

@media screen and (max-width: 850px) {
	.desktop-bar {
		display: none;
	}
}


.bar-login {
	font-family:'Futura W01 Medium', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 0;
	text-align: right;
	display: none; /* As we're dependant on JS for the toggle, hide it until that's loaded */
}

.bar-login-button {
	background: #f5f5f5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
	display: inline-block;
	line-height: 36px;
	margin: 0;
	padding: 0 9px 0 12px;
}

.bar-login-button:hover {
	background: #fff;
}

.bar-login-button.active {
	background: #fff;
}

.bar-login .bar-login-button:after {
	background: transparent url('images/arrow-down.png') no-repeat center center;
	content: " ";
	display: inline-block;
	height: 13px;
	margin: -6px 0 0 6px;
	vertical-align: middle;
	width: 13px;
}
.bar-login .bar-login-button.active:after {
	background-image: url( 'images/arrow-up.png' );
}

.bar-login .subscribe-link {
	display: inline-block;
	font-family:'Futura W01 Heavy', 'Helvetica Neue', Arial, Sans-serif;
	line-height: 32px;
	margin-left: 9px;
}

.topbar-login-dropdown {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0 0 6px 6px;
	border-top: none;
	display: none;
	right: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 36px;
	width: 70%;
	z-index: 100;
}

.bar-nav {
	width: 100%;
	text-align: center;
}

.bar-menu {
	list-style: none;
	text-align: center;
}

.desktop-bar .bar-nav {
	font-size: 0;
}

.desktop-bar .bar-menu .menu-item {
	display: inline-block;
	font-family:'Futura W01 Heavy', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	line-height: 18px;
	padding: 0;
}
.desktop-bar .bar-menu .menu-item a {
	padding: 9px 18px;
	display: block;
	height: 100%;
	padding: 9px 18px;

}
.desktop-bar .bar-menu .menu-item a:hover {
	background: #DADADA;
}

.bar-menu .menu-item a:link { color: #333;}
.bar-menu .menu-item a:visited { color: #333;}
.bar-menu .menu-item a:hover { text-decoration: none;}

.bar-menu .menu-item.topbar-spec a:link { color: #d2091e; }
.bar-menu .menu-item.topbar-spec a:visited { color: #d2091e; }

.bar-menu .menu-item.topbar-culture a:link { color: #080; }
.bar-menu .menu-item.topbar-culture a:visited { color: #080; }

.bar-menu .menu-item.topbar-events a:link { color: #111; }
.bar-menu .menu-item.topbar-events a:visited { color: #111; }

.bar-menu .menu-item.topbar-health a:link { color: #6495ed; }
.bar-menu .menu-item.topbar-health a:visited { color: #6495ed; }

.bar-menu .menu-item.topbar-money a:link { color: #d2091e; }
.bar-menu .menu-item.topbar-money a:visited { color: #d2091e; }

.bar-menu .menu-item.topbar-life a:link { color: #111; }
.bar-menu .menu-item.topbar-life a:visited { color: #111; }

.bar-menu .menu-item a:hover { color: #D2091E;}
.bar-menu .menu-item a:active { color: #fff;}

.bar-menu .subscription { font-family:'Futura W01 Heavy', 'Helvetica Neue', Arial, Sans-serif; }
.bar-menu .subscription a:link { color: #D2091E; }
.bar-menu .subscription a:visited { color: #D2091E; }
.bar-menu .subscription a:hover { color: #c00; }
.bar-menu .subscription a:active { color: #f00; }

.section-home .desktop-bar .menu-bar li.topbar-spec a,
.section-culturehouse .desktop-bar .menu-bar li.topbar-culture a,
.section-health .desktop-bar .menu-bar li.topbar-health a,
.section-money .desktop-bar .menu-bar li.topbar-money a,
.section-life .desktop-bar .menu-bar li.topbar-life a {
	background: #FFF;
}

.desktop-bar .menu-bar li {
	float: none;
}

.topbar-login-dropdown {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0 0 6px 6px;
    border-top: none;
    display: none;
    right: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 36px;
	width: 260px;
    z-index: 100;
}
.dovetail-login-content {
	margin: 0;
	padding: 18px;
	overflow: auto;
}
.dovetail_sign_in .help {
	text-transform: none;
}

.dovetail-login-content input[type="submit"] {
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 0 0;
	padding: 9px 12px;
	width: 100px;
}
.dovetail-login-content input[type="submit"] {
	font-size: 14px;
	line-height: 14px;
	margin: 6px 0 12px 0;
	padding: 9px 12px;
	width: 100px;
}
.dovetail-login-content input[type="submit"] {
	font-size: 14px;
	line-height: 14px;
	margin: 6px 0 12px 0;
	padding: 9px 12px;
	width: 100px;
}
.dovetail-login-content input[type="submit"] {
	background: #015dc2;
	border: none;
	cursor: pointer;
	color: #fff;
	display: block;
	font-family: 'Futura W01 Medium', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 14px;
	margin: 6px 0 12px 0;
	padding: 9px 12px;
	text-transform: uppercase;
	width: 100px;
}
.topbar-login-dropdown .dovetail_sign_in input.web_id {
	border: 1px solid #CCC;
	margin: 0 0 10px;
	width: 212px;
	font-size: 1em;
	padding: 5px;
}
.topbar-login-dropdown .dovetail_sign_in input.web_id:focus {
	border: 1px solid #CCC;
}
.topbar-login-dropdown .dovetail_sign_in .text-field {
	width: auto;
	border: none;
	margin: 0;
}
.dovetail_sign_in img.loading {
	float: right;
	margin-top: 9px;
}
.dovetail_sign_in input[type=submit] {
	float: left;
}
.dovetail_sign_in .messages {
	clear: both;
}

/* Required changed for main menu as part of the top bar update */
#navigation li.menu-subscribe {
	background: #d2091e;
	float: right;
}
#mobile-main-nav li.menu-subscribe {
	background: #d2091e;
}
#navigation li.menu-mobile-only {
	display: none;
}
@media screen and (max-width: 850px) {
	#mobile-main-nav .mobile-nav-lev2 {
		padding-bottom: 0;
	}
}

/**
 * Updated Sidebar of Shame
 *
 * To increase the visibility of the sidebar of shame, we need to make it wider
 * Which also means maing the whole site wider on pages that have it
 * As a result, we need to widen the header, footer and a few other elements
 *
 * All pages that have the sidebar of shame, and therefore need these modifications
 * have the class 'has-sbos' on the body tag
 */
.has-sbos .container_12 {
	width: 980px; /* Even though it was 960px before, as the outer columns don't have padding, we just need to add 20px to make this work */
}

.has-sbos .desktop-bar .container {
	max-width: 1000px;
}
.has-sbos .desktop-bar .bar-login {
	right: 10px;
}
.has-sbos #site-search {
	float: right;
}

/* Override specific cases of .grid_12 */
.has-sbos #navigation,
.has-sbos #footer-ident,
.has-sbos #copyright,
.has-sbos #sub-copyright,
.has-sbos #credit-details,
.has-sbos .mobile_site_toggle {
	width: 100%;
}

.has-sbos #navigation-footer .menu-item {
	width: 146.666666px;
}

/* Updated sidebar styles */
.has-sbos #sbos_column {
	width: 200px;
}
.has-sbos #sbos_column .has-title-image {
	margin-top: 6px;
}
.has-sbos #sbos_column .has-title-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.has-sbos #sbos-menu-sidebar img {
	width: 100%;
	height: auto;
}
.has-sbos #sbos-menu-sidebar strong {
	font-weight: bold;
}

/* Update the responsive grid that we've broken */
@media screen and (max-width: 850px) {
	.has-sbos .container_12,
	.has-sbos #sbos_column {
		width: auto;
	}

	.has-sbos #sbos_column .has-title-image {
		margin-bottom: 6px;
	}

	.has-sbos #sbos_column .has-title-image img {
		width: auto;
	}

	.has-sbos #sbos_column .hentry {
		/*margin-left: 0;*/
	}

	.has-sbos #navigation-footer .menu-item {
		width: auto;
	}
}

@media screen and (max-width: 550px) {
	.has-sbos #sbos_column {
		margin-left: 5%;
		margin-right: 5%;
	}

	.has-sbos .widget-header-image {
		margin-top: 0;
	}
}

/**
 * Ensure consistent vertical spacing for tags, bottom promo and sponsored links
 * This also needs to work without the promo, as logged in users don't see that
 * To ensure that spacing is consistant, we'll only add spacing to the bottom of elements
 *
 * All of the rules related to Content Click are duplicated to work with the various IDs
 *
 * For the media queries, prefixing them with "body" makes them more specific than the tablet and mobile stylesheets
 * Allowing us to keep everything in one place
 */
.article-body .all-taxonomies {
	display: block;
	margin-bottom: 14px;
}
.article-promo {
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	width: auto;
}
.article-promo .ipadify {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 12px; /* Add 5 px to the existing 7 to account for the increased height due to the rotation */
}
#contentclick1105,
#contentclick1384,
#contentclick12070 {
	margin-bottom: 14px;
}

@media screen and (max-width: 850px) and (min-width: 551px) {
	body .article-body span.all-taxonomies {
		margin-bottom: 14px;
	}
	body .article-promo {
		margin-top: 0;
		margin-bottom: 14px;
	}
	body #contentclick1105,
	body #contentclick1384,
	body #contentclick12070 {
		padding-left: 7.5%;
		padding-right: 7.5%;
	}
}

@media screen and (max-width: 550px) and (min-width: 10px) {
	body .article-body span.all-taxonomies {
		margin-bottom: 14px;
	}
	body .article-promo {
		margin-top: 0;
		margin-bottom: 14px;
	}
	body #contentclick1105,
	body #contentclick1384,
	body #contentclick12070 {
		padding-left: 5%;
		padding-right: 5%;
	}
}

/**
 * Podcasts
 *
 * The email subscription form is overlapping the audio player
 * This is because it starts in the narrow column next to the content
 * And the rest flows below, so it takes up the whole space
 * And because it's later in the DOM, it covers everything
 * So all we need to do is clear the widget
 *
 * As we're only aware of this issue on podcast pages, we need a specific selector
 * But as the widget isn't in the post class, we can't target the categories to clear the widget
 * But doing the clearfix on the post has the same effect
 */
#content .category-the-view-from-22:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/**
 * Slide in widget
 *
 * Currently, this is in a 100% width wrapper, which causes anything behind it to not be editable
 * To ensure this bug doesn't get re-introduced, we're going to move the custom CSS here, and remove it from the plugin
 *
 * To get our CSS more specific than the plugins, which is loaded afterwards
 * We need to prefix all our rules with "body"
 */
body .wdsi-slide {
	width: auto;
	left: 50px;
}
body .wdsi-slide-wrap {
	float: left;
	z-index: 99;
}

/**
 * Audio Boom
 *
 * Add some bottom margin to the embeded audio player
 * But for some silly reason, the JS that injects the player removes the "ab-player" class
 * Most likely stop double initialisation
 *
 * So instead, we need to use attribute selectors
 */
div[data-boourl] {
	margin-bottom: 24px;
}