/*  
Theme Name: FreakyTrigger
Theme URI: http://freakytrigger.co.uk/
Description: 2020 rejig
Version: 6
Author: Alan Trewartha and Steve Mannion
Author URI: http://freakytrigger.co.uk/
	FreakyTrigger 2020 update
*/
/* THE GROUND RULES */

/* apply a natural box layout model to all elements */
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	margin: 0; /* necessary for sticky footer */
}
html, body {
	height: 100%; /* necessary for sticky footer */
	font-size:16px;}

body{	
	margin: 0 auto;
	color: #111;
	font-size:100%;
	margin: 0px;
	padding: 0px;
		font-family: 'Source Sans Pro', Helvetica, sans-serif;
		background: url(images/background-vtile.png) repeat-x #e1e1e1; }

a, a:link, a:visited	{text-decoration: none; color: #1a4e95;}
a:hover					{text-decoration: underline; }

h1, h2, h3, h4, h5
{	line-height: 1.25em;
		color: #111;
font-weight: normal !important;}

h1, h2 {
	font-size: 2em; 
	margin: 0 0 .25em 0; 
	letter-spacing: -.035em;}

h3 {
	margin: 0 0 1em 0;}

h1 {
text-align: left;
	display: block;
	width: 100%;
	margin: 0 auto 1.75em auto;
	border-radius: 1em;
	padding: 0 0 .5em 0;
	color: #1f253d;}

div.post img	{ max-width: 100%; min-width: 50%; height: auto; border-radius: .5em; }	/* don't break out of the column */
div.post img.wp-polls-image, div.post img.same_size { min-width: 1px; border-radius:0}
	
img.centered { display: block; margin-left: auto; margin-right: auto; }

a img {border:0}

img.downloadicon
{	padding:.5em; border:2px solid #1a4e95; border-radius:6px !important; 
	background-color:#fcfcfc;
	box-sizing: content-box;}

img.downloadicon:hover
{	background-color:#ddd;}
	
.right, .alignright, .left, .alignleft {	
	margin: .5em 0 .5em 1em;
	padding: 0; 
	float: right;
	width: 50%;}

.left, .alignleft  {	
	margin: .5em 1em .5em 0;
	float: left;
	width:50%;
	}

.size-medium,  {
	width: 100%;
	height: auto;
}

.wp-caption.alignleft, .wp-caption.alignright {
    width: 50% !important;
}
.wp-caption-text {
    font-size: .85em;
    padding: 5px;
}
.alignleft img.size-medium, .alignright img.size-medium {
    width: 100% !important;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*--------------------------------------------------------------
2.3 - Footer
--------------------------------------------------------------*/

#footer {
	float: left;
	color: #bbb;
	width: 100%;
	margin: 3em auto 0 auto;
	background: url(images/wave-greylight-down.png) repeat-x, url(images/bg-footer.png) repeat-x #394264;}	
#colophon {
	padding: 25px;}

#footer #footer-links {
	text-align: center;
	margin: 0 0 10px;}
#footer #footer-links ul li {
	display: inline;
	margin: 0 6px;}
#footer #credits {
	clear: left;
	margin: 0 0 10px;
	text-align: center;}

#footer h2, #footer h3 {
	font-family: 'Avenir LT Std 85 Heavy', Helvetica, Arial, sans-serif;
	font-size: inherit;
	letter-spacing: .25em;
	line-height: 135%;
	padding: .5em 0;
	text-transform: uppercase;
	text-align:center;
	color: #9FAACC;
	}
#footer h3 {
	font-size: 1em;
}
/*Footer*/
* html #ftr {height: 1px;}

#footerWrapper {width:90%; margin:2em auto; clear:both; float:none; max-width: 1200px; min-height: 200px; }
#ftr { clear:both;
float: left;
width: 100%;
padding: 0 0 2em 0;}

#ftr a {padding: 0 0 0 0; text-decoration: none; color: #11a8ab;}
#ftr a:hover, #ftr a:focus, #ftr a:active{text-decoration: underline;}

#ftr h4 {padding:0 0 0 4%; margin: 0; font-size:1.2em; font-weight:700; line-height:150%; }

#ftr ul
{	margin: 0;
	padding: 0;}

#ftr div.textwidget, #ftr > ul {
	list-style:none; 
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none; 
	line-height: 150%;
	padding:1em 0; 
	margin:0 0 1em 0; 
background: #1f253d; 
border-radius: 1em;}

#ftr li {list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0 .75em .5em; margin: 0; width: 100%;}

#ftr div.textwidget {padding: 1em .75em 1em ; margin: 0;}
#ftr li ul li {width: 100%;}

