/* #######################################################################

	Theme Name: Listverse 2013
	Description: Another custom build from Fhoke.
	Author: Fhoke
	Author URI: http://www.fhoke.com
	Version: 1.1.2
	Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images

########################################################################

	0.  	Webfonts
	0.1  	CSS Reset, Font setup and Plugins
	1.		WordPress defaults
	2.		Typography & Text colours
	3.		Mobile Layout
	4.		Tablet Layout
	4.1.	Typography & Text colours
	5.		Desktop Layout
	5.1. 	Plugin - Superfish
	5.2.	Typography & Text colours
	6.		Enhanced Layout
	6.1.	Typography & Text colours
	7.		Retina and High DPI Devices
	8.		Print

/* #######################################################################

	0.  Webfonts

####################################################################### */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2013 09:29:55 AM America/New_York */
@font-face {
    font-family: 'TitilliumBold';
    src: url('assets/webfonts/TitilliumText25L001-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L001-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L001-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L001-webfont.svg#TitilliumBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumMedium';
    src: url('assets/webfonts/TitilliumText25L002-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L002-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L002-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L002-webfont.svg#TitilliumMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumRegular';
    src: url('assets/webfonts/TitilliumText25L003-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L003-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L003-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L003-webfont.svg#TitilliumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumLight';
    src: url('assets/webfonts/TitilliumText25L004-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L004-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L004-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L004-webfont.svg#TitilliumLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumThin';
    src: url('assets/webfonts/TitilliumText25L005-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L005-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L005-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L005-webfont.svg#TitilliumThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumExtraBold';
    src: url('assets/webfonts/TitilliumText25L-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L-webfont.svg#TitilliumExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}	

/* #######################################################################

	0.1  CSS Reset, Font setup and Plugins

####################################################################### */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px/1.231 sans-serif;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
html{overflow-y:scroll;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul,nav li{list-style:none;list-style-image:none;margin:0;}
small{font-size:85%;}
strong,th{font-weight:700;}
td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre{white-space:pre-wrap;word-wrap:break-word;padding:1em;}
textarea{overflow:auto;max-width:100%;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
input[type="radio"],.ie6 input{vertical-align:text-bottom;}
em,i { font-style: oblique; }
input[type=text], input[type=button], input[type=submit], button { -webkit-appearance: none; border-radius: 0; }

/* #######################################################################

	1.	WordPress defaults

####################################################################### */

.alignnone {
margin:0;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter,
 div.aligncenter,
 .aligncenter {
display:block;
margin:5px auto;
}
.alignright,
 a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft,
 a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.sticky {}
.gallery-caption { 
font-style: oblique;
}
.bypostauthor .avatar { 
border-color: #ccc; 
}


/* #######################################################################

	2.	Typography & Text colours

####################################################################### */

/*body {
font: 16px/1.5 "TitilliumRegular", Arial, Helvetica, sans-serif;
color: #6d6d6d;
}*/

body {
font: 16px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #6d6d6d;
}


.imgcred { font-size: 70%; text-align: right; font-color: gray; }
a, .title-category:hover, .the-article span.author a:hover, .the-article a:hover {
color: #6d6d6d;
text-decoration: none;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a:hover, .title-category, .meta a:hover, footer small a:hover, article:hover h3 a, article:hover h4 a, .the-article aside:hover h4 a, .the-article span.author a, .the-article a, .authors .new.the-article article:hover h3 a, .authors .new.the-article .meta a:hover, .navigation ul li .curr {
color: #d24d33;
text-decoration: none;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
article:hover a img, aside:hover a img {
opacity: 0.8;
filter: alpha(opacity=80);
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.single article:hover a img, .single aside:hover a img {
opacity: 1;
filter: alpha(opacity=100);
}
img {
max-width: 100%;
height: auto;
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
a img {
border: none;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
color: #343434;
}
.toolbar, .toolbar a {
color: #fff;
}
.toolbar .follow-top .follow {
font-size: 16px;
}
.head .head-title {
color: #fff;
font-size: 16px;
}
.head, a.btn, span.btn a, button, input.gsc-search-button, .title-category, time, .meta, .meta a, .sharing, span.author a, .new.the-article.full-width .about-staff h3, article small, .info-panel h3, .gsc-tabHeader.gsc-inline-block, label.mainlabel, a.mobile-tab, .submit-thanks h5 {
text-transform: uppercase;
}
a.btn, span.btn a, .title-category, time, span.author a, footer small, .the-article .title-category, button {
font-size: 14px;
}
/*
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .the-article aside h4 a, .info-panel strong, .authors .new.the-article h3 a {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
line-height: 1.2;
color: #343434;
}*/

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .the-article aside h4 a, .info-panel strong, .authors .new.the-article h3 a {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 1.2;
color: #343434;
}


.amzn { display: none; }


/*footer small {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
color: #999;
}*/


footer small {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #999;
}

footer small a {
color: #343434;
}
.new h3, .picks h3 {
font-size: 24px;
}
.current .title-category, .current time, .picks .title-category, .picks time, .asides aside .title-category, .asides aside time {
font-size: 12px;
}
h4, footer {
font-size: 16px;
}
time, .meta, .meta a, .authors .new.the-article .meta a {
color: #9a9a9a;
}
.current .head a {
font-size: 16px;
color: #fff;
}
.current .head .choice-recent a, .current .head .choice-popular a {
font-size: 12px;
}
strong, a.mobile-tab, .head, .submit-thanks h5 {
font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
font-weight: 400;
}
.the-article h1, .the-article .itemheading, .submit-thanks h5 {
font-size: 36px;
line-height: 1;
}
.the-article p {
margin-top: 1em;
float: left;
width: 100%;
}
.the-article .author-bio p {
float: none;
width: auto;
text-align: justify;
}
.the-article h2, .the-article .itemheading {
font-size: 22px;
}
.the-article h2 span, .the-article .itemheading span, label.mainlabel {
color: #fff;
font-size: 36px;
font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
}
.sharing, .new.the-article.full-width .about-staff h3 {
font-size: 14px;
}
.author-bio span.author a {
font-size: 18px;
}
label.mainlabel {
font-size: 16px;
}
.author-bio p {
margin-top: 0;
}
.author-links {
line-height: 29px;
font-size: 90%;
}
article .author-links a {
text-indent: 0;
background: none;
float: none;
}
.author-links span {
padding-right: 10px;
}
.author-links a {
padding-right: 5px;
}
.new.the-article.full-width h1, .page-template-template-about-php .new.the-article.full-width h2, .page-template-template-books-php .new.the-article.full-width h2 {
text-align: center;
}
.new.the-article.full-width h1, .page .the-article h1 {
font-size: 36px;
}
.page-template-template-about-php .new.the-article.full-width h2, .page-template-template-books-php .new.the-article.full-width h2 {
margin-top: 0;
}
.new.the-article.full-width h2 {
margin-top: 1em;
}
.new.the-article.full-width h2, .page .new.the-article h2 {
font-size: 24px;
border: none;
}
.page .new.the-article h2 {
margin-top: 1em;
padding-top: 0;
margin-bottom: 0;
font-size: 24px;
border: none;
}
article small {
font-size: 70%;
}
.info-panel {
font-size: 16px;
}
.info-panel h3 {
font-size: 18px;
text-align: center;
}
.author-title, .author-title a {
color: #25272a;
font-size: 24px;
}

/* #######################################################################

	3.	Mobile Layout

####################################################################### */

body {
background: #eaeaea;
}
header {
background: #25272a;
}
footer {
background: #fff;
}
.current, .picks, .authors .author-bio {
background: #f0f0ed;
}
section, article, aside {
display: block;
width: 100%;
}
.the-article .asides .head .head-title, .page .head .random, .home .head .random, .page .the-article .head, .page .the-article .head .head-title,  .archive .the-article .head, .archive .the-article .head .head-title {
display: inline-block;
}
#overlay, #wpstats, .picks, .toolbar nav, .current, .ga, .column.menu, .column.social, .head .share, .the-article .head .head-title, .tab-recent, .toolbar .follow-top, .page-template .current,  .single .random, .sizeythingy  {
display: none;
}
.wrapper {
float: left;
width: 100%;
}
header {
float: left;
width: 100%;
background: #25272a;
}
.new .head {
background: #d24d33;
}
.head {
float: left;
width: 100%;
padding: 10px 0;
min-height: 36px;
}
.current .head, .asides .head {
background: #3b8dbd;
}
.current .head ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.current .head ul li {
padding: 0;
margin: 0;
}
.current .head .choice-recent, .current .head .choice-popular {
float: right;
}
.new {
float: left;
width: 100%;
background: #fff;
}
.new article, .current article, .picks article, .asides, .new.the-article .author-articles article {
float: left;
width: 94%;
margin: 20px 3% 0 3%;
padding-bottom: 20px;
border-bottom: 1px solid #dddddb;
}
.comments, #disqus_thread {
float: left;
width: 94%;
padding: 20px 3%;
}
.head .head-title {
margin-left: 20px;
margin-top: 7px;
float: left;
}
.head a.btn, span.btn a {
float: right;
margin-right: 7px;
}
.head span.btn a:last-of-type, a.btn.random {
margin-right: 20px;
}
.single a.btn.random {
margin-right: 7px;
}
.head span.btn.next a {
margin-left: -14px;
}
.new .pagination {
float: left;
width: 94%;
margin: 20px 3% 0 3%;
padding-bottom: 20px;
}
footer {
float: left;
width: 94%;
padding: 20px 3% 20px 3%;
}
footer small {
float: left;
width: 100%;
display: block;
padding: 12px 0 20px 0;
}
footer small span {
display: block;
padding-top: 20px;
}
.twitter, .facebook, .pinterest, .rss {
float: left;
margin-top: 5px;
margin-left: 20px;
display: inline-block;
text-indent: -999999em;
width: 20px;
height: 20px;
background-image: url(assets/img/social-footer.png);
background-repeat: no-repeat;
}
footer .social a:first-of-type {
margin-left: 0;
}
.twitter {
background-position: 0 0;
}
.twitter:hover {
background-position: 0 -40px;
}
.facebook {
background-position: -52px 0;
}
.facebook:hover {
background-position: -52px -40px;
}
footer .social .pinterest {
background-position: -102px 0;
}
footer .social .pinterest:hover {
background-position: -102px -40px;
}
footer .social .rss {
background-position: -152px 0;
}
footer .social .rss:hover {
background-position: -152px -40px;
}
.current article, .asides aside {
padding-bottom: 10px;
border-color: #fff;
}
.current article img, .asides aside img {
float: left;
margin-right: 6.230529595016%;
max-width: 85px;
}
.current article .title-category {
float: left;
display: block;
margin-top: -2px;
clear: right;
width: 61.573529411765%;
}
.current article {
margin-left: 6.230529595016%;
margin-right: 6.230529595016%;
width: 87.538940809968%;
}
.new article, .new .pagination, .authors .new.the-article .author-articles, .authors .author-bio {
margin-left: 4.474272930649%;
margin-right: 4.474272930649%;
width: 91.051454138702%;
}
.home .new article img, .authors .new article img {
width: 100%;
}
.current .head {
padding: 0;
min-height: 56px;
}
.current .head .choice-recent a, .current .head .choice-popular a {
width: 62px;
height: 22px;
padding-top: 34px;
display: inline-block;
float: left;
text-align: center;
background-image: url(assets/img/popular.png);
background-position: 23px 12px;
background-repeat: no-repeat;
-o-transition: background-color 0.25s ease-in;
-webkit-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
transition: background-color 0.25s ease-in;
}
.current .head .choice-popular a {
background-position: -38px 12px;
}
.current .head .choice-recent a.tab-active, .current .head .choice-popular a.tab-active, .current .head .choice-recent a:hover, .current .head .choice-popular a:hover {
background-color: #56a6d4;
-o-transition: background-color 0.25s ease-in;
-webkit-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
transition: background-color 0.25s ease-in;
}
.current .head .head-title, .asides .head .head-title {
padding-top: 10px;
}
/* Buttons */
a.btn, span.btn a, button, input.gsc-search-button {
font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
display: inline-block;
border: 2px solid #b53c24;
padding: 7px 12px 5px 12px;
vertical-align: middle;
line-height: 1.4;
color: #fff !important;
background-color: #d24d33;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a.btn:hover, span.btn a:hover, button:hover, input.gsc-search-button:hover {
background-color: #e2563a;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a.btn.large {
width: 100%;
padding-left: 0;
padding-right: 0;
font-size: 18px !important;
float: left;
display: block;
text-align: center;
margin-bottom: 10px;
}
input.gsc-search-button {
font-size: 18px !important;
}
a.share, span.btn a.share {
background-image: url(assets/img/share.png);
background-position: 8px 50%;
background-repeat: no-repeat;
padding-left: 28px;
}
.new.the-article article {
border-bottom: none;
}
.page .the-article h1 {
border-bottom: 1px solid #dddddb;
padding-bottom: 10px;
}
.the-article h2, .the-article .itemheading {
border-top: 1px solid #dddddb;
padding-top: 10px;
color: #343434;
}
.itemheading + p {
margin-top: 0;
}
.itemheading p {
width: auto;
}
.single article h2 + p {
margin-top: 0;
}
.the-article.full-width h2 {
border-top: none;
padding-top: 0;
margin-top: 0;
color: #343434;
}
.the-article h2 span, .the-article .itemheading span {
float: left;
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #d24d33;
margin: 0 10px 0 0;
}
.the-article h2, .the-article .itemheading {
float: left;
width: 100%;
margin-top: 30px;
padding-top: 12px;
}
.page-template-template-submit-php .asides {
background: none;
}
.sharing {
float: left;
width: 100%;
margin: 14px 0 0 0;
padding: 14px 0;
border-top: 0px solid #dddddb;
border-bottom: 0px solid #dddddb;
text-align: right;
}
.author-bio {
float: left;
width: 100%;
margin: 0px 0 0px 0;
padding: 2px 0;
padding-top: 15px;
border-top: 1px solid #dddddb;
text-align: center;
}
.author-bio span.author a {
margin-top: 10px;
display: block;
}
.promote
{
padding-top: 25px;
border-top: 1px solid #dddddb;
font-size: 16px;
}
.asides aside {
float: left;
padding-top: 14px;
margin: 0 7.142857142857%;
width: 85.714285714286%;
border-bottom: 1px solid #fff;
}
.asides {
background: #f0f0ed;
border-bottom: 0;
margin-top: 40px;
margin-bottom: 20px;
}
.asides .head {
text-align: center;
}
.asides .head .head-title {
float: none;
margin: 0;
}
.one_half,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
width: 100%;
margin: 0;
}
.new.the-article .intro {
float: left;
width: 100%;
margin: 0 0 40px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #dddddb;
}
.about-content {
margin-bottom: 40px;
}
.about-staff .profile {
float: left;
width: 100%;
padding-bottom: 10px;
}
.about-staff img {
float: left;
margin-right: 20px;
}
.new.the-article.full-width .about-staff h2 {
text-align: left;
float: none;
width: auto;
}
.the-article .author-bio img {
width: 122px;
height: 122px;
}
.about-staff a {
margin-left: 5px;
}
.about-staff a:first-of-type {
margin-left: 0;
}
.profile-content {
float: left;
width: 100%;
}
.divide {
float: left;
width: 100%;
height: 1px;
border-bottom: 1px solid #dddddb;
margin: 30px 0 20px 0;
}
.new.the-article.full-width h1 {
padding-bottom: 20px;
border-bottom: 1px solid #dddddb;
}
::-webkit-input-placeholder {
color: #adadaf;
}
:-moz-placeholder {
color: #adadaf;  
}
::-moz-placeholder { 
color: #adadaf;  
}
:-ms-input-placeholder {  
color: #adadaf;  
}
.follow-top form input.emailaddress, .search-top form input, .submit-form input, .submit-form textarea, input.gsc-input  {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
font-size: 16px;
width: 100%;
padding: 8px 4px;
border: 1px solid #dddddb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.follow-top form input:hover.emailaddress, .search-top form input:hover, .submit-form input:hover, .submit-form textarea:hover, .submit-form input:active, .submit-form textarea:active, .submit-form input:focus, .submit-form textarea:focus {
border-color: #d24d33;
color: #33363b;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
} 
.submit-form .sm input, .submit-form .sm label {
width: auto;
padding: 0;
float: left;
vertical-align: middle;
line-height: 1;
}
.submit-form .sm label {
margin-left: 4px;
}
.submit-form .sm:after {
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.submit-form label, .submit-form .note {
font-size: 14px;
}
.submit-form .note {
color: #6d6d6d;
}
.submit-form .divide {
padding: 0;
margin-bottom: 0;
}
.info-panel {
float: left;
padding: 20px 6.010928961749%;
width: 87.978142076502%;
background: #f0f0ed;
margin-bottom: 20px;
}
.info-panel ul {
padding: 0;
margin-left: 0.5em;
}
.info-panel h3 {
border-bottom: 1px solid #fff;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
}
table.gsc-search-box td {
background: #33363b;
padding: 15px;
}
input.gsc-input {
padding: 10px 15px !important;
font-size: 24px;
}
td.gsc-clear-button {
width: 20px !important;
}
.gsc-tabsArea {
background: #3b8dbd;
padding: 0;
}
.gsc-tabHeader.gsc-tabhInactive.gsc-inline-block, .gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
padding: 10px 20px;
background: #3b8dbd;
border: none;
border-right: 1px solid #fff;
margin-top: 0;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.gsc-tabHeader.gsc-inline-block {
color: #fff !important;
}
.gsc-tabHeader.gsc-inline-block.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive.gsc-inline-block:hover {
background: #56a6d4;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.gsc-tabHeader.gsc-tabhInactive:last-of-type {
display: none;
}
.gsc-result-info-container {
background: #3B8DBD;
float: left;
width: 100%;
margin-top: -12px;
}
.gsc-result-info {
color: #fff !important;
}
.page-template-template-search-php article {
position: relative;
}
.gsc-webResult .gsc-result {
padding: 20px 0;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
font-size: 14px !important;
}
#cse * {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
}
.gsc-clear-button {
display: none;
}
.gs-title a, .gs-title a, .gs-title b, .gs-result .gs-title, .gs-result .gs-title * {
font-size: 20px !important;
color: #343434 !important;
border: none !important;
text-decoration: none !important;
}
.gs-title a:hover, .gs-title a:hover, .gs-title b:hover, .gs-result:hover .gs-title:hover, .gs-result:hover .gs-title *:hover, .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-short {
color: #d24d33 !important;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.gsc-cursor {
float: left;
width: 100%;
text-align: center;
padding: 20px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
text-decoration: none !important;
margin-left: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:first-child {
margin-left: 0;
}
table.gsc-branding, table.gcsc-branding {
float: left;
}
.authors .author-bio {
margin-top: 20px;
text-align: center;
padding: 40px 0;
border: none;
}
.authors .author-bio img {
float: none;
margin: 0;
}
.authors .the-article .author-bio img {
width: auto;
height: auto;
}
.authors .author-bio span {
display: block;
}
.authors .author-bio span.author-links, .authors .the-article .author-bio p {
text-align: center;
}
.author-social {
margin-top: 45px;
padding-top: 20px;
border-top: 1px solid #fff;
}
.author-social a {
float: none;
}
.author-social a:first-of-type {
margin-left: 0;
}
section.pagenotfound {
float: left;
width: 100%;
min-height: 700px;
background-image: url(assets/img/404-320.jpg);
background-position: -2px -2px;
background-repeat: no-repeat;
background-size: cover;
}
a.search-top {
background: url(assets/img/search.png) 50% 50% no-repeat;
display: inline-block;
width: 48px;
text-indent: -9999em;
border-left: 1px solid #5c5d5f;
}
a:hover.search-top, a.search-top.active {
background-color: #33363b;
}
.search-top {
position: relative;
}
.search-top-reveal {
position: absolute;
top: 50px;
left: -99999em;
z-index: 2;
background: #33363b;
width: 280px;
padding: 15px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.search-top-reveal.active {
right: -7px;
left: auto;
}
.search-top-reveal form input {
width: 62%;
margin-right: 10px;
}
.choice-categories {
position: relative;
z-index: 4;
}
.choice-categories ul {
position: absolute;
top: 56px;
left: -999999em;
background: #56a6d4;
text-transform: capitalize;
width: 172px;
padding: 14px !important;
}
.choice-categories ul.active {
left: 4px;
}
.choice-categories ul li {
display: block;
padding: 0;
line-height: 1em;
margin-top: 0.75em !important;
}
.choice-categories ul li:first-child {
margin-top: 0 !important;
}
.choice-categories ul li a {
padding-left: 30px !important;
height: auto;
}
.choice-categories ul li a:hover {
opacity: 0.7; 
filter: alpha(opacity=70);
}
.choice-categories .head-title.active {
}
.head .choice-categories .head-title {
padding: 0;
margin: 0;
}
.head .choice-categories .head-title a, .head .choice-categories .head-title a.selected {
float: left;
display: inline-block;
padding: 16px 25px 16px 16px;
margin-left: 4px;
background: url(assets/img/arrow-down.png) 93% 45% no-repeat;
}
.head .choice-categories .head-title a.active {
background-color: #56a6d4;
}
.social-share {
position: relative;
display: inline-block;
float: right;
}
.social-share a {
position: relative;
z-index: 7;
}
.btn.share.active {
border-bottom: #E2563A;
background-color: #e2563a;
}
a.btn.share {
-o-transition: border 0s ease-in;
-webkit-transition: border 0s ease-in;
-moz-transition: border 0s ease-in;
transition: border 0s ease-in;
}
.post-share {
position: absolute;
z-index: 5;
top: 31px;
left: -99999em;
width: 200px;
background: #E2563A;
padding: 10px;
margin: 0;
list-style-type: none;
border: 2px solid #b53c24;
text-align: left;
}
.post-share.active {
right: 7px;
left: auto;
}
.post-share li {
float: left;
width: 50%;
margin: 4px 0;
}
.post-share a, .post-share a:hover {
color: #fff;
text-transform: capitalize;
font-size: 16px;
}
.post-share a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.post-share a {
background: url(assets/img/social-white.png) 0 0 no-repeat;
padding-left: 23px;
}
.post-share a.share-twitter {
background-position: 0 0;
}
.post-share a.share-facebook {
background-position: 0 -36px;
}
.post-share a.share-google {
background-position: 0 -152px;
}
.post-share a.share-pinterest {
background-position: 0 -72px;
}
.sharing .post-share.active {
right: 0;
}
.sharing .social-share {
margin-left: 10px;
}
.sharing .share-info {
float: right;
display: inline-block;
line-height: 40px;
}
.mobile-more, .more-more {
width: 46px;
height: 50px;
text-indent: none;
float: left;
margin-left: 6px;
background: url(assets/img/mobile.png) 50% 50% no-repeat;
display: inline-block;
text-indent: -9999em;
}
.more-more {
background: url(assets/img/arrow-grey.png) 50% 50% no-repeat;
border-left: 1px solid #5c5d5f;
position: absolute;
top: 0;
right: 50px;
}
.mobile-more:hover, .mobile-more.active, .more-more:hover, .more-more.active {
background-color: #33363b;
}
nav.mobile, .mobile ul ul, .mobile ul li:last-child, nav.more {
display: none;
}
nav.mobile, nav.more {
position: absolute;
top: 50px;
left: 0;
z-index: 6;
background: #33363b;
width: 90%;
padding: 20px 5% 10px 5%;
}
nav.mobile ul li, nav.more ul li {
border-bottom: 1px solid #5c5d5f;
line-height: 1em;
padding: 2px 0 8px 0;
margin: 6px;
display: block;
float: left;
width: 100%;
}
nav.mobile ul li.load-weird {
margin-bottom: 0;
border-bottom: none;
}
nav.mobile ul li a, nav.more ul li a {
color: #fff;
padding-left: 32px;
display: block;
}
nav.more ul li a {
padding-left: 0;
}
header .toolbar {
float: right;
display: inline-block;
}
header .logo {
float: left;
width: 140px;
margin: 15px 0 0 5px;
}
a.search-top {
padding: 13px 0;
}
header .wrapper {
float: left;
width: 83%;
}
li.icon-entertainment,
li.icon-movies,
li.icon-pop,
li.icon-music,
li.icon-arts,
li.icon-gaming, 
nav.mobile .load-entertainment {
background-image: url(assets/img/icons-entertainment.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-movies {
background-position: 6px -36px;
}
li.icon-pop {
background-position: 6px -73px;
}
li.icon-music {
background-position: 6px -110px;
}
li.icon-arts {
background-position: 6px -146px;
}
li.icon-gaming {
background-position: 6px -182px;
}
li.icon-science,
li.icon-animals,
li.icon-world,
li.icon-technology,
li.icon-space,
li.icon-humans,
nav.mobile .load-science {
background-image: url(assets/img/icons-science.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-animals {
background-position: 6px -36px;
}
li.icon-world {
background-position: 6px -73px;
}
li.icon-technology {
background-position: 6px -110px;
}
li.icon-space {
background-position: 6px -146px;
}
li.icon-humans {
background-position: 6px -182px;
}
li.icon-general,
li.icon-facts,
li.icon-misconceptions,
li.icon-books,
li.icon-history,
li.icon-miscellaneous,
nav.mobile .load-general {
background-image: url(assets/img/icons-general.png);
background-repeat: no-repeat;
background-position: 6px 4px;
}
li.icon-facts {
background-position: 6px -32px;
}
li.icon-misconceptions {
background-position: 6px -69px;
}
li.icon-books {
background-position: 6px -106px;
}
li.icon-history {
background-position: 6px -142px;
}
li.icon-miscellaneous {
background-position: 6px -178px;
}
li.icon-society,
li.icon-crime,
li.icon-politics,
li.icon-religion,
nav.mobile .load-society {
background-image: url(assets/img/icons-society.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-crime {
background-position: 6px -36px;
}
li.icon-politics {
background-position: 6px -73px;
}
li.icon-religion {
background-position: 6px -110px;
}
li.icon-lifestyle,
li.icon-food,
li.icon-sport,
li.icon-travel,
li.icon-health,
nav.mobile .load-lifestyle {
background-image: url(assets/img/icons-lifestyle.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-food {
background-position: 6px -36px;
}
li.icon-sport {
background-position: 6px -73px;
}
li.icon-travel {
background-position: 6px -110px;
}
li.icon-health {
background-position: 6px -146px;
}
li.icon-weird,
li.icon-bizarre,
li.icon-creepy,
li.icon-mysteries,
nav.mobile .load-weird {
background-image: url(assets/img/icons-weird.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-bizarre {
background-position: 6px -36px;
}
li.icon-creepy {
background-position: 6px -73px;
}
li.icon-mysteries {
background-position: 6px -110px;
}
a.mobile-tab {
float: left;
display: block;
width: 50%;
background: #25272a;
color: #fff;
font-size: 16px;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
text-align: center;
padding: 14px 0;
border-top: 1px solid #66686c;
}
a:hover.mobile-tab, a.mobile-tab.active {
background: #33363b;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.show {
display: block;
}
.hide {
display: none;
}
.navigation .wrapper {
float: left;
width: 100%;
}
.navigation {
text-align: center;
}
.navigation ul {
padding: 0;
margin: 0;
list-style-type: none;
margin: 0 auto;
}
.navigation ul li {
display: inline;
margin-left: 10px;
}
.navigation ul li:first-child {
margin-left: 0;
} 
.nav-next {
float: right;
}
.nav-previous {
float: left;
}
.nav-previous, .nav-next {
margin-top: -2.6em;
} 
.error404 header {
padding-bottom: 0;
}
.pagenotfound-overlay {
float: left;
background: #000;
background: rgba(37,39,42,0.75);
width: 90%;
padding: 45px 5% 10px 5%;
color: #fff;
}
.pagenotfound-overlay h1 {
margin: 40px 0 0 0;
font-size: 36px;
color: #d24e33;
}
.pagenotfound-overlay h2 {
font-size: 36px;
color: #81b964;
margin-top: 25px;
}
.pagenotfound-overlay article {
float: left;
width: 100%;
margin: 0 0 18px 0;
padding-bottom: 18px;
border-bottom: 1px solid #fff;
}
.pagenotfound-overlay article img {
float: left;
margin-right: 10px;
}
.pagenotfound-foot {
margin-bottom: 50px;
}
.pagenotfound-overlay article a, .pagenotfound-overlay article time {
color: #fff;
}
.pagenotfound-overlay article a.title-category {
color: #d24e33;
}
.adman {
float: left;
width: 100%;
padding: 0px 0;
text-align: center;
}
#thanks-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
display: none;
}
.submit-thanks {
margin: 17% auto 0 auto;
border: 2px solid #d9d9d9;
background: #f0f0ed;
width: 316px;
padding: 0 0 30px 0;
text-align: center;
}
.submit-thanks h5 {
padding-top: 158px;
background: url(assets/img/smile.png) 50% 64px no-repeat;
}
.submit-thanks a.btn {
margin-top: 45px;
font-size: 18px;
}
.post-thumb {
display: block;
text-align: center;
padding: 10px 0 30px;
}
.post-thumb img {
width: 50%;
}
.authors .author-bio {
margin-bottom: 40px;
}
.authors .the-article .author-bio p {
padding-left: 20px;
padding-right: 20px;
}

/* #######################################################################

	4.	Tablet Portrait Layout

####################################################################### */

@media screen and (min-width: 768px) {
.page-template-default .new.the-article article {
min-height: 700px;
}
.post-thumb img {
width: auto;
}
body {
font-size: 18px;
}
.itemheading + p {
margin-top: 0;
}
.wrapper, header .wrapper {
width: 100%;
margin: 0 auto;
transition: width .5s linear;
-o-transition: width .5s linear;
-moz-transition: width .5s linear;
-webkit-transition: width .5s linear;
}
header .logo {
float: none;
position: absolute;
top: 0;
left: 60px;
}
a.search-top {
width: 58px;
}
.search-top-reveal.active {
right: 0;
}
.search-top-reveal form input {
width: 77%;
}
.column.menu, .current, .head .random, .head .share, .the-article .head .head-title, .show, .hide, .toolbar .follow-top {
display: block;
}
.top-nav, .single .current, .mobile-tabs, nav.more, a.more-more {
display: none;
}
header .toolbar {
width: 35%;
}
a.search-top {
float: right;
padding: 12px 0;
}
a.follow {
padding: 3px 0;
}
.mobile-more {
position: absolute;
top: 0;
left: 0;
}
.ga {
float: right;
width: 100%;
display: inline-block;
text-align: center;
}
.ga.rect {
display: block;
border-top: 1px solid #66686c;
background: #33363b;
padding: 32px 0 26px 0;
}
.ga.rect.in-footer {
float: left;
width: 100%;
padding: 20px 0;
background: none;
border: none;
}
.ga.square {
float: left;
width: 100%;
display: block;
padding: 10px 0 0 0;
margin: 0;
text-align: center;
}
.search-top-reveal {
width: 475px;
}
.current {
float: left;
width: 41.796875%;
margin: 0;
}
.new, .authors .new.the-article {
width: 58.203125%;
margin: 0;
}
.toolbar {
background: #26272b;
}
.toolbar .follow-top {
float: right;
}
.follow-top {
position: relative;
}
.follow-reveal {
position: absolute;
top: 45px;
left: -999999em;
width: 515px;
border: 2px solid rgba(0,0,0,0.15);
border-top: none;
color: #9a9a9a;
font-size: 14px;
background: #33363b;
z-index: 8;
}
.follow-reveal.active {
right: 0;
left: auto;
}
.follow-reveal ul {
float: right;
background: #33363b;
margin: 0;
padding: 0;
list-style-type: none;
width: 135px;
}
.follow-reveal label {
color: #4d4d4d;
font-size: 14px;
float: left;
margin: 8px 10px 0 0;
}
.follow-reveal input {
float: left;
margin: 10px 6px 0 0;
}
.follow-reveal ul li {
display: block;
width: 100%;
float: left;
}
.follow-reveal ul a {
text-indent: 0 ;
}
.follow-submit {
float: left;
width: 100%;
margin: 10px 0;
}
.inbox-top {
float: left;
width: 350px;
padding: 15px;
background: #f0f0ed;
}
.inbox-top a, .inbox-top label.mainlabel {
color: #d24d33 !important;
}
.inbox-top a:hover {
color: #4d4d4d !important;
}
.inbox-top label.mainlabel {
padding-left: 24px;
background: url(assets/img/email.png) 0 2px no-repeat;
}
.follow-reveal ul {
margin-top: 28px;
}
.follow-reveal ul li a {
background: url(assets/img/social-white.png) 0 3px no-repeat; 
margin-bottom: 10px;
padding-left: 30px;
font-size: 16px;
}
.follow-reveal ul li a.twitter {
background-position: 0 3px;
}
.follow-reveal ul li a.facebook {
background-position: 0 -34px;
}
.follow-reveal ul li a.pinterest {
background-position: 0 -70px;
}
.follow-reveal ul li a.rss {
background-position: 0 -108px;
}
.follow-top {
background: url(assets/img/arrow-topnav.png) 94% 50% no-repeat;
padding: 10px 20px 10px 0;
}
.follow-top:hover, .follow-top.active {
background-color: #33363b;
}
.follow-top .follow {
background: url(assets/img/social-white-horiz.png) 25px 40% no-repeat;
padding-left: 69px;
display: inline-block;
}
footer {
padding-top: 40px;
}
footer nav ul li {
margin: 0.25em 0;
}
footer .column {
float: left;
width: 35.82967032967%;
margin-left: 8.653846153846%;
}
footer .column.copyright {
margin-left: 0;
}
footer .column.menu {
width: 22.32967032967%;
}
.new.the-article, .new.the-article.full-width {
width: 100%;
}
.new.the-article article, .asides-holder {
width: 82.291666666667%;
margin-left: 8.59375%;
}
.the-article h2 span, .the-article .itemheading span {
width: 70px;
height: 70px;
line-height: 70px;
}
.asides aside {
margin: 0 3.164556962025%;
width: 43.264659270998%;
}
.new.the-article .author-articles {
float: left;
width: 82.291666666667%;
margin-left: 8.59375%;
}
.new.the-article .author-articles article {
width: 100%;
margin-left: 0;
border-bottom: 1px solid #dddddb;
}
.author-bio {
text-align: left;
}
.author-bio span.author a {
margin-top: 10px;
display: inline;
}
.author-bio img {
float: left;
margin-right: 3.486529318542%;
}
.the-article .itemheading p {
padding: 0;
margin: 0;
}
.one_half {
width:48%;
}
.one_third {
width:30.66%;
}
.two_third {
width:65.33%;
}
.one_fourth {
width:22%;
}
.three_fourth {
width:74%;
}
.one_fifth {
width:16.8%;
}
.two_fifth {
width:37.6%;
}
.three_fifth {
width:58.4%;
}
.four_fifth {
width:67.2%;
}
.one_sixth {
width:13.33%;
}
.five_sixth {
width:82.67%;
}
.one_half,
 .one_third,
 .two_third,
 .three_fourth,
 .one_fourth,
 .one_fifth,
 .two_fifth,
 .three_fifth,
 .four_fifth,
 .one_sixth,
 .five_sixth {
position:relative;
margin-right:4%;
float:left;
}
.last {
margin-right:0 !important;
clear:right;
}
.clearboth {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
}
section.pagenotfound {
background-image: url(assets/img/404-768.jpg);
}
.pagenotfound-overlay {
float: right;
width: 350px;
padding-left: 20px;
padding-right: 20px;
}
.gsc-result-info-container {
float: right;
width: auto;
margin-right: 20px;
margin-top: -53px;
}

/* #######################################################################

	4.1.	Typography & Text colours

####################################################################### */

footer h5 {
text-transform: uppercase;
}
footer h5 {
color: #d24d33;
font-size: 18px;
}
footer nav a {
color: #343434;
}
.the-article .title-category {
font-size: 16px;
}
.the-article h1, .the-article h2 span, .the-article .itemheading span {
font-size: 52px;
}
.the-article h2, .the-article .itemheading {
font-size: 28px;
line-height: 1.1;
}
.author-bio {
font-size: 16px;
}
}

/* #######################################################################

	5.	Desktop Layout

####################################################################### */

@media screen and (min-width: 1024px) {
.ga.rect {
width: auto;
}
.ga.rect.in-footer {
padding-top: 0;
}
a.search-top {
padding: 10px 0;
}
.mobile, .mobile-more, .error404 .logo {
display: none;
}
.top-nav, .toolbar nav, .picks, footer .column.social, .single .current, .right-col, .toolbar .follow-top, .page-template .current {
display: block;
}
header .toolbar {
position: fixed;
top: 0;
left: 0;
z-index: 99;
}
.ipad header .toolbar {
position: relative;
top: auto;
left: auto;
}
header {
background: #33363b;
padding-top: 36px;
padding-bottom: 46px;
}
.ipad header {
padding-top: 0;
padding-bottom: 56px;
}
.wrapper, header .wrapper {
float: none;
width: 978px;
margin: 0 auto;
}
header wrapper, footer .wrapper {
width: 940px;
}
header .toolbar {
float: left;
width: 100%;
border-bottom: 1px solid #66686c;
}
ul#menu-main {
margin-left: 10px;
}
.toolbar nav ul li {
display: inline;
}
.search-top-reveal {
top: 45px;
}
.toolbar .search-top {
float: right;
}
a.follow {
padding: 0;
}
header img.logo {
position: relative;
top: auto;
left: auto;
width: 190px;
height: auto;
margin: 62px 0 62px 2.044989775051%;
}
.ga.rect {
float: right;
margin-right: 2.044989775051%;
margin-top: 34px;
padding: 0;
border: none;
display: inline-block;
}
.main {
float: left;
width: 100%;
margin-bottom: 0;
background: #f0f0ed;
margin-top: -56px;
}
.current {
width: 32.822085889571%;
}
.new {
width: 33.640081799591%;
}
.picks, .author-bio {
width: 33.537832310838%;
}
article .author-bio {
width: 100%;
}
.picks, .author-bio {
float: left;
}
.picks .head {
background: #82b964;
}
.new article, .new .pagination {
margin-left: 6.079027355623%;
margin-right: 6.079027355623%;
width: 87.841945288754%;
}
.picks article {
margin-left: 6.09756097561%;
margin-right: 6.09756097561%;
width: 87.80487804878%;
}
footer .column {
width: 26.944680851064%;
margin-left: 7.717021276596%;
}
footer .column.menu, footer .column.menu-2, footer .column.social {
width: 15.531914893617%;
}
footer .column.social {
float: right;
}
footer .column.social ul, footer .column.social ul li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline-block;
}
footer .column.social ul li {
margin-left: 17px;
}
footer .column.social ul li:first-child {
margin-left: 0;
}
.new.the-article, .authors .new.the-article {
width: 67.177914110429%;
}
.new.the-article article, .asides-holder {
margin-left: 4.474272930649%;
margin-right: 4.474272930649%;
width: 91.051454138702%;
}
.new.the-article.full-width article {
margin-left: 1.4306151645205%;
margin-right: 1.4306151645205%;
width: 97.138769670959%;
}
.about-content {
float: left;
width: 65.979381443299%;
margin-bottom: 0;
}
.about-staff {
float: right;
width: 31.811487481591%;
}
.about-staff .profile {
width: 100%;
}
section.pagenotfound {
background-image: url(assets/img/404-1024.jpg);
}
section.pagenotfound .inner {
float: left;
width: 100%;
margin: 0;
padding: 0;
min-height: 1900px;
}

.contributor
{
	display: none;
}

/* #######################################################################

	5.1. Plugin - Superfish

####################################################################### */

nav.top-nav ul ul {
position: absolute;
top: -999em;
width: 13em;
text-align: left;
z-index: 3;
background: #33363b;
padding: 20px 10px 10px 10px;
margin-top: 8px;
height: 221px;
border: 2px solid rgba(0,0,0,0.15);
border-top: none;
}
nav.top-nav ul ul ul {
margin-top: 4px;
}
nav.top-nav ul ul li {
width: 100%;
float: left;
display: block;
line-height: 1em;
margin: 0.25em 0;
}
nav.top-nav ul li:hover {
visibility: inherit;
}
nav.top-nav ul li,
nav.top-nav ul a {
position: relative;
}
nav.top-nav ul li:hover ul,
 nav.top-nav ul li.sfHover ul {
left: 0;
top: 1.5em;
z-index: 99;
}
nav.top-nav ul li:hover ul li ul,
 nav.top-nav ul li.sfHover ul li ul {
left: 14em;
}
nav.top-nav ul li:hover ul ul {
left: 13em;
}
nav.top-nav ul li:hover li ul,
 nav.top-nav ul li.sfHover li ul {
top: -999em;
}
nav.top-nav ul li li:hover ul,
 nav.top-nav ul li li.sfHover ul {
left: 7em;
top: 0;
}
nav.top-nav ul li li:hover li ul,
 nav.top-nav ul li li.sfHover li ul {
top: -999em;
}
nav.top-nav li.sfHover a { 
text-decoration: none; 
}
nav.top-nav ul ul li a, nav.top-nav li.sfHover li a { 
text-decoration: none; 
background: none;
color: #fff;
}
nav.top-nav ul li ul li a { 
text-decoration: none; 
padding: 0;
display: block;
background: none;
border-bottom: none;
}
nav.top-nav ul ul li:first-child a { 
padding: 0;
border-top: none; 
}
nav.top-nav ul ul a:hover { 
text-decoration: underline; 
}
nav.top-nav {
float: left;
}
nav.top-nav ul li a {
padding: 10px 20px 10px 8px;
margin-right: 0;
display: inline-block;
background: url(assets/img/arrow-topnav.png) 93% 50% no-repeat;
}
nav.top-nav ul li a:hover, nav.top-nav ul li.sfHover a {
background-color: #33363b;
}
nav.top-nav ul li ul li a, nav.top-nav ul li.sfHover ul li a {
display: inline;
width: auto;
padding-right: 14px;
background: url(assets/img/arrow-double.png) 100% 57% no-repeat;
text-decoration: none;
}
nav.top-nav ul li ul li a:hover, nav.top-nav ul li.sfHover ul li a:hover {
color: #8d8e92;
}
nav.top-nav ul li ul li {
padding: 2px 0 10px 33px;
margin: 4px 0 4px 0;
}
nav.top-nav ul ul li.nav-posts {
position: absolute;
top: 0;
right: -350px;
width: 350px;
height: 100%;
padding: 0;
margin: 0;
background: #f0f0ee;
border: 2px solid rgba(0,0,0,0.15);
border-top: none;
}
nav.top-nav ul li:last-of-type ul li.nav-posts {
display: none;
}
nav.top-nav ul li ul li.nav-posts article { 
float: left; 
height:auto; 
padding: 0 0 10px 0; 
margin: 20px 20px 0 20px; 
border-bottom: 1px solid #fff; 
width: 320px; 
}
nav.top-nav ul li ul li.nav-posts article a { 
float: none; 
padding: 0; 
margin: 0; 
display: inline; 
background: none; 
}
nav.top-nav ul li ul li.nav-posts article img { 
float: left; 
margin-right: 10px; 
}
nav.top-nav ul li ul li.nav-posts article * {
font-size: 16px !important;
}
nav.top-nav ul li ul li.nav-posts article .meta *, nav.top-nav ul li ul li.nav-posts article .title-category {
font-size: 12px !important;
}
nav.top-nav ul li ul li.nav-posts article h3 a {
color: #343434;
}
nav.top-nav ul li ul li.nav-posts article .title-category, nav.top-nav ul li ul li.nav-posts article h3 a:hover {
color: #d24d33;
}
nav.top-nav ul li.load-entertainment ul {
width: 11em;
}
nav.top-nav ul li.load-science ul {
width: 11.75em;
}
nav.top-nav ul li.load-society ul {
width: 7.75em;
}
nav.top-nav ul li.load-lifestyle ul {
width: 8.5em;
}
nav.top-nav ul li.load-weird ul {
width: 8em;
}
nav.top-nav ul li.load-none ul {
width: 8em;
height: auto;
}
nav.top-nav ul li.load-none ul li {
padding-left: 0;
}
nav.top-nav ul li.load-none ul li {
padding-left: 0;
}
nav.top-nav ul li.load-none ul li a {
background: none !important;
padding-right: 0;
}


/* #######################################################################

	5.2.	Typography & Text colours

####################################################################### */

header {
font-size: 16px;
}
.picks span.author a, .picks time, .picks .title-category {
font-size: 14px;
}
}

/* #######################################################################

	6.	Enhanced Layout

####################################################################### */

@media screen and (min-width: 1440px) {
.wrapper {
transition: width .5s linear;
-o-transition: width .5s linear;
-moz-transition: width .5s linear;
-webkit-transition: width .5s linear;
}
.wrapper {
width: 1398px;
}
header .wrapper, footer .wrapper {
width: 1358px;
}
.current {
width: 22.961373390558%;
}
.new {
width: 48.068669527897%;
}
.new.the-article, .authors .new.the-article {
width: 77.038626609442%;
}
.new article, .new.the-article .author-articles article {
margin-left: 20px;
margin-right: 0;
width: 45.669340974212%;
float: left;
min-height: 315px;
}
.new article.lead, .new.the-article article, .page-template-template-search-php .new.the-article article, .new.the-article .author-articles article.lead {
width: 94.338681948424%;
}
.new.the-article article {
margin-left: 20px;
margin-right: 20px;
width: 58.791863765374%;
}
.authors .new.the-article .author-articles {
float: left;
width: 58.791863765374%;
margin-left: 20px;
margin-right: 20px;
}
.new .pagination {
width: 91.338681948424%;
margin-left: 20px;
margin-right: 0;
}
.picks {
width: 28.969957081545%;
}
footer .column {
width: 18.655786350148%;
margin-left: 6.454005934718%;
}
footer .column.menu, footer .column.menu-2, footer .column.social {
width: 20.178041543027%;
}
.asides-holder, .authors .author-bio, .ga.more {
width: 35.747446610956%;

margin-left: 0;
margin-right: 0;
}
.new.the-article {
position: relative;
}
.ga.more {
position: absolute;
top: 55px;
right: 20px;
margin-top: 42px;
}
.asides-holder.sticky {
position: absolute;
top: 295px;
right: 20px;
}
ul#menu-main {
margin-left: -10px;
}
.asides-holder {
margin-top: 42px;
}
.asides .head {
text-align: left;
padding-top: 6px;
}
.asides .head .head-title {
padding-left: 20px;
}
.asides aside {
width: 88.831168831169%;
margin: 0 5.5844155844155%;
}
section.pagenotfound {
background-image: url(assets/img/404-1400.jpg);
}
.ga.rect {
margin-top: 40px;
}
header img.logo {
width: 340px;
margin-left: 0;
}

/* #######################################################################

	6.1.	Typography & Text colours

####################################################################### */

header {
font-size: 16px;
}
.new article.lead .title-category {
font-size: 16px;
}
.new article.lead h3 {
font-size: 36px;
}
}

/* #######################################################################

	7.	Retina and High DPI Devices
	
####################################################################### */

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
.submit-thanks h5 {
background-image: url(assets/img/smile@2x.png);
background-size: 80px 80px;
}
nav.top-nav ul li ul li a, nav.top-nav ul li.sfHover ul li a {
background-image: url(assets/img/arrow-double@2x.png);
background-size: 9px 7px;
}
.post-share a, .follow-reveal ul li a {
background-image: url(assets/img/social-white@2x.png);
background-size: 19px 169px;
}
.follow-top .follow {
background-image: url(assets/img/social-white-horiz@2x.png);
background-size: 35px 16px;
}
a.share, span.btn a.share {
background-image: url(assets/img/share@2x.png);
background-size: 16px 16px;
}
a.search-top {
background-image: url(assets/img/search@2x.png);
background-size: 18px 18px;
}
.inbox-top label.mainlabel {
background-image: url(assets/img/email@2x.png);
background-size: 16px 16px;
}
.head .choice-categories .head-title a, .head .choice-categories .head-title a.selected {
background-image: url(assets/img/arrow-down@2x.png);
background-size: 8px 8px;
}
.mobile-more {
background-image: url(assets/img/mobile@2x.png);
background-size: 16px 16px;
}
.more-more {
background-image: url(assets/img/arrow-grey@2x.png);
background-size: 6px 6px;
}
.follow-top, nav.top-nav ul li a {
background-image: url(assets/img/arrow-topnav@2x.png);
background-size: 6px 6px;
}
footer .social a, .twitter, .facebook, .pinterest, .rss {
background-image: url(assets/img/social-footer@2x.png);
background-size: 168px 56px;
}
.current .head .choice-recent a, .current .head .choice-popular a {
background-image: url(assets/img/popular@2x.png);
background-size: 77px 16px;
}
li.icon-entertainment,
li.icon-movies,
li.icon-pop,
li.icon-music,
li.icon-arts,
li.icon-gaming, 
nav.mobile .load-entertainment {
background-image: url(assets/img/icons-entertainment@2x.png);
background-size: 17px 197px;
}
li.icon-science,
li.icon-animals,
li.icon-world,
li.icon-technology,
li.icon-space,
li.icon-humans,
nav.mobile .load-science {
background-image: url(assets/img/icons-science@2x.png);
background-size: 17px 201px;
}
li.icon-general,
li.icon-facts,
li.icon-misconceptions,
li.icon-books,
li.icon-history,
li.icon-miscellaneous,
nav.mobile .load-general {
background-image: url(assets/img/icons-general@2x.png);
background-size: 16px 195px;
}
li.icon-society,
li.icon-crime,
li.icon-politics,
li.icon-religion,
nav.mobile .load-society {
background-image: url(assets/img/icons-society@2x.png);
background-size: 17px 127px;
}
li.icon-lifestyle,
li.icon-food,
li.icon-sport,
li.icon-travel,
li.icon-health,
nav.mobile .load-lifestyle {
background-image: url(assets/img/icons-lifestyle@2x.png);
background-size: 17px 163px;
}
li.icon-weird,
li.icon-bizarre,
li.icon-creepy,
li.icon-mysteries,
nav.mobile .load-weird {
background-image: url(assets/img/icons-weird@2x.png);
background-size: 16px 126px;
}
}

/* #######################################################################

	8.	Print

####################################################################### */

@media print {
 @import "print.css";
}