.leaderboard {
	width: 100%;
	max-width: 728px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	text-align: center;
}
.adzone_adgrid a img,
.adzone_adgrid a {
	display: block;
}
.adzone_adgrid a img {
	margin: 0 auto;
}
.header-wrapper .leader {
	margin-top: 20px;
}
    
.responsive-footer,
.responsive-interblog-banner,
.responsive-leaderboard {
	width: 100%;
	max-width: 728px;
	height: 90px;
}
@media all and (max-width: 800px) {
	.responsive-interblog-banner,.responsive-leaderboard {
		width: 100%;
		max-width: 728px;
		height: 90px;
	}
}
@media all and (max-width: 500px) {
	.responsive-interblog-banner,.responsive-leaderboard {
		width: 100%;
		max-width: 468px;
		height: 60px;
	}
}
@media all and (max-width: 400px) {
	.responsive-interblog-banner,.responsive-leaderboard {
		width: 100%;
		max-width: 320px;
		height: 60px;
	}
}
            
.dfp-300x250 {
	float: left;
	margin: 10px 10px 0 10px;
}
.dfp-300x250 div {
width: 300px;
height: 250px;
}
  
@font-face {
font-family: 'Bebas';
src: url('../fonts/BEBAS___.eot');
src: url('../fonts/BEBAS___.svg#Bebas') format('svg'), 
url('../fonts/BEBAS___.woff') format('woff'), 
url('../fonts/BEBAS___.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

/* @font-face fix for Chrome */
body.font-face {
position: relative;
left: -1px;
}

/* fixes for safari rubbish */
input[type=submit],
input[type=button], textarea {
-webkit-border-radius: 0;
-webkit-appearance: none;
}

.textwidget:after,
.cr:after,
.social:after,
.posts:after,
.group:after {
	content: "";
	display: table;
	clear: both;
}

* {
	border: 0px;
	color: #343434;
	webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-family: 'Open Sans',Arial,sans-serif;
	outline: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: relative;
	color: #222;
	background: #fff;
}

.header-wrapper-wide,
.container {
width: 100%;
max-width: 1030px;
min-width: 320px;
margin: 0 auto;
}
.site {
width: 100%;
margin: 0 auto;
cursor: auto;
}

@media all and (max-width: 540px) {
.site {
background: none;
}

}


h1 {
color: #343434;
font-family: 'Bebas',sans-serif;
}
h1 a {
color: #343434;
font-family: 'Bebas',sans-serif;
font-size: 38px;
margin-bottom: 0px;
word-spacing: 5px;
}
h1 a:hover {
text-decoration: none;
color: #343434;
}
.body h1 {
margin-bottom: 10px;
}
h2,h3,h4 {
font-weight: normal;
margin-bottom: 10px;
}

h2 {
font-size: 22px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 13px;
}

.intro {
text-align: center;
}
.intro p {
margin: 0 0 30px 0;
padding: 0px;
}

a {color : #e94f0b;
text-decoration: none;
}
a:hover {color : #eba806;
text-decoration: underline;
}

li,
p {
font-size: 13px;
line-height: 21px;
}
p {
margin-bottom: 10px;
}
p.elephant-intro {
font-size: 22px;
line-height: 31px;
}

p.elephant-important {
font-size: 19px;
line-height: 30px;
color: #f30;
padding: 0;
margin: 0;
}
p.elephant-bigger {
font-size: 16px;
}

p.elephant-bigger a {
color: #f30;
}

p.elephant-indent {
padding-left: 30px;
}

ol {
margin-left: 40px;
}

/*-----------------------------------------------------------------
NAVIGATION
-----------------------------------------------------------------*/
.header-wrapper {
	background: #fff;
	width: 100%;
	min-width: 320px;
	z-index: 1;
	position: relative;
}
.topnav, header {
	z-index: 10;
	width: 100%;
	margin: 0 auto;
}
.topnav {
	max-width: 1030px;
}
.topnav ul {
	padding: 0px;
	margin: 0px;
	float: right;
	position: relative;
	z-index: 1000;
}
.topnav ul li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0 6px;
	font-size: 11px;
}
.topnav li a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}

.free-newsletter {
	font-weight: bold;
}

@media all and ( max-width : 600px ) {
	.topnav .tablet-hide {
		display: none;
	}
}

.logos {
	width: 100%;
	margin: 0 auto 10px auto;
	max-width: 1030px;
	position: relative;
}
.logos h1 {
	margin: 0 0 0 20px;
	padding: 0px;
	display: block;
	width: 100%;
	max-width: 500px;
	float: left;
}

.logos h1.site-brand a {
	background: url(../images/logo.png) no-repeat center center;
	background-size: contain;
	height: 125px;
	display: block;
	text-indent: -3000px;
}