#ftr .hide{display:block;}

#footer .widget {min-width:200px; padding:0 1em}
/*Footer*/


.tall_img
{	max-height:350px;
	overflow: hidden;
	position:relative;
}

.tall_img:hover
{	max-height:none;
}

.tall_img_post
{	position:absolute;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	background: black;
	color: white;
	padding:6px 20px 6px 20px;
	opacity: 0.7;
}

.tall_img:hover .tall_img_post { display:none}

#header
{		margin: 0 auto;
	width: 100%;
	min-height:250px;
	font-size:1em;
	line-height: 150%;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	overflow: inherit;
	clear: both;
	background: url(images/background-vtile.png) repeat-x bottom #1f253d;}


#logo 
{	float: left;
	background-image: url(images/ft-logo-var1.png);
	background-repeat: no-repeat;
	background-size: 50px;
	margin: 10px;
	cursor:pointer;
	padding: 60px 1em 0 0;
	font-family: 'Avenir LT Std 85 Heavy', Helvetica, Arial, sans-serif;
	letter-spacing:-0.025em;
	font-size: 1em;
	line-height: 1.3;
	color: #11a8ab;
	z-index:2;
	width:33.3%;
	max-width:100px;}

#logo small 
{	font-size: 66.6%;
	color:#50587A;line-height: 2;}

#banner-highlight {
	color: #ddd;
float:left;
width:100%;}

#banner-highlight h2 {
    font-family: 'Avenir LT Std 95 Black', Helvetica, Arial, sans-serif;
	font-size: .75em;
    color: #9FAACC;
    letter-spacing: 0.05em;
    text-transform: uppercase;
	}

#banner-highlight h3 {
	margin: 5px 0 0 0;
	font-size: 1em;
	color:#ccc;}

.banner-highlight-popular, .banner-highlight-other {
	float: left;
	width:50%;}

.banner-highlight-popular span, .banner-highlight-other span {
	float: left;
	line-height: 150%;
	width: 100%; /* allowing for 6.6% spacing before featured image*/}

.banner-featured {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  height:150px;}

.banner-highlight-other {
	float: right;
	margin-bottom: 1em;}

#banner-highlight a:link, #banner-highlight a:visited {
	color: #11a8ab;}

.banner-img, .banner-featured {
/* background-image: none !important; */
  height: auto;
  display:none; /*visible above 480px */}

.banner-highlight-popular h2:after, .banner-highlight-other h2:after {
	display:none;}

nav {
position: relative;
	width: 100%;
	z-index:3;
	overflow: hidden;
		background: #e1e1e1;
	border-radius: 15px 15px 0 0;}

nav ul {
	float:left;
	-webkit-padding-start: 0;
	min-height: 64px;
	padding: 0 1%;}

nav ul li {	
float: left;
	display: inline;
	list-style: none inside;
	font-family: 'Avenir LT Std 95 Black', Helvetica, Arial, sans-serif;
font-size: .7em;
line-height: 2;
text-transform: uppercase;
	margin: 0 0 .65em .5em;
	border-radius: 1em;
	background-color: #394264;}

#searchform {
	float: right;
	width: 100%;
	margin: 0;
	padding: 10px 15px;}

#search {
    border: none;
    border-radius: 2em;
    width: 100%;
    font-size: 1.1em;
    padding: 10px 20px;
}
#curr_list {
	background: #fff url(images/wave-greylight.png) bottom repeat-x;
	padding-bottom: .5em;}
#curr_list > a {
	color:#fff !important;}
#container {
margin: 0 auto;
width: 96%;
max-width: 1200px;
	padding: 0;
	background: url(images/bg-footer.png) bottom no-repeat center;}

/* currently not in use
#primary {
	float: left;
width:65.6%;
	margin: 1em 1% 1em 0;}
*/

#secondary 
{	float: right;
width:100%;}

#content
{		float: left;
	width: 100%;}

#content h1, #content h2, #header h2, #header h3 {
    font-weight: 700 !important;
}

.is_author h1 img {display:none;}

div.post, div.page {
	text-align: left;
border-radius: 1.25em;
margin: 0 0 5em 0;
padding: 1em 1.5em;
background: #fcfcfc;
}
div.page {
	padding-bottom: 2em;}

div#archive_container, div.archive.feature
{	background-color: #eee;
	height:300px; width:100%;
	border-radius: 1em;
	overflow: hidden;	}

div.archive.feature
{	background-color: #FFFEFE;
	padding: 1.5em 1em 1em 1em;
	border-top-right-radius: 0;
	display:none;}

div.archive.feature p
{	font-size: .9em;}

