/* ============================================================ */
/* SMALLER DESKTOPS: 1340px  */
/* ============================================================ */

@media only screen and (max-width: 1340px) {

	body {margin-left: 10.5em}
	
	#holder {width: 98%}
	
	/* FONTS */

	body .content h2.inner {margin-top: 0em}
	
	.content header h1 {margin: 0}

	/* ASIDE */

	aside {left: -180px; position: absolute; margin-top: 520px; text-align: right; top: 0; width: 150px;  z-index: 9; }
	
	aside .idea, aside .newsletter, aside form, aside .ebook {display: none}
	
	aside h4 {font-size: 1.500em}
	
	aside .topposts {border-bottom: 0; padding-top: 2.15em; width: 88%}
	
	aside .topposts h4 {margin-top: 0}
	
	aside .topposts ul li, aside .topposts ul li a, aside .topposts ul li em {float: right;}

	aside .topposts ul li a {font-size: 0.875em}
	
	/* MOBILE SEARCH */

	body .content form.mobilesearch {display: block; margin: 2.5em 0; float: left; width: 100%; }
	
	body .content form.mobilesearch input[type="text"] {width: auto; float: left; width: 90%; height: 46px; float: left; font-size: 1.000em; margin-bottom: 0; padding-bottom: 0; padding-top: 0 }

	body .content form.mobilesearch input[type="text"]:focus, body .content form.mobilesearch input[type="text"]:active {box-shadow: none}

	body .content form.mobilesearch input[type="submit"] {background: #171616 url(../images/icon_search.png) no-repeat center center; text-indent: -9999em; height: 48px; width: 100px; border: none; position: relative; float: right; margin-top: -48px; right: 0; margin-bottom: 0}

	body .content form.mobilesearch input[type="submit"]:hover {cursor: pointer; background: #8acecf url(../images/icon_search.png) no-repeat center center}

	/* ADS */

	.ad.right {display: none}
	
	body .content div.bsap_1239708 a.adhere {width: 21%; line-height: auto; font-size: 0.5em}

}


/* ============================================================ */
/* LAPTOPS: 1180px  */
/* ============================================================ */

@media only screen and (max-width: 992px) {

	body {  margin-left: 13em}
	
	#holder {width: 80%}
	
	/* AUTHOR */

	#author-block section img {display: block; height: 126px; width: 126px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%}

	/* RELATED */

	#related ol { width: 30%; }
	
	/* ADS */
	
	body .content div.bsap_1239708 a.adhere {height: 100px}

	
}

 
/* ============================================================ */
/* TABLETS: 992px   */
/* ============================================================ */

@media handheld, only screen and (max-width: 992px) {

	/* ADS */

	.ad.head { display: none}
	
	.ad.head.mobile {display: block}
	
	.ad.post.bot {display: block; clear: left}
	
	/* INNER SMALL ADS */
	
	.ad.post.bot.full {display: none}

	/* MASTHEAD ICONS */

	ul#socialhead li#twitter a, ul#socialhead li#twitter a:hover, ul#socialhead li#facebook a, ul#socialhead li#facebook a:hover, ul#socialhead li#rss a, ul#socialhead li#rss a:hover {width: 28px;}

	ul#socialhead li#flickr a, ul#socialhead li#flickr:hover a, ul#socialhead li#google a, ul#socialhead li#google a:hover {width: 29px}	

	/* ARTICLE POST INFO */

	article.full ul.postinfo {margin: 0.75em 0 2.25em }

	article.full ul.postinfo li.by {float: left; width: 100%;}

	article.full ul.postinfo li.share {float: left; width: auto; margin: 1.5em 0 0 }

	/* FOLLOW */

	.follow {margin-bottom: 0}
		
	.follow .right, .follow iframe.twitter-follow-button {float: left; width: 100%; margin: 2.25em 0 2.25em 2em; }

	.follow iframe.twitter-follow-button {margin: 0em}

	.follow .left {display: none }

	/* POST PAGINATION */
	
	ul.postpagination {display: none}
	
	/* MOBILE PAGINATION */

	#wp_page_numbers {display: none}

	ul.mobilepagination {display: block; float: left; width: 100%; margin: 3em 0 2em; border-top: 1px solid #d5d5d3; padding-top: 2em  }

	ul.mobilepagination li {display: inline; text-align: center; line-height: 2.125em;}
	
	ul.mobilepagination li a {background: #171616; color: white; width: 20%; float: left; padding-left: 1em; padding-right: 1em }

	ul.mobilepagination li.next a {float: right; }

	/* AUTHOR */

	#author-block section img {display: block; height: 100px; width: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%}

	#author-block section .right {width: 70%}

	/* RELATED */

	#related ol { width: 28%; }
	
	/* MESSAGES */

	#messages {width: 96%; float: right}

	/* BACK TO TOP */

	.totop {font-size: 1em; margin: 4em 0 1em; padding: 8px 0 8px 150px; text-align: center; width: 100%; background-position: center center }

	/* FOOTER */

	footer ul.links {text-align: center}
	
	footer ul.links li {margin: 0 0.5em;  }
	
	footer h5 {float: left; margin: 0 auto; text-align: center; width: 100%; padding: 0; background: none; }
	
	ul#socialfoot {display: none }

	footer p {text-align: center}
	
	footer p.usa {display: none}


}



/* ============================================================ */
/* TABLETS: 768px   */
/* ============================================================ */

@media handheld, only screen and (max-width: 768px) {

	/* UNIVERSAL */

	body {  margin-left: 0; }
	
	body { width: 100%; min-width: 0;}
	
	#holder { width: 96%; border: none}
	
	aside {display: none}
	
  	.content {min-height: 500px }
  	

	/* HEADER */
	
	.ad.head { display: block}
	
	.ad.head.mobile {display: none}
	
	header {position: relative; background: #171616; height: 66px; left: 0; width: 100%; text-align: left; margin-top: 0}
	
	header ul.logo {float: left; width: 157px;}
	
	header ul.logo li {float: left; width: 157px; height: 66px; list-style: none }
	
	header ul.logo li#mobile {display: block;}

	header ul.logo li#mobile a {display: block; height: 100%; width: 100%; background: url(../images/logo_mobile.jpg) no-repeat left top; text-indent: -9999em;}
	
	header ul.logo li#standard {display: none;}
	
	header nav, #twitter_div {display: none}
	
	/* HEADER MOBILE NAV */

	header nav#mobile {display: block; float: right; width: 120px; position: relative; z-index: 1000; font-family: Georgia, 'Times New Roman', Serif; margin-top: 0; font-style: italic}
	
	header nav#mobile, header nav#mobile ul li a:hover {background: #ff0030}
	
	header nav#mobile #toggle {color: white; font-size: 1em; cursor: pointer; display: block; text-align: right; width: 100%; height:66px; line-height: 66px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none;}
		
	header nav#mobile ul {margin-top: 0px; display: block; }
	
	header nav#mobile ul li {width: 100%; min-width: 318px; text-align: center; background: #171516; float: right; padding: 5px 3px; border: 0px; display: none; position: absolute; z-index: 500; right: 0px;}
	
	header nav#mobile ul li:first-child {border: none;}
	
	header nav#mobile ul li a {text-decoration: none; color: #171516; padding: 10px 0px; font-size: 0.875em; width: 100px; background: white; margin: 3px; float: left; letter-spacing: 0; }

	header nav#mobile ul li a:hover {color: white}	
 	
	header .nav-line#mobile {height: 90px; float: right; display: block;}

	header nav#mobile #toggle span {background-image: url(../images/menu_icon.png); background-repeat: no-repeat; width: 20px; height: 15px; float: right; margin: 37px 8px 0 5px;}

	/* MAST HEAD */
	
	.content header#masthead {height: 0; background: none; text-align: center; z-index: 0}
		
	.content header h1 {float: none; text-align: center}

	ul#socialhead {display: none}

	/* MOBILE SEARCH */
	
	body .content form.mobilesearch { margin-bottom: 2.875em;}
		
	/* AUTHOR */

	#author-block section .left {display: none}

	#author-block section .right {width: 100%}

	/* RELATED */

	#related ol { width: 70%; }

	#related .ad {float: left; margin: 2.5em 0 0}

	/* MESSAGES */

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

	/* BACK TO TOP */

	.totop {margin: 3.5em 0 2em;  }

	/* FOOTER */

	footer {margin-top: 1em}
	
	footer h5 {font-size: 1.15em; background: none; background-image: none !important;}

	article.full .ad {float: none; display: block; margin-bottom: 1.75em; clear: left}

	/* ADS */
	
	body .content div.bsap_1239708 a.adhere {height: 120px}
	
	
	/* eBOOKS */

	#issue .preview ul.buy li {width: 98% }
	
}



/* ============================================================ */
/* LANDSCAPE PHONE: 480px   */
/* ============================================================ */

@media handheld, only screen and (max-width: 480px) {

	body {-webkit-text-size-adjust: none;}
	
	.ad.head { display: none}
	
	.ad.head.mobile {display: block}
	
	/* FONTS */

	body .content h2, article.teaser .left {margin-bottom: 0.75em}

	body .content h2 {font-size: 1.75em}

	.line {  margin: 30px 0 46px  }
	
	article ul {margin: 0em 2em 1em}

	/* MOBILE HEADER*/
	
	header {margin-bottom: 1em}
	
	.content header#masthead {display: none}
		
	form.mobilesearch input[type="text"] {width: 80%; }

	form.mobilesearch input[type="submit"] {width: 75px}
	
	body .content form.mobilesearch { margin-top: 1em}


	/* TEASER ARTICLE */

	article.teaser .left {width: 100%; text-align: center; margin-bottom: 1.25em}

	article.teaser .right {width: 100%; float: left; clear: left }
	
	article.teaser a.more {margin-top: 0.75em}
	
	article .postinfo {display: none}
	
	/* FULL ARTICLE */
	
	article.full {border-bottom: 0; } 
	
	article.full ul.bottom {margin: 0 0 4em; float: left}
	
	article.full ul.bottom li.right {display: none}
	
	article.full li.share {display: none}
	
	/* -- COMMENTS --*/
	
	#comments {display: none}
	
	/* AUTHOR, RELATED, COMMENT */
	
	#author-block, #related, form, input[type="button"], #newsletter {display: none}

	/*  ABOUT PAGE  */

	.about {display: none}
	
	/* MOBILE PAGINATION */

	ul.mobilepagination {margin: 3em 0 5em;  }

	/* FOLLOW */

	.follow {display: none}
	
	/* BACK TO TOP */
	
	.totop {display: none}
	
	/* FOOTER */
	
	footer {background: #171616; }
	
	footer .content { padding: 3.75em 2em 0em; min-height: 0}
	
	body footer .content p {padding-bottom: 2.5em}
	
	footer ul.links {margin: 4em 0 3em}
	
	footer ul.links li {margin: 0; display: block; line-height: 2em  }

	footer p {padding-bottom: 4em}
		

	/* HOME SMALL ADS */
	
	.smallads {margin-bottom: -1em; float: left; width: 100% }
		
	.smallads .item { display: block; float: left; position: relative; width: 50%; margin-right:0}	
	
	.smallads .item img {width: 90%; margin-bottom: 1em}	


	/* INNER SMALL ADS */
	
	.ad.post.bot.full {display: block}
	
	.smallads.full {display: none}
	
	body div.bsap_1239708 a, body .content div.bsap_1239708 a.adhere { display: block; float: left; position: relative; width: 46%; font-size: 1em; height: 100% }

	body div.bsap_1239708 img {width: 100%; margin-bottom: 1em}
	
	
	/* FACEBOOK POST SHARE */

	article a#fb {margin-bottom: 2em; font-size: .875em }
	
	
	/* eBOOKS */
	
	#ebooks .grid li {width: 100%}
	
	#ebooks .grid figure img {width: 75%; margin: 0 auto; margin-bottom: .5em}
	
	#ebooks .grid figcaption {display: none}

	#ebooks .section .col {margin-bottom: 2.5em}
	
	#ebooks .section span.new {right: 12.5%}
	
	#ebooks .section p { font-size: 1.125em; line-height: 2.125em}
	
	#issue .preview .flexslider, #issue .preview .right {width: 100%; float: left; }
	
	#issue .preview .right {margin-top: 2.5em}

		


}


/* ============================================================ */
/* PORTRAIT PHONE: 320px   */
/* ============================================================ */

@media handheld, only screen and (max-width: 320px) {

	body {-webkit-text-size-adjust: none;}
	
	#holder {max-width: 320px; width: auto; overflow: hidden}
	
	/* MOBILE HEADER */
	
	.content header#masthead {margin-top: 3em; margin-bottom: 6em }
	
	.content {}
	
	.ad.head {display: none}
	
	.ad.head.mobile {margin: 0 0 1.75em 0}
	
	body .content form.mobilesearch {margin-top: 1em}
	
	html #bottom300 {}

	 	
}



/* ================================================================================ */
/* RETINA IMAGES  */
/* ================================================================================ */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

header ul.logo li#standard a {background-image: url(../images/logo_2x.png) !important; -webkit-background-size: 141px 282px; background-size: 141px 282px;}

header ul.logo li#mobile a {background-image: url(../images/logo_mobile_2x.jpg) !important; -webkit-background-size: 157px 66px; background-size: 157px 66px;}
	
ul#socialhead li a {background-image: url(../images/icon_socialhead_2x.png); -webkit-background-size: 174px 30px; background-size: 174px 30px;}

ul#socialfoot li a {background-image: url(../images/icon_socialfoot_2x.png); -webkit-background-size: 174px 30px; background-size: 174px 30px;}

aside .search input[type="submit"], form.mobilesearch input[type="submit"] {background-image: url(../images/icon_search_2x.png) !important; -webkit-background-size: 16px 15px; background-size: 16px 15px;}

.idea a span {background-image: url(../images/icon_camera_2x.png) !important; -webkit-background-size: 19px 16px; background-size: 19px 16px;}  

.totop {background-image: url(../images/icon_arrow_2x.png) !important; -webkit-background-size: 10px 12px; background-size: 10px 12px;}

article ul.postinfo li.date {background-image: url(../images/icon_clock_2x.png) !important; -webkit-background-size: 15px 15px; background-size: 15px 15px;}

footer h5 {background-image: url(../images/logo_footer_2x.png); -webkit-background-size: 15px 15px; background-size: 64px 19px; background-repeat: no-repeat;}

#twitter_div a.link {background-image: url(../images/icon_twitter_grey_2x.png) !important; -webkit-background-size: 21px 14px; background-size: 21px 14px;}

.newsletter button[type="submit"], .newsletter button[type="submit"]:hover {background-image: url(../images/icon_newsletter_2x.png) !important; -webkit-background-size: 15px 10px; background-size: 15px 10px;}

#wp_page_numbers ul li a em {background-image: url(../images/icon_arrow_left_2x.png) !important; -webkit-background-size: 10px 10px; background-size: 10px 10px;}

#wp_page_numbers ul li a i {background-image: url(../images/icon_arrow_right_2x.png) !important; -webkit-background-size: 10px 10px; background-size: 10px 10px;}

article.full ul.postinfo li.by {background-image: url(../images/icon_user_2x.png) !important; -webkit-background-size: 14px 14px; background-size: 14px 14px;}

article.full ul.bottom li.right a, .resultbox li.col-2 li.comments {background-image: url(../images/icon_comment_2x.png) !important; -webkit-background-size: 18px 14px; background-size: 18px 14px;}

#related ul.postpagination li.prev a {background-image: url(../images/icon_leftarrow_big_2x.png) !important; -webkit-background-size: 38px 38px; background-size: 38px 38px;}

#related ul.postpagination li.next a {background-image: url(../images/icon_rightarrow_big_2x.png) !important; -webkit-background-size: 38px 38px; background-size: 38px 38px;}

.heart-box, .heart-box:hover {background-image: url(../images/icon_heart_2x.png) !important; -webkit-background-size: 32px 30px; background-size: 32px 30px;}

.content input.name {background-image: url(../images/icon_form_user_2x.gif) !important; -webkit-background-size: 32px 16px; background-size: 32px 16px;}

.content input.email {background-image: url(../images/icon_form_mail_2x.gif) !important; -webkit-background-size: 32px 10px; background-size: 32px 10px;}

.content input.url {background-image: url(../images/icon_form_url_2x.gif) !important; -webkit-background-size: 32px 10px; background-size: 32px 10px;}

body .gdt-size-20.gdthumb a.gdt-pb, body .gdt-size-20.gdthumb div.gdt-pb {background-image: url(http://wp.junip.com/wp-content/plugins/gd-star-rating/thumbs/pb/thumbs20_2x.png) !important; -webkit-background-size: 20px 80px; background-size: 20px 80px;}

.resultbox li.col-2 li.likes {background-image: url(../images/icon_heart_grey_2x.png) !important; -webkit-background-size: 15px 14px; background-size: 15px 14px;}

#messages ol li.comment .post .avatar {background-image: url(../images/comment_white_2x.png) !important; -webkit-background-size: 63px 64px; background-size: 63px 64px;}

#messages ol li.comment ul.children li.comment .avatar, #messages ol li.comment ul.children li.comment ul.children li.comment .avatar {background-image: url(../images/comment_tan_2x.png) !important; -webkit-background-size: 63px 64px; background-size: 63px 64px;}
   
  }