.header-wrapper-wide {
	padding: 20px 0 0 0;
}
.header-wrapper-wide .logos h1.site-brand {
	width: 100%;
	max-width: 100%;
}
.header-wrapper-wide .logos h1.site-brand a {
	background-position: center;
}

@media all and ( max-width : 877px ) {
	.logos h1 {
		margin: 0 0 0 20px;
		padding: 0px;
		display: block;
		width: 48%;
		max-width: 500px;
		float: left;
	}
	.logos h1.site-brand a {
		background: url(../images/logo.375.94.png) no-repeat center center;
		background-size: contain;
	}
}
@media all and ( max-width : 769px ) {
	.logos {
		margin: 0;
	}
	.logos h1 {
		margin: 0 0 0 20px;
		padding: 0px;
		display: block;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		float: none;
	}
	.logos h1.site-brand a {
		background: url(../images/logo.png) no-repeat center center;
		background-size: contain;
	}

}
@media all and ( max-width : 611px ) {
	.logos {
		padding: 20px 0;
	}
	.logos h1.site-brand {
		width: 100%;
		max-width: 611px;
		float: none;
		margin: 0 auto;
	}

}

@media all and ( max-width : 480px ) {
	.logos h1.site-brand a {
		height: 90px;
	}

}
@media all and ( max-width :320px ) {
	.logos h1.site-brand a {
		height: 70px;
	}

}

.logged-in {
	font-weight: bold;
	color: #f30;
}

.mobile {
	display: none;
}
.primary {
	background: #EF9713;
	width: 100%;
	height: 43px;
	float: left;
}
.primary ul {
	display: block;
	width: 100%;
	max-width: 1021px;
	height: 43px;
	margin: 0 auto;
	padding: 0;
	z-index: 10;
}

.primary ul li {
	float: left;
	list-style-type: none;
	position: relative;
	color: #000;
}
.primary ul li a {
	height: 43px;
	line-height: 40px;
	font-size: 20px;
	color: #3b3b3b;
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #EF9713;
	transition: background-color 0.5s ease 0s;
	font-family: 'Bebas';
	font-weight: normal;
	text-decoration: none;
	word-spacing: 2px;
	white-space: nowrap;
}

li.green {
	width: 62px;
}
li.wellness {
	width: 96px;
}
li.family {
	width: 66px;
}
li.food {
	width: 51px;
}
li.non-new {
	width: 253px;
}
li.enlightened {
	width: 191px;
}
li.funny {
	width: 65px;
}
li.heart {
	width: 30px;
}
li.inspiring {
	width: 52px;
}
li.talkshow {
	width: 102px;
}
li.yoga {
	width: 53px;
}

@media all and ( max-width : 1037px ) {
	li.green {
		width: 57px;
	}
	li.wellness {
		width: 91px;
	}
	li.family {
		width: 61px;
	}

}
@media all and ( max-width : 1022px ) {
	li.food {
		width: 44px;
	}
	li.non-new {
		width: 246px;
	}

}

@media all and ( max-width : 1012px ) {
	li.enlightened {
		width: 178px;
	}
	.primary ul li a {
		font-size: 18px;
	}
	.primary ul li.non-new a,
	.primary ul li.enlightened a {
		font-size: 18px;
	}
	li.funny {
		width: 61px;
	}
	li.inspiring {
		width: 47px;
	}
	li.non-new {
		width: 230px;
	}
	li.talkshow {
		width: 90px;
	}
	li.yoga {
		width: 43px;
	}

}

@media all and ( max-width :947px ) {
	li.heart {
		width: 24px;
		display: none;
	}
	li.talkshow {
		width: 88px;
	}
	li.non-new {
		width: 226px;
	}
	li.wellness {
		width: 87px;
	}

}

@media all and ( max-width : 930px ) {
	.primary ul li a {
		font-size: 17px;
	}
	.primary ul li.non-new a,
	.primary ul li.enlightened a {
		font-size: 17px;
	}
    
	li.green {
		width: 52px;
	}
	li.wellness {
		width: 80px;
	}
	li.family {
		width: 55px;
	}
	li.food {
		width: 41px;
	}
	li.non-new {
		width: 214px;
	}
	li.enlightened {
		width: 161px;
	}
	li.funny {
		width: 55px;
	}
	li.heart {
		width: 30px;
	}
	li.inspiring {
		width: 42px;
	}
	li.talkshow {
		width: 85px;
	}
	li.yoga {
		width: 45px;
	}

}