div.archive.feature h2 {
	margin: 0; 
	display: block;
	font-family: 'OpenSansCondensedLight', sans-serif;
font-weight: 700 !important;
letter-spacing: -.015em !important;
font-size: 1.75em !important;
line-height: 150%;
text-transform: capitalize !important;
padding: .5em 0 0 0;}

#archive_pager { 
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 32px;
    position: relative;
    z-index: 1000;
    margin: 0 0 -.5em 0;
    padding: .5em 0 0 0;
}

.cycle-pager-active {
	color:#11a8ab;}

.editorial
{	font-style:italic;
	border-top: 2pt solid grey;
	border-bottom: 2pt solid grey;
	margin:1em;
	padding: 1em;}

.featured-more {
	text-align: center;
display: block;
background: #fff;
margin: 0 auto 1em auto;
padding: .5em 0;
width: 66.6%;
border-radius: 0 0 1em 1em;}

h3.archive_date {	
	background: #e64c65;
    border-radius: 50%;
    margin: -42px auto 0 auto;
    height: 84px;
    width: 84px !important;
    position: relative;
    bottom: -42px;
    padding: .6em .5em 0 .5em;
    text-align: center;
    text-transform: uppercase;
	color: #fff;
}
h3.archive_date_comments {	
	background-color: #e64c65;
    font-weight: 700 !important;
    margin: -42px auto 0 auto;
    position: relative;
    bottom: -13px;
    text-transform: uppercase;
    width: 100%;
}

h3.archive_date_comments {
	margin: 1.5em 0 0 1em;
	}

h3.archive_date span, h3.archive_date_comments span {
	float: left;
	width: 100%;}
h3.archive_date span:first-line, h3.archive_date_comments span:first-line
{	
font-size: 1.75em;
	line-height: 110%;
	display: block;	}

.content h3.archive_date {
	margin-top: 3em;}

.ft_featured_content_widget
{	line-height: 150%;
}
.ft_featured_content_widget h3.archive_date
{	position: absolute;
	right:8px; bottom:8px;
	z-index: 1000;}

.fadeout {
    position: absolute; 
    bottom: 0em;
    height: 5em;
    display:block;
    left:16px;
    right:16px;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 

/* archives page */
#post-12148 p
{	clear:left;
}
#post-12148 h3.archive_date
{	margin-top:12px;
}

#post-9408 table {border-collapse: collapse;}
#post-9408 td { padding:6px;}
#post-9408 table td:nth-child(1), #post-9408 table td:nth-child(2),
#post-9408 table th:nth-child(1), #post-9408 table th:nth-child(2)
{ white-space: nowrap; text-align: right}

#post-9408 table span.comment {color: #f44}

#post-9408 table tr:nth-child(even)
{ background-color: #ddd}

div.page h1, div.page h2, div.post h2 {
		clear:left; 
	text-align: center;
	margin: .5em 0;
	padding-top: 16px;
	font-size: 1.75em;}



a .more, .more a.more-link {
	float: right;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: #11a8ab;
clear:left;
font-size: 1.5em;
line-height: 130%;
min-height: 84px;
margin-bottom: -68px;
padding: .35em .5em 0 .5em;
text-align: center;
z-index: 100;
color: #fff !important; }

.more a:first-line,
a.more-link:first-line {
font-size: 2em;
line-height: 66.6%;}
.more a:hover,
a.more-link:hover {
	display: block; 
	cursor: pointer;
}

p > a.more-link {
	display:none;
/* blocks mis-formatted links to rest of article */
}

.top {
	float: right;
	margin: 1em 0;}
p.page-links
{	border-top: 1px solid #b8ced9;
	border-bottom: 1px solid #b8ced9;
	padding:2px;
	line-height: 140%;}

p.page-links a {text-decoration:none;}
p.page-links a:hover {background: #b8ced9; color:white;}
p.page-links span
{	padding: 0 2px 0 2px; margin:1px; }

.post_data { 
font-family: 'Avenir LT Std 95 Black', Helvetica, Arial, sans-serif;
font-weight: 700 !important;
font-size: .85em;
text-align:center;
text-transform: uppercase;
margin: .35em 0 1em 0;
color: #aaa;
}

.post p, .post ul li, .post ol li {
	line-height: 165%;
	padding-bottom: 1em;}

.post p a, .post ul li a, ul#sidebar div p a, .comment p a {
	color: #1a4e95;}

.post p:first-child  strong{
	display: block;
padding: .5em 0;}

.pop_score, .pop_total
{	background-color: #e64c65;
	color: white;
	font-weight: bold;
	text-align: center;
font-size: 1.5em;}

p.pop_score
{	float: right;
	clear: both;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: inline-block;
	line-height: 64px;
	margin: 0 0  1em 0;
	font-size: 2em;}

.postal_vote span.pop_score, .postal_vote span.pop_total
{
	display: inline-block;
	margin-left:3px;
	width: 48px;
		height: 48px;
	border-radius: 50%;
	display: inline-block;
	line-height: 48px;
	background-color: #394264;}

.postal_vote span.pop_score:hover				{	background-color: #e64c65; cursor: pointer;}
.postal_vote span.your_registered_vote,
.postal_vote span.pop_total						{	background-color: #e64c65; }
p.postal_vote  { text-align:right; 
float: right;
width: 100%;
}

.pop_score_index {
	width: 32px;
height: 32px;
color: #fff;
background: #394264;
border-radius: 50%;
text-align: center;
margin: 0;
display: inline-block;
line-height: 32px;
font-weight: 700;}

li.collapsing.archives .sym {
font-size: .85em;
font-family: sans-serif;
float: left;
padding: 0 5px;
cursor: pointer;
color: #11a8ab;
margin: 0;}

.wp-polls-paging span, .wp-polls-paging a {border:0 !important}
.wp-polls-paging span.current, .wp-polls-paging a { background:#11a8ab !important}
.wp-polls-paging span.current, .wp-polls-paging a, .page-links > span, .page-links a, .page-numbers, .jump {
	margin: 1em 0;
	font-family: 'OpenSansCondensedLight', 'Arial Narrow', Arial, sans-serif;
font-size: 1.5em;
text-align: center;
clear:left;
z-index: 100;
width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	line-height: 48px;}

.wp-polls-paging span.current, .wp-polls-paging a, .page-links > span, .page-links a, a.page-numbers, a.jump {
	background: #11a8ab;
color: #fff !important; }

.wp-polls-paging span.current {background: #ccc !important}

.current {
	background: #fcfcfc;
	color: #e64c65 !important; }

.wp-polls-paging span.current, .page-links > span {
	background: #ccc;
	color: #e64c65 !important; }

ul#sidebar
{	
	list-style: none;
	margin: 0;
	padding: 0;}

ul#sidebar > li {
	margin-bottom: 1em;}
ul#sidebar > ul {
	margin-bottom: 1.5em;}

ul#sidebar ul li
{	
	padding: .25em 0 .75em 0;
	line-height: 135% !important;}

.widget.Tumblr ul a {display:none !important }

ul#sidebar ul li a, .navigation span a {
font-weight: 600 !important;
    font-size: 1.25em !important;
    letter-spacing: -0.025em;
    line-height: 1.1;
    text-transform: capitalize !important;
display: block;
border-radius: .5em;}

.navigation span a {
font-size:1.25em !important;
letter-spacing: -.025em !important;}

li.collapsing.archives a:hover {
	background: pink;}
li.collapsing.archives a
{
	padding-left: .25em;}
/*
.navigation span a:first-letter {

	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #11a8ab;
font-family: 'OpenSansCondensedLight', 'Arial Narrow', Arial, sans-serif;
font-size: 1em;
padding: 10px .5em 0 .5em;
text-align: center;
z-index: 100;
color: #fff !important; 
}
*/

.post-date, .crp_date {
	text-transform: uppercase;
	display: block;
font-weight: 400 !important;
color: #666;
font-size: .9em;
margin: .25em 0;
}

span.crp_excerpt {
    font-size: .95em;
}

#footer .widget {
	float: left;}

.recent-comment {
	margin: 0 0 1.25em 0 !important;}

div#content div.recent-comment:after, li.recent-comment:after {
	display: none;}

.recent-comment-single, .commentlist li div:last-child {
padding: .75em 1em;
display: block;
width: 100%;
background: #fcfcfc;
border-radius: 1em;
margin: 0 0 0 0;
}

.recent-comment-single:hover {
background: #fff;
}
.commentlist li div:last-child {
min-height: 128px;
}

.commentlist li p, .recent-comment-text {
	font-size: .95em;
	padding-bottom: 1.25em;
}

.commentlist li p img {
    max-width: 50%;
}


.recent-comment-text {
	color: #111 !important;
	text-decoration: none !important;
}
.recent-comment-author {
    position: relative;
    font-size: .8em;
    display: inline-block;
    margin: 0px 16px -1.5em 0;
    padding: 6px 35px 0 15px;
    background: url(images/icon-comment.png) no-repeat;
    background-position: top right;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.6;
    color: #1f253d !important;
    font-family: 'Avenir LT Std 95 Black', Helvetica, Arial, sans-serif;
}

.recent-comment-avatar {
	padding: 0 !important;
}
.recent-comment-avatar img {
	display: none;
}

div#content .recent-comment {
	float: left;
	width: 100%;
}

div#content .recent-comment-single {
padding: 1em;
display: block;
width: 100%;
background: #fcfcfc;
border-radius: 1em;
margin: 0 0 0 0;

}

div#content span.comment_post_title
{
font-size: 1.15em;
background: #1f253d;
margin: 1em 0 -1em 0;
padding: .5em 1em 1.35em 1em;
display: block;
width: 90%;
color: #11a8ab;
border-radius: 1em 1em 0 0;
}


#get-recent-comments span.rp_post_title
{	
font-size: 1.1em;
background: #1f253d;
margin: .5em 0 -1em 0;
padding: .5em 1em 1.1em 1em;
display: block;
width: 95%;
color: #11a8ab;
border-radius: 1em 1em 0 0;
}

#recent-posts-3 ul, #get-recent-trackbacks div, #category-info div, #ft-category-links ul,
#author-last-fm div, #author-top-reads ul, #author-bio div, #ft-related-posts ul,
#sidebar .widget_text > div, #sidebar .widget_text ul, .ft_cover_star div,
#collapsarch-2 > ul, #polls > div, #polls > ul, #popular-this-week ul,
.ft_author_spotify_widget > div, .ft_spotify_widget > div, #seriestoc-3 ul,
.ft_author_flickr > div, .widget.Tumblr, #wpt-latest-tweets-2 ul
{
padding: 1em;
background: #fcfcfc;
border-radius: 1em;
margin: 0 0 10px 0;
}



.widget.Tumblr ul {padding:0}
.widget.Tumblr ul li {text-align:center}

.ft_author_spotify_widget > div iframe; .ft_spotify_widget > div iframe
{	display: block;
	margin-left: auto;

    margin-right: auto;}

.widget_polls .wp-polls-form p {
	font-size: 1.15em;
	line-height: 150%;
	padding-bottom: 1em;
}
    .widget_polls .wp-polls-form li {
    	font-size: .85em !important;

    }


.widget img { max-width:100%; }
#category-info div p, #author-bio div
{	padding-bottom:1em;
	line-height: 165%;
}



#lastfmrecords_outer div
{	margin-left:auto !important;
	margin-right:auto !important;
}

    #lastfmrecords        { padding: 0px; padding-bottom: 10px; }

    /* thx to http://cssglobe.com/lab/overflow_thumbs/ */
    #lastfmrecords ol,
      #lastfmrecords li        { padding: 0; list-style: none; }
    #lastfmrecords li          { float: left; margin: 0px 5px 5px 0px; }
    #lastfmrecords a           { display: block; float: left; width: 64px; height: 64px; line-height: 64px; overflow: hidden; position: relative; z-index: 1; }
    #lastfmrecords a img       { float: left; position: absolute; margin: auto; height: 64px; min-height: 64px;}
    /* mouse over */
    #lastfmrecords a:hover     { overflow:visible; z-index:1000; border:none; }
    #lastfmrecords a:hover img { border: 1px  solid #999; background: #fff; padding: 3px; margin-top: -32px; margin-left: -32px; min-height: 128px; min-width: 128px}


#ft-featured-content > h2 > a {font-size: .8em;}

.commentlist
{ 
	
}

ol.commentlist {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
    list-style-position: inside;
	padding: 0; 
	margin-top: 0;
	line-height: 150%;

}
ol.commentlist > li {
    position:relative; /* Create a positioning context */
    margin:0 0 .5em 0; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
ol.commentlist > li > div > span
{
    width:32px;
    height: 32px;
    display: block;
    color:#fff;
    background:#394264;
    border-radius: 50%;
    text-align:center;
    margin: -1.35em 0 0 0;
    padding:4px;
    font-family: 'OpenSansCondensedLight', sans-serif;
    font-size: 1.25em;
    z-index: 100;
}

li.commentlist ol,
li.commentlist ul {margin-top:6px;}
ol.commentlist ol li:last-child {margin-bottom:0;}



ul#sidebar h2, .textwidget h3 {
    font-family: 'Avenir LT Std 95 Black', Helvetica, Arial, sans-serif;
    font-size: 80%;
    letter-spacing: .25em;
    line-height: 150%;
    padding: 1.3em 0;
    text-align: center;
    color: #1f253d;
    text-transform: uppercase;
    opacity: .75;
}

.archive > h2 {
	font-family: inherit !important;
    padding: 0 !important;
}
#get_recent_comments_wrap {
	margin: -.75em 0 0 0;
}

li.widget_get_recent_comments ul, ul.bwp-rc-ulist, #get-recent-trackbacks ul
{padding:0}

#get_recent_comments_wrap ul a:hover {
	text-decoration: none;
}

ul#sidebar ul, ul#members-list, ul#activity-stream, div.item-list-tabs ul, ul#sidebar div ul
{	
	margin-left:0;
	list-style: none;
}
ul#sidebar .last_fm_stats img
{margin:4px;}
div.item-list-tabs
{	margin:0 !important;
	background-color:transparent !important;
}

div.item-list-tabs#subnav
{	margin-bottom:6px !important;
}

div.item-list-tabs ul li.current a
{	background-color:transparent !important;
	border-bottom:3px solid #ccc;
}

div.pagination
{	margin-top:0 !important;
}



.navigation
{	
	background-color: #fff;
	padding: 1.25em;
	font-size: 1.25em;
	border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	-moz-border-radius:1.25em;
	margin: -20px 0 20px 0;
	clear: both
}

.navigation span  { 
	float: left; 
	width: 50%; 
	line-height: 150%;
}

.navigation span:last-child {
	text-align: right;
}


.addtoany_share_save_container {
	float: right;
	margin: 2em 0;
}


h3.comments {
font-size: 1.75em;
line-height: 1.35;
padding: .5em 0 0 0;
color: #394264;
margin: 1em 0;
}

h3.comments span
{margin-left: 20px; }



.comment-author, .post .fn {

font-family: 'OpenSansCondensedLight', sans-serif;
font-weight: 700 !important;
text-transform: uppercase;
color: #444;
line-height: 150%;
margin: .5em 0;
letter-spacing: 0.05em;

}
#commentform img.avatar, .comment-author img.avatar, .edit_comment
{	float:right; 
	
	text-align: right;

}

p.stork {
	font-size: .8em;
	padding-bottom: 1em;
}

.avatar
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: 0 0 0 1em; 
	width: 84px;
	height: auto;
	opacity: .75;
	background: #ddd;
}



.comment, .pingback
{	margin:0; padding: 10px 0; }


.comment.odd, .pingback.odd
{	}


.comment.even, .pingback.even
{	}


.fn {
	font-style: normal;
	font-size: 1.2em;
	letter-spacing: 0;
}

.reply {
	float: right;
	clear: all;
	margin: -1em 0 0 0;
	border-radius: 50%;
	font-size: .9em;
	display: none;
}
form#commentform textarea
{	width: 100%;
	height: 150px;
	background: #fff;
	max-width: 100%;
	
}
form#commentform value {
	color: #666;
}
form input, form textarea { 
	padding: .5em;
		font-family: 'Source Sans Pro', Helvetica, sans-serif;
		border-radius: 1em;
		border: 0;
		margin: 0 0 1em 0;
		font-size: 1.25em;
}

form#commentform input[type="text"] {	
	width: 33.3%; 
	margin-right: 1em; 
	padding: .5em .75em;
}

form#commentform label {	
	font-style: normal; 
display: inline-block; 
width: 5em; 
padding-right:1em;
}

