/*  
Theme Name: Elephant Journal
Theme URI: 
Description: 
Version: 1.0
Author: Notepad
Author URI: 
Compression tool : http://www.compresscss.com/
*/

/* ADVERTS */
.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;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

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


.clear { width: 100%; height: 1px; font-size: 1px; clear: both; float:left;}

* 
{ 
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;    
    background: url(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/images/body_bg.jpg);
    overflow-x: hidden;
}

.clear { width: 100%; font-size: 1px; height: 1px; float: left; clear: both; }

.header-wrapper-wide,
.container 
{ 
    width: 100%; 
    max-width:1030px; 
    min-width: 320px;
    margin:0 auto; 
    background: #fff;        
}
.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 : #f30; 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; }

/*blockquote
{
    border-top: dotted 1px #a7a7a7;
    border-bottom: dotted 1px #a7a7a7;
    text-align: center;
    font-size: 16px;    
    padding: 10px 0; margin: 8px 30px 8px 0;
    max-width: 100%;
    float: none;
}

blockquote p { font-size: 13px; line-height: 21px; padding:0; margin: 0; }

blockquote.elephant-bq-left
{
    margin: 8px 30px 8px 0;
    max-width: 50%;
    float: left;
}

blockquote.elephant-bq-right
{
    margin: 8px 0 8px 30px;
    max-width: 50%;
    float: right;
}

blockquote.elephant-bq-center
{
    margin: 0 11%;
    width: 75%;
    float: none;
}*/

/*-----------------------------------------------------------------
    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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/images/logo.375.94.png) no-repeat center center; background-size: contain;
    }
}
@media all and ( max-width : 736px )
{
    .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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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 : 736px )
{
    .mobile { display: block; }
    .desktop { display: none; }
    a.veggieburger 
	{ 
		background: url(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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 : 736px )
{
    .primary ul li:hover > ul { display: none; }
}

.social-wrapper { width: 340px; float: right; margin-top: 8px; }
@media all and ( max-width : 736px )
{
    .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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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 : 736px )
{    
    .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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/images/submit.png); padding: 0; margin: 0; }

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

#wrapper { }


img#wpstats {
     display: none;
}

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

.sidebar 
{ 
    width: 320px; float: left; overflow: hidden;  
    background: url(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/images/site-background_new.jpg);
}
@media all and (max-width: 757px )
{
    .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; }

.search-form
{
	background: #efefef;
	border: solid 1px #cdcdcd;
	padding: 10px;
}
.search-form { width: 300px; margin: 15px auto 0; }
.search-form input[type=text] 
{ 
	width: 199px; border: solid 1px #cdcdcd; border-right: 0; height: 35px; 
	padding-left: 10px; font-size: 15px;
	float:left;
}
.search-form input[type=submit] { 
	padding: 0 15px 0 15px;
	width:auto;       
	height: 35px;
	line-height:35px; 
	background: #EF9713; 
	transition: background-color 0.5s ease 0s;
	color: #fff;
	cursor: pointer;
		float:left;
}

.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; }
.sideboxleft ul li.featured-author 
{ 
	width: 48.333%;	
    max-width: 145px;
	display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 40px;
    margin: 0 auto;
    
}
.sideboxleft ul li.featured-author:before
{
    content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.sideboxleft ul li.featured-author a 
{ 
    position:  absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	right: 0;
    text-align: center;
}
.sideboxleft ul li.featured-author .entry_author_image { overflow: hidden; }
.sideboxleft ul li.featured-author img
{ 
    width:100%; max-width: 145px;
    position: relative; display: block;
}


/*-----------------------------------------------------------------
    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: 757px )
{
    .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.824%; 
	margin: 0 0 1.47% 1.47%;    
} 

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: 840px )
{
    div.posts ul li
    {
        width: 31.924%;
		margin: 0 0 2.114% 2.114%;
    }
	
	div.posts ul li:nth-child(1n) { margin: 0 0 2.114% 2.114%; }
	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: 757px )
{
	div.posts { max-width:100%; }
    div	.posts ul li
    {
        display: inline-block;
		vertical-align: top;
		width: 18.873%;		
    } 
	
	div.posts ul li:nth-child(1n) { margin: 0 0 1.408% 1.408%; }
	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: 32.099%;
	} 
	
	div.posts ul li:nth-child(1n) { margin: 0 0 1.852% 1.852%; }
	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;
    }
    
    .author { width: 100%; margin-bottom: 20px; height: 50px; }
    .author .entry_author_image { width: 50px; height: auto; min-height: 50px; float: left; margin-right: 10px; }
    .author .entry_author_image img { display: block; width: 100%; }
    .author span { display: block; float: left; width:50%; max-width: 500px; }

    .author.large { min-height: 100px; height: auto; }
    
    .author.large .entry_author_image { width: 200px; height: 200px; }
    .author.large .entry_author_image img { width: 100% !important; }
    .author.large .author-description { width: calc(100% - 210px); float: left; padding:0px; margin:0px;}
    
@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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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(http://images.elephantjournal.com/wp-content/themes/elephant_2.0/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; }

@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;
}