@media all and ( max-width : 876px ) {
	.primary {
		width: 100%;
	}
	.primary ul li a {
		font-size: 18px;
	}
	li.green {
		width: 60px;
	}
	li.wellness {
		width: 84px;
	}
	li.family {
		width: 60px;
	}
	li.food {
		width: 44px;
	}
	li.non-new {
		width: 221px;
	}
	li.enlightened {
		width: 165px;
	}
	li.funny {
		display: none;
	}
	li.heart {
		display: none;
	}
	li.inspiring {
		display: none;
	}
	li.talkshow {
		width: 89px;
	}
	li.yoga {
		width: 46px;
	}

}

@media all and ( max-width : 801px ) {
	.primary ul li a {
		font-size: 17px;
	}
	li.green {
		width: 54px;
	}
	li.wellness {
		width: 80px;
	}
	li.non-new {
		width: 217px;
	}
	li.enlightened {
		width: 161px;
	}

}

@media all and ( max-width : 767px ) {
	.primary ul li a {
		font-size: 16px;
	}
	.primary ul li.non-new a,
	.primary ul li.enlightened a {
		font-size: 16px;
	}
	li.talkshow {
		width: 80px;
	}
	li.enlightened {
		width: 156px;
	}
	li.yoga {
		width: 44px;
	}
	li.non-new {
		width: 207px;
	}
	li.family {
		width: 56px;
	}
	li.green {
		width: 52px;
	}
	li.wellness {
		width: 76px;
	}

	li.funny {
		display: inline;
	}
	li.heart {
		display: inline;
	}

}

@media all and ( max-width : 1024px ) {
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	a.veggieburger {
		background: url(../images/nav-icon.png) no-repeat center center;
		height: 43px;
		width: 43px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
		cursor: pointer;
		text-indent: -3000px;
	}
	.primary {
		height: 43px;
		position: relative;
	}
	.primary ul {
		display: none;
	}
	.primary.show {
		height: auto;
		float: left;
	}
	.primary.show ul {
		display: block;
		float: left;
		height: auto;
		min-height: 43px;
		float: left;
	}
	.primary.show ul li > ul {
		display: none;
	}
	.primary ul {
		width: 100%;
		margin: 0;
	}
	.primary ul li {
		width: 100%;
		height: 43px;
	}
	.primary ul li a {
		height: 43px;
		line-height: 43px;
		font-size: 20px !important;
		padding-left: 10px;
		text-align: :center;
		display: block;
		width: 100%;
	}

}

.primary ul li a:hover {
	background: #ffb911; /* Old browsers */
	color: #fff;
}

.primary ul li.talkshow a {
	background: #ffb911;
}
.primary ul li.talkshow a:hover {
	background: #EF9713;
}

.primary ul li.heart a {
	background: url(../images/heart.png) no-repeat top center #EF9713;
	text-indent: -3000px;
}
.primary ul li.heart a:hover {
	background-position: bottom center;
	background-color: #ffb911;
}

/* 
#ie10 will only be red in MSIE 10, 
both in high contrast (display setting) and default mode 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.primary ul li a {
		word-spacing: 4px;
	}

}

.primary ul li > ul {
	display: none;
	background: none;
}
.primary ul li:hover > ul {
	display: block;
	position: absolute;
	top: 43px;
}
.primary ul li:hover > ul li {
	clear: both;
}
.primary ul li:hover > ul li a {
	padding: 0 3px;
}

@media all and ( max-width : 769px ) {
	.primary ul li:hover > ul {
		display: none;
	}

}

.social-wrapper {
	width: 340px;
	float: right;
	margin-top: 8px;
}
@media all and ( max-width : 769px ) {
	.social-wrapper {
		width: 100%;
		max-width: 736px;
		margin: 0 auto;
	}

}

@media all and ( max-width : 320px ) {
	.social-wrapper {
		max-width: 320px;
	}

}

.walk-the-talk {
	float: right;
}
.walk-the-talk img {
	display: block;
}


.ele-social {
	width: 100%;
	max-width: 355px;
	float: left;
	margin-top: 10px;
}
.ele-share a,
.ele-social a {
	padding: 3px;
	text-indent: -99999px;
	width: 30px;
	height: 30px;
	margin-left: 9px;
	font-weight: normal;
	display: block;
	position: relative;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/social.png) 3px 3px no-repeat;
	outline: 0;
	transition: background-color 0.5s ease 0s;
	cursor: pointer;
	float: right;
}
.ele-share a {
	float: none;
	display: inline-block;
	margin: 0;
}
.ele-social .button {
	margin-right: 0;
}
@media all and ( max-width : 769px ) {
	.walk-the-talk {
		display: none;
	}
	.ele-social {
		width: 100%;
		max-width: 340px;
		float: none;
		margin: 20px auto 0 auto;
	}

}

@media all and ( max-width : 480px ) {
	.ele-social {
		width: 100%;
		max-width: 320px;
		float: none;
		margin: 20px auto 0 auto;
	}
	a.google {
		margin-right: 0;
	}
	a.button {
		margin-right: 20px;
	}

}
.ele-share {
	text-align: left;
	display: block;
	position: relative;
	margin-bottom: 10px;
}
.ele-share div {
	height: 30px;
	line-height: 30px;
}
.ele-share .view-count {
	position: absolute;
	right: 20px;
	top: 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

@media all and (max-width: 400px) {
	.ele-share .view-count {
		font-size: 13px;
	}

}



a.google {
	background-color: #dd4b39;
	background-position: -85px 3px;
}
a:hover.google {
	background-color: #a50c11;
}
    
a.facebook {
	background-color: #3b5998;
	background-position: -173px 3px;
}
a:hover.facebook {
	background-color: #0f3c77;
}

a.twitter {
	background-color: #3dc4ff;
}
a:hover.twitter {
	background-color: #00a1df;
}

a.rss {
	background-color: #EF9713;
	background-position: -55px 3px;
}
a:hover.rss {
	background-color: #ffb911;
}

input[type=button],
a.button {
	background: none repeat scroll 0 0 #EF9713;
	width: 94px;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-top: 10px;
	transition: background 0.5s ease 0s;
	margin-top: 0;
	cursor: pointer;
}
input[type=button]:hover,
a:hover.button {
	background: #ffb911;
	text-decoration: none;
}

input[type=button] {
	display: inline-block;
	height: 30px;
}
@media all and (max-width: 400px) {
	.twitter-count,
	.facebook-count {
		font-size: 13px;
		line-height: 25px;
		margin-right: 5px;
	}

}

a.submit-story {
	width: 100px;
	height: 30px;
	background: url(../images/submit.png);
	padding: 0;
	margin: 0;
}

/*-----------------------------------------------------------------
END NAVIGATION
-----------------------------------------------------------------*/