form#commentform span.required { 
	color: #666; 
font-size: .75em;
}


input[type="submit"]
{	
	background: #099;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
border: 0;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: normal;
cursor: pointer;
overflow: visible;
display: inline-block;
margin: 1em 0;
font-size: 1em;
}

input[type="submit"]:active {	background-color: #555;}




table#wp-calendar
{	line-height: 180%;
	width:100%;
	border-collapse: collapse;
}

.widget_calendar
{	
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom: 3em !important;
}

#calendar_wrap {
	background: #1f253d;
	border-radius: 1em;
	font-family: 'OpenSansCondensedLight', sans-serif;
font-size: 1em;
text-transform: uppercase;
}

#calendar_wrap caption {
font-size: 1.25em;
letter-spacing: 0.1em;
padding: .25em;
line-height: 150%;
border-radius: .75em .75em 0 0;
background: #e64c65; 
color: #eee;
}

#wp-calendar thead tr {color: #999; opacity: .85;}
table#wp-calendar tbody {color: #a8afcd; font-size: 1.25em;}
#wp-calendar td, table#wp-calendar th {	text-align:center; width:14%; padding: .25em 0;}
#wp-calendar a
{	
	text-decoration:none;
	border-radius: 50%;
	background: #11a8ab;
	color: #fff;
	height: 40px;
	width: 40px;
	line-height: normal;
	display: inline-block;
	font-size: 1.25em;
	padding: .25em 0 0 0;
	
}

#wp-calendar tbody {
	
}
#wp-calendar tfoot {

}
#wp-calendar tfoot #prev a, #wp-calendar tfoot #next a {
		height: 64px !important;
	width: 64px !important;
	padding: .75em 0 0 0 !important;
	margin: 0 0 -1.5em 0;
	font-size: 1.5em;
}
#wp-calendar a:hover
{	
	text-decoration: underline;
	background: #fff;
	color: #11a8ab;
	
}

div.page table {
	margin-bottom: 1.5em;
	border-spacing: 1px;
}

div.page tbody {
font-size: .8em;
}
div.page tr:first-child {
	background: #1f253d;
	color: #fcfcfc;
}

/* http://freakytrigger.co.uk/the-pop-world-cup-2014-a-classified-results-service-and-statistical-breakdown/ */
div.page#post-26277 tr:last-child {
	background: #394264;
	color: #fcfcfc;
} 

div.page tr:first-child a:link, div.page tr:first-child a:visited {
	color: #11a8ab;
	font-weight: 700;
}
div.page tr {
	background: #eee;
} 
div.page td {
	padding: .25em .35em;
	
} 
div.page tr a:link, div.page tr a:visited {
	color: #1a4e95;
}

div.page {}

div.flickr_badge_image
{float:left; margin:2px; height:75px; overflow: hidden}