#wrapper {
}


img#wpstats {
	display: none;
}

/*-----------------------------------------------------------------
SIDEBAR LEFT
-----------------------------------------------------------------*/

@media all and (max-width : 769px ) {
	.sidebar {
		display: none;
	}
	.site {
		background: none;
	}

}
.sidebar .adverts {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
	text-align: center;
	float: left;
}
.sidebar > .adverts {
	margin-top: 15px;
}
.sidebar .adverts li {
	margin: 5px;
	display: inline-block;
}
.sidebar .adverts li img {
	display: block;
	border: 0;
}


.category {
	width: 100%;
	max-width: 320px;
	float: left;
	display: block;
	padding: 3.125%;
}

.category h3,
.tabs h3 {
	height: 40px;
	background: #fff;
	width: 100%;
	max-width: 92.5%;
	margin: 0 0 0 3.44%;
	float: left;
	text-align: center;
	font-family: 'Bebas';
	font-size: 27px;
	box-shadow: inset 0 -5px 6px -6px #cdcdcd;
}

.tabs {
	width: 100%;
	max-width: 320px;
	float: left;
	display: block;
	padding: 3.448% 0;
}

.tabs > ul {
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

.tabs > ul li {
	position: relative;
	display: block;
	width: 33.33%;
	max-width: 100px;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	background: #fff;
	float: left;
	border: solid 1px #cdcdcd;
	border-right: 0;
	box-shadow: inset 5px -5px 6px -6px #cdcdcd;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
}

.tabs > ul li  a {
	color: #000;
}

.tabs > ul li:nth-child(3) {
	box-shadow: inset 0 -5px 6px -6px #cdcdcd;
	border-right: solid 1px #cdcdcd;
}

.tabs > ul li.selected {
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #fff;
	box-shadow: none;
}

.tabs > ul li span {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	cursor: pointer;
	width: 80px;
}

div.sideboxleft {
	display: none;
	width: 100%;
	background: #fff;
	padding-top: 10px;
	float: left;
}
div.sideboxleft.show {
	display: block;
}


.sideboxleft ul {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.sideboxleft ul li {
	width: 100%;
	margin-bottom: 10px;
	list-style: none;
	float: left;
	padding-left: 10px;
}

.wppp_list {
	font-size: 12px;
}
.wppp_list p {
	padding: 0;
	margin: 0;
}
.wppp_list p,
.wppp_list a {
	width: 100%;
	max-width: 195px;
	display: inline-block;
	float: left;
}
.wppp_list a {color : #f30;
}
.wppp_list a:hover {
	color: #eba806;
}

.wppp_list a.wppp_thumbnail img,
.wppp_list a.wppp_thumbnail {
	width: 100%;
	width: 75px;
	height: 75px;
	display: inline-block;
	float: left;
}
.wppp_list a.wppp_thumbnail {
	margin-right: 10px;
}
.sideboxleft ul {
	min-height: 300px;
}


/*-----------------------------------------------------------------
END SIDEBAR LEFT
-----------------------------------------------------------------*/

/*-----------------------------------------------------------------
GLOBALS
-----------------------------------------------------------------*/
.body {
	float: right;
	width: calc(100% - 320px);
	min-width: 300px;
	z-index: 5;
	padding: 15px;
	overflow: hidden;
}
@media all and (max-width : 769px ) {
	.body {
		width: 100%;
		padding: 15px;
	}

}
.body img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul,
ol,
blockquote {
	margin: 16px 40px;
}

/*-----------------------------------------------------------------
HOMEPAGE POSTS
-----------------------------------------------------------------*/
div.posts {
	width: 100%;
	max-width: 700px;
}

div.posts h2.area-title {
	border: 0px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	color: #343434;
	font-size: 25px;
	line-height: 25px;
	font-family: 'Bebas',sans-serif;
	border-bottom: solid 1px #343434;
	font-weight: normal;
	word-spacing: 4px;
}

div.posts ul {
	margin: 0 auto;
	text-align: left;
	width: 100%;
	float: left;
	width: 100%;
}

div.posts ul li {
	display: inline-block;
	vertical-align: top;
	width: 18.5%;
	margin: 0 0 1.5% 1.5%;
}

div.posts.similar_posts ul li {
	float: left;
}

div.posts ul li:nth-child(5n+1),
div.posts ul li:first-child {
	margin-left: 0px;
}

li.post div.entry_author_image,
div.posts ul li .image {
	width: 100%;
	max-width: 132px;
	position: relative;
	margin-bottom: 8px;
}

div.posts ul li .image .views p {
	display: none;
}
div.posts ul li .image:hover .views p {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background: #000;
	opacity: 0.8;
	display: block;
	height: 100%;
	width: 100%;
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
                                        
div.posts ul li .image:hover .views p span {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

div.posts.authors ul li {
	height: 150px;
	min-height: 150px;
}

div.posts.authors h3 {
	line-height: 20px;
}

div.posts ul li img {
	display: block;
	width: 100% !important;
	height: auto;
}

div.posts ul li h3 {
	font-size: 13px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

div.posts ul li h3,
div.posts ul li a {color : #343434;
}

div.posts ul li a {
	display: block;
}
div.posts ul li a:hover h3,
div.posts ul li a:hover {color : #f30;
	text-decoration: none;
}

@media all and (max-width: 971px) {
	div.posts ul li {
		width: 31%;
		margin: 0 0 2% 2%;
	}
	
	div.posts ul li:nth-child(1n) {
		margin: 0 0 2% 2%;
	}
	div.posts ul li:nth-child(3n+1) {
		margin-left: 0px;
	}
	
	div.posts ul li .image {
		width: 100%;
		max-width: 100%;
	}

}

@media all and (max-width : 769px) {
	div.posts {
		max-width: 100%;
	}
	div	.posts ul li {
		display: inline-block;
		vertical-align: top;
		width: 18.5%;
	}
	
	div.posts ul li:nth-child(1n) {
		margin: 0 0 1.5% 1.5%;
	}
	div.posts ul li:nth-child(5n+1) {
		margin-left: 0px;
	}

}

@media all and (max-width: 605px) {
	div.posts {
		max-width: 100%;
	}
	div	.posts ul li {
		display: inline-block;
		vertical-align: top;
		width: 31%;
	}
	
	div.posts ul li:nth-child(1n) {
		margin: 0 0 2% 2%;
	}
	div.posts ul li:nth-child(3n+1) {
		margin-left: 0px;
	}

}

@media all and (max-width: 482px) {
	div	.posts ul li {
		width: 48.817%;
	}
	
	div.posts ul li:nth-child(1n) {
		margin: 0 0 2.299% 2.299%;
	}
	div.posts ul li:nth-child(2n+1) {
		margin-left: 0px;
	}

}


@media all and (max-width: 330px) {
	div.posts ul li {
		width: 100%;
		max-width: 100%;
	}
    
	div.posts ul li .image {
		width: 120px;
		float: left;
		margin-right: 10px;
	}
    
	div.posts ul li h3 {
		float: left;
		width: 50%;
	}
	div.posts ul li:nth-child(1n) {
		margin: 0 0 20px 0;
	}

}


div.posts ul li .views p span {
	color: #f30;
}

.sidebar .quality {
	width: 100%;
}

.sidebar .quality ul li {
	width: 290px;
	min-height: 50px;
}
.sidebar .quality ul li .image img,
.sidebar .quality ul li .image {
	width: 50px;
	height: 50px;
}
.sidebar .quality ul li .image .views {
	position: relative;
	display: block;
}


/*-----------------------------------------------------------------
END HOMEPAGE POSTS
-----------------------------------------------------------------*/

/*-----------------------------------------------------------------
SINGLE
-----------------------------------------------------------------*/
    
.single h1 a {
	font-family: 'Open Sans',Arial,sans-serif;
	word-spacing: normal;
	letter-spacing: -1px;
	font-size: 32px;
	margin-bottom: 15px;
	font-weight: 700;
	display: block;
	line-height: 35px;
}
   
    
@media all and (min-width: 758px) and (max-width: 830px) {
	.author.large .entry_author_image {
		width: 150px;
		height: 150px;
	}
	.author.large .author-description {
		width: calc(100% - 160px);
	}

}

@media all and (max-width: 480px) {
	.author.large .entry_author_image {
		width: 100px;
		height: 100px;
	}
	.author.large .author-description {
		width: calc(100% - 110px);
	}

}

@media all and (max-width: 350px) {
	.author.large h3 {
		text-align: center;
	}
	.author.large .entry_author_image {
		width: 200px;
		height: 200px;
		margin: 0 auto;
		float: none;
		margin-bottom: 10px;
	}
	.author.large .author-description {
		width: 100%;
	}

}

.social {
	width: 100%;
	margin-bottom: 20px;
	height: 22px;
}
    
figure.wp-caption {
	padding: 0;
	margin: 0;
	float: left;
	max-width: 100%;
	margin: 0 15px 15px 0;
}
figure.wp-caption.alignnone {
	float: none;
}
figure.wp-caption figcaption {
	font-size: 12px;
	text-align: left;
	font-style: italic;
}
        
.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
}
.alignright {
	float: right;
	margin: 10px 0 20px 20px;
}
    
   
span.the-hype {
	width: 620px;
	margin: 20px auto;
	min-height: 20px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
    
    
.might-like h3 {
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: 600;
}
.might-like .post h3 {
	font-size: 11px;
	line-height: 14px;
}

.ele-share, 
.typos {
	background: #efefef;
	border: solid 1px #cdcdcd;
	padding: 10px;
}
    
@media all and (max-width: 660px) {
	#offerbowl {
		display: none;
	}

}
    
/*-----------------------------------------------------------------
END SINGLE
-----------------------------------------------------------------*/


/*-----------------------------------------------------------------
FORMS
-----------------------------------------------------------------*/
    
form.elephant {
	width: 100%;
	max-width: 660px;
	padding: 0 20px 20px 20px;
	margin: 20px 0;
	border-bottom: dotted 1px #cdcdcd;
}
form.elephant table {
	width: 100%;
	max-width: 660px;
	border-collapse: collapse;
}
form.elephant h2 {
	text-align: center;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	border-bottom: dotted 1px #cdcdcd;
}
form.elephant p {
	text-align: center;
	margin-top: 0px;
	font-size: 16px;
}
form.elephant input[type=text],
form.elephant input[type=password],
form.elephant textarea,
form.elephant select {
	width: 96%;
	max-width: 262px;
	border: solid 1px #cdcdcd;
	line-height: 26px;
	height: 26px;
	padding-left: 10px;
}
    
form.elephant textarea {
	height: 200px;
}
    
form.elephant.submit textarea {
	width: 98%;
	max-width: 98%;
}
    
.mega-login input[type=submit],
form.elephant input[type=submit] {
	width: 100%;
	max-width: 100px;
	line-height: 30px;
	height: 30px;
	padding-bottom: 3px;
	background: #EF9713;
	transition: background 0.5s ease 0s;
	color: #fff;
	cursor: pointer;
}
        
form.elephant.submit input[type=submit] {
	line-height: 35px;
	height: 35px;
	max-width: 120px;
}
    
.mega-login input:hover[type=submit],
form.elephant input:hover[type=submit] {
	background: #ffb911;
	color: #000;
}
    
form.elephant label {
	font-size: 14px;
}
form.elephant td.checkbox {
	vertical-align: top;
	padding-right: 10px;
}
form.elephant.submit table {
	margin-bottom: 10px;
}
form.elephant.submit label {
	padding-bottom: 10px;
	display: inline-block;
}
    
form.elephant.submit  input[type=text],
form.elephant.submit  input[type=password],
form.elephant.submit  textarea {
	margin-bottom: 10px;
}
    
.error.login {color : #ff0000;
	font-weight: bold;
	font-size: 15px;
}
label.error {
	display: inline-block;
}
label.error:before {
	content : " * ";
}
form.elephant input[type=text].error,
form.elephant input[type=password].error,
form.elephant textarea.error {
	border: solid 1px #ff0000;
	color: #343434;
}
    	
form.newsletter {
	background: #efefef;
	border: solid 1px #cdcdcd;
	padding: 10px;
	width: 100%;
	max-width: 700px;
	float: left;
}
form.newsletter table {
	width: 700px;
}
form.newsletter h2 {
	background: #EF9713;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	line-height: 28px;
	font-size: 18px;
	border: 0px;
}
form.newsletter p {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}
form.newsletter h4 {
	text-align: center;
}
.page form.newsletter,
.single form.newsletter {
	float: left;
}
    
form.newsletter ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 670px;
}
form.newsletter ul li {
	float: left;
	margin-left: 1%;
}
form.newsletter ul li.input {
	width: 42.5%;
	max-width: 275px;
}
form.newsletter ul li:first-child {
	margin: 0;
}

@media all and (max-width: 522px) {
	form.newsletter ul {
		width: 100%;
		max-width: 100%;
		float: left;
	}
	form.newsletter ul li.input input[type=password],
	form.newsletter ul li.input input[type=text] {
		width: 100%;
		max-width: 96%;
	}
	form.newsletter ul li label {
		display: block;
		width: 100%;
	}
}
    
/* RESPONSIVE FORM */
form.elephant ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
form.elephant ul li {
	margin-bottom: 10px;
}
form.elephant ul li label {
	width: 250px;
	display: inline-block;
}
form.elephant ul li textarea {
	width: 100%;
	max-width: 100%;
}
form.elephant ul.subscriptions li input[type="radio"] {
	vertical-align: top;
}
form.elephant ul.subscriptions li label {
	width: 90%;
}
    
form.newsletter ul.login {
	margin-bottom: 10px;
}
form.newsletter ul.login li {
	width: 49.219%;
	float: right;
	margin: 0;
}
form.newsletter ul.login li:first-child {
	float: left;
}
form.newsletter ul.login li input[type=password],
form.newsletter ul.login li input[type=text] {
	width: 100%;
	max-width: 100%;
	height: 35px;
}

@media all and (max-width: 480px) {
	form.newsletter ul.login li {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
}
    
/*-----------------------------------------------------------------
END FORMS
-----------------------------------------------------------------*/


/*-----------------------------------------------------------------
OTHER
-----------------------------------------------------------------*/
.copyright {
	width: 700px;
	padding: 0 20px;
	text-align: right;
	float: right;
	font-size: 12px;
}
.small {
	font-size: 11px;
}

.bringdown-newsletter {
	position: absolute;
	top: 64px;
	left: 5px;
	width: 39px;
	height: 33px;
	border: solid 2px #fff;
	border-top: 0;
	box-shadow: 0px 3px 2px #666;
	border-radius: 0 0 5px 5px;
	background: url(../images/social.png) -24px 3px #EF9713 no-repeat;
	cursor: pointer;
}
.slidedown-newsletter {
	position: fixed;
	top: -122px;
	left: -2px;
	width: 102%;
	height: 122px;
	border: solid 2px #fff;
	z-index: 120;
	background: #EF9713;
	border-top: 0;
	box-shadow: 0px 3px 2px #666;
}

.slidedown-newsletter .info {
	width: 700px;
	margin: 0 auto;
}
.slidedown-newsletter .info h3 {
	font-weight: 600;
	margin: 5px 0 0 0;
	text-align: center;
}
.slidedown-newsletter form.newsletter {
	margin-top: 5px;
}
.slidedown-newsletter form.newsletter ul {
	width: 100%;
	max-width: 100%;
}
.slidedown-newsletter form.newsletter ul li {
	width: 41.888%;
	float: left;
	margin: 0;
}
.slidedown-newsletter form.newsletter ul li.mr10 {
	margin-right: 0.737%;
}
.slidedown-newsletter form.newsletter ul li:first-child {
	float: right;
	width: 14.749%;
}
.slidedown-newsletter form.newsletter ul li input {
	width: 100%;
	margin: 0;
	max-width: 100%;
	height: 35px;
}
@media all and (max-width: 522px) {
	.slidedown-newsletter {
		display: none;
	}

}


.back-to-top {
	position: fixed;
	bottom: 20px;
	right: -40px;
	z-index: 1000;
	width: 38px;
	height: 40px;
	border: solid 2px #fff;
	border-right: 0;
	box-shadow: 0px 3px 2px #666;
	border-radius: 5px 0 0 5px;
	background: url(../images/back-to-top.png) 2px 2px #EF9713 no-repeat;
	cursor: pointer;
	transition: right 0.5s ease 0s;
}

.back-to-top.show {
	right: 0px;
}


/* FOOTER */
.footer {
	width: 100%;
	max-width: 1030px;
	min-width: 300px;
	height: 400px;
	background: #242a2a;
	padding-top: 20px;
}
.footer h4, .footer li, .footer a {
	color: #fff;
}
.footer h4 {
	margin: 0 0 0 0;
}

.footer .col {
	width: 30%;
	min-height: 100px;
	float: left;
	padding: 30px 0 0 0;
}
.footer .col.first {
	width: 33%;
	margin-right: 0%;
	padding: 30px 0 0 30px;
}
.footer .col.first ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 40%;
}
.footer .col.first ul.first {
	margin-right: 4%;
}

.footer .col.first ul li {
	line-height: 15px;
}
.footer .col.first ul li a {
	font-size: 12px;
}
.footer .col.first ul li h4 {
	margin-bottom: 10px;
}


.footer .col form.newsletter {
	padding: 0;
	border: 0;
	background: none;
}
.footer .col form.newsletter {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.footer .col form.newsletter ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer .col form.newsletter ul li {
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0;
}
.footer .col form.elephant h4 {
	text-align: right;
	margin-bottom: 10px;
}
.footer .col form.elephant input[type=text] {
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	float: right;
}
.footer .col form.elephant li.submit {
	text-align: right;
}
.footer .col h3 {
	text-align: right;
	margin-bottom: 10px;
}

.footer .col.last {
	float: right;
	text-align: right;
	padding-right: 30px;
	width: 30%;
}
.footer .col.last .ele-social a {
	text-align: left;
	margin: 0 0 0 10px;
}
.footer .col.last img,
.footer .col.last .ele-social {
	margin: 0 0 10px;
}
.footer .col.last .ele-social {
	margin-bottom: 80px;
}

.footer .col.last span {
	line-height: 14px;
	color: #f30;
	display: inline-block;
}
.footer .col.last span a {
	font-size: 11px;
	line-height: 14px;
}

.search-drop {
	display: none;
	width: 100px;
	height: 30px;
	margin: 10px 0 0 5px;
	color: #FFF;
	font-size: 12px;
}
.search-drop i {
	font-size: 20px;
	color: #FFF;
}

.mobile-search .search-form {
	margin: 0;
	width: 100%;
}

.mobile-search .search-form input[type=text] {
	width: 80%;
	border-radius: 0;
	border: 1px solid #AAA;
	background: #FFF;
}

.mobile-search .search-form input[type=submit] {
	padding: 0;
	width: 18%;
	margin-left: 2%;
	text-align: center;
}

@media all and (max-width: 874px) {
	.footer .col.first {
		display: none;
	}
	.footer .col.second {
		width: 45%;
	}
	.footer .col.last {
		width: 45%;
	}
}

@media all and (max-width: 522px) {
	.footer .col.second {
		width: 90%;
		margin-right: 20px;
	}
	.footer .col.last {
		display: none;
	}
}

#displetpop div.form {
	float: left;
}
#displetpop div.form form.elephant {
	background: none;
}

/* ADVERTS */
.bsa_sidebar_left {
	padding: 0 10px;
}


/* AFFILIATES */
.affiliates {
	width: 100%;
	float: left;
}
.affiliates a {
	width: 18.824%;
	margin-left: 1.470%;
	display: inline-block;
	float: left;
	margin-bottom: 1.470%;
}
.affiliates a:first-child {
	margin-left: 0;
}
.affiliates a img {
	display: block;
	width: 100%;
}

@media all and (max-width: 517px) {
	.affiliates a {
		width: 32.00%;
		display: inline-block;
		float: left;
		margin-bottom: 2%;
	}
	.affiliates a:nth-child(1n) {
		margin-left: 2%;
	}
	.affiliates a:nth-child(3n+1) {
		margin-left: 0;
	}
}

@media all and (max-width: 380px) {
	.affiliates a {
		width: 48.623%;
		display: inline-block;
		float: left;
		margin-bottom: 2.755%;
	}
	.affiliates a:nth-child(1n) {
		margin-left: 2.755%;
	}
	.affiliates a:nth-child(2n+1) {
		margin-left: 0;
	}
}

/* MEMBERSHIP SIGN UP */
.signup {
	width: 100%;
	float: left;
	margin: 20px 0;
}
.signup .signup_image {
	width: 128px;
	margin-right: 10px;
	display: block;
	float: left;
	margin-bottom: 10px;
}
.signup .signup_content {
	width: calc(100% - 138px);
	float: right;
}
.signup a:hover * {
	color: #f30;
}

/* FAVOURITES */
.favourite {
	background: url(../images/add-favourite.svg) no-repeat left;
	padding: 0 0 0 25px;
}
.favourite.added {
	background: url(../images/favourite-added.svg) no-repeat left;
}


.body_wide {
	width: 100% !important;
}


.skin-wrapper {
	width: 100%;
	background: url(../images/bk-elephantjournal.jpg) top center no-repeat #000;
	cursor: pointer;
}

@media only screen and (max-width: 558px) {
	.search-drop {
		display: block;
	}

}