li#author-flickr:after, li#author-flickr > div:after, .post:after, .navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* populist */

div#post-5712 ul, div#post-5712 ol
{	list-style:none; margin:0; padding:0;
	font-weight: bold; margin-top:10px;
}

div#post-5712 ul li {
}
div#post-5712 ul li ul {
	margin: .5em 0 1em 0;
	width: 95%;
}

div#post-5712 ul li ul li, div#post-5712 ul li ol li
{	font-weight: normal; 
	font-size: .95em;
padding: 3px 0; 
line-height: 150%;
}

div#post-5712 ul li ol li
{	list-style-type:decimal-leading-zero;
	margin-left:30px;
}

#post-5712 ul li.ten { }
#post-5712 ul li.ten span.pop_score_index {background: #e64c65 !important; }
#post-5712 ul li span:first-child { display: inline-block; width: 10em; }
#post-5712 ol li span:first-child { display: inline-block; width: 3em; }

.persist-header {border-color: #ddd !important;}

.two_columns
{	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

li#seriestoc-3 li.serieslist-current-li
{	background: #11a8ab;
padding: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0 0 8px -4px;
}

li#seriestoc-3 li.serieslist-current-li a
{color: white}

div.callout
{ float:right; width:50%; margin-left:20px; margin-bottom:20px}


div.callout_head
{	background: #888; color: white; padding:5px 10px 5px 10px;}

div.callout_body
{	padding:5px 10px 5px 10px; border: 1px solid #888}

div.post tr.head {text-align:left}
div.post td {padding-right: 6px}

#jtw_list {border:0px !important;}
#jtw_list center {display:none;}

a.archive_bubble
{	display: block;
	float:left;
    margin: 0 .5em 3em;
    width: 98px;
    height: 98px;
	line-height:128px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}

a.archive_bubble span
{
display: block;
position: absolute;
bottom: 0;
text-align: center;
line-height: 150%;
margin: 0 0 -2em 0;
width: 100%;
}


div#content.is_home img.morezoom
{	height:200px;
}

.is_single, .is_home {
	margin: 0.25em 0 0 0;
}

.bboard {
	margin: 0 !important;
}
.bboard h1 {
	margin: 0;
	padding: 0;
}

.pop_meta
{	
	color: #1f253d;
	font-weight: bold;
	text-align: center;
}

.wp-polls ul li
{	margin-bottom:4px;
}

.wp-polls ul li div.pollbar
{	margin-top:-5px;
}

.wp-polls .pollbar {
	margin: 1px;
    font-size: 6px;
    line-height: 6px;
    height: 10px;
    background-image: url(http://freakytrigger.co.uk/wordpress/wp-content/plugins/wp-polls/images/default/pollbg.gif);
    background-size: 4px;
}

.audio_tmi_stats
{ padding-top:3px;
	font-variant:small-caps;
	font-size:16px;
}

.audio_tmi_stats_inline
{	margin-top:-12px;
}

.audio_tmi_stats a
{	padding-right:36px; }

.audio-playlist
{	border: 2px solid grey !important;
	background-image:url('/wordpress/wp-content/themes/ft2009/images/steel-mesh-small.png') !important;
}

.now-playing
{	background: white !important;
	border: 1px solid grey !important;
	padding:4px;
	border-radius:4px;
}

.jp-interface
{	height:60px !important;}

.jp-progress
{	margin-top:4px;
}


img.aligncenter.size-full, 
.post iframe {
    width: 100%;
    margin: 0 0 1em 0;
}


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

	nav {line-height:90%; }
	#searchform input {margin:0}



.banner-highlight-popular span, .banner-highlight-other span {
	float: left;
	width: 97.5%;
	line-height: 150%;
	margin: 0 2.5%;
}


.banner-img {
	width:25%;
	max-width:100px;
}
.banner-img, .banner-featured {
	float: right;
	margin: 0;
	width: 80px;
	height:80px;
}

}

@media only screen and (min-width: 480px) {
.banner-highlight-popular, .banner-highlight-other {
    width: 48%;
    margin: 0 1% 1em 1%;
    text-align:right;
}
.banner-highlight-popular span, .banner-highlight-other span {
	width: inherit;
}

.banner-img, .banner-featured {
  display:inline; /*visible above 480px */
}
.size-medium {
	width: 50%;
}
}

@media only screen and (max-width : 767px) {
	#header {position:relative;}
	nav {
		position:absolute;
		top:10px; right:0px; width:75%;
		background:none;
	}
	#searchform, nav li {padding:0 0 0 8px !important}
	nav li {padding:0 10px !important}
	#searchform {margin-bottom: 10px !important;}
	nav li#curr_list
	{	background:none !important;
		background-color:#394264 !important;
		border-radius: 1em !important;
		color:#fff;
	}	
	nav a {		color:#11a8ab !important;	}


}

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

#content {
width: 65%;
}

#secondary {
width: 33.3%;
}

#header	{	
	margin: 0 auto;
	width: 100%;
	min-height:200px;
	font-size:1em;
	line-height: 150%;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	overflow: inherit;
	clear: both;
	/*
		background-image: url(images/bg-header.png); 
		background-repeat: no-repeat;
		background-size: cover;
		*/
}


#banner-highlight {
	min-height: 140px;
	color: #ddd;
float: right;
width: 80%;
margin: 0 0 1.1em 0;}


.banner-highlight-popular span, .banner-highlight-other span {
	float: left;
	width: 45%;
	line-height: 150%;
	font-size: .9em;}

.banner-img {
	float: right;
	margin: 1em 1em 0 0;
	max-width: 150px;
	width:25%;}

.banner-img, .banner-featured {
	float: right;
	margin: 0;
	width: 125px;
	height:125px; margin-bottom:15px}

.banner-featured {
	max-width: 150px;}

.banner-highlight-other {
	float: right;
	margin-bottom: 0;}

.banner-highlight-popular, .banner-highlight-other {
	float: left;
	width: 45%;
	margin: 1em 0 0 5%;}


.banner-img {
	float: right;
	margin: 0;}

#searchform {
	float: right;
	width: 33.3%;
	margin: 0;
	padding: 10px 15px;}

#search {
	float: right;
	border: none;
	border-radius: 1em;
	}

.gsc-control-cse {
	background: #fff !important;
	border-radius: 1.5em !important;}

.gsc-results .gsc-cursor-box .gsc-cursor-page,
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
cursor: pointer;
margin-right: .25em;
width: 32px;
height: 32px;
background: #11a8ab;
border-radius: 50%;
border: none;
display: inline-block !important;
color: #fff !important;
text-decoration: none !important;
line-height: 24px;
}

.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
background: #fff !important;
border: 1px solid #11a8ab !important;
color: #11a8ab !important;}


ul#sidebar {	
	margin: 0 0 0 1em;}

#ftr li { 
	width: 33.3%;}

div.page h1, div.page h2, div.post h2 {
	font-size: 2em;}


#logo {
	background-size: 50%;
    margin: 15px 15px 0;
    padding: 80px 0 0 0;
    font-size: 1.35em;
    color: #11a8ab;
    width:15%;
    max-width:150px;}

nav ul li {
    margin: 1em .25em;
    border-radius: 1em;
    background-color: transparent;
    padding:.5em .5em;
    font-size: .75em;
    line-height:1.75;}

#curr_list > a {
    color: #11a8ab !important;}

} 
@media only screen and (min-width: 980px) {
.banner-highlight-popular span, .banner-highlight-other span {
	width: 49%;}

nav ul li {
	font-size: .9em;}

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

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;    }



.banner-highlight-other {
	float: right;
	margin-bottom: 0;}
.banner-highlight-popular, .banner-highlight-other {
	float: left;
	width: 45%;
	margin: 1em 0 0 5%;}

.banner-highlight-popular span, .banner-highlight-other span {
	float: left;
	width: 60%;
	line-height: 150%;
	font-size: 1em;}

#banner-highlight h3 {
	margin: 5px 0 0 0;
	font-size: 1.25em;}

.banner-img, .banner-featured {
	float: right;
	margin: 0 0 0 0;}

#wpadminbar {background-color: #113 !important;}