/*
Description: The Sweet Setup
Author: Ink Blot Media Group
Author URI: http://www.inkblotmediagroup.com
Version: v1.0
*/



/*----------------------------------------------
	Reset default browser CSS.
	http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
-----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body 				{line-height: 1;}

ol, ul 				{list-style: none;}

blockquote, q 		{quotes: none;}

blockquote:before,
blockquote:after,
q:before, q:after 	{content: ''; content: none;}

table 				{border-collapse: collapse;	border-spacing: 0;}
/* END Reset */


/*----------------------------------------------
	Newsletter Styles
-----------------------------------------------*/


.newsletter				{background-color: #fff; }
.newsletter-text		{width: 59%; float: left; margin-right: .8em;}
.newsletter-text p		{font-size: 1.3em; margin-right: 1em;}

.newsletter-form		{width: 100%; overflow: hidden; margin-top: .6em;}
.newsletter-form input.email, .newsletter-form input.name	{
	-webkit-appearance: none;
	padding: 12px 8px 14px 10px;
	float: left;
	min-width: 200px;
	max-width: 650px;
	width: 90%;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 600; 
	border: 1px solid #C9C9C9;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px; 
}
	.newsletter-form input.name { text-transform: capitalize; }
	.newsletter-form input.email { text-transform: lowercase; }

	.newsletter-form input.email:focus, .newsletter-form input.name:focus { 
		outline: none;
		border: 1px solid #a6a6a6;
		}


.newsletter-form .submit {
	-webkit-appearance: none;
	border: none;
	float: none;
	padding: 13px 15px;
	background-color: #292929;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 1em;  
	width: 175px;  
	cursor: pointer;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px; 
	height: 42px;
	transition: all 0.25s ease;
}

.newsletter-sidebar .submit	{
	-webkit-appearance: none;
	border: none;
	float: none;
	padding: 9px 12px;
	background-color: #292929;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 11px;  
	width: 175px;  
	cursor: pointer;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px; 
	height: 36px;
	transition: all 0.25s ease;
}


.newsletter-form .submit:hover, .newsletter-sidebar .submit:hover	{ background-color: #4A84AE; }


@media screen and (max-width: 990px) {
.newsletter-text	{ width: 52%; }
.newsletter-form 	{ width: 100%; }
.newsletter-form input.email, .newsletter-form input.name	{ width: 100%;}
	.article a.purchase {width: 98%;}
}
@media screen and (max-width: 880px) {
	.newsletter-text p		{ font-size: 1.1em; margin-right: 0em; }
	.newsletter-text	{ width: 95%;  float: none;  margin-left: 1em; }
	.newsletter-form 	{ width: 95%;  margin-left: 1em; }
	.newsletter-form input.email, .newsletter-form input.name	{ width: 85%; }
		.article a.purchase {width: 98%;}
}
@media screen and (max-width: 767px) {
	.newsletter			{ padding-bottom: 2em;  padding-top: 2em; }
	.newsletter-form .submit, .newsletter-sidebar .submit	{ width: 98%; margin-left: 0px; margin-top: .6em; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px; float: none; }
	.newsletter-form input.email, .newsletter-form input.name	{ width: 93%; float: none; }
	.newsletter .container		{ padding: 0; }
	.article a.purchase {width: 98%;}

}



/*----------------------------------------------
	Link + Button Styles
-----------------------------------------------*/

a	{
	color: #1f8dbf;
	text-decoration: none;
	-moz-transition: all 200ms ease-in-out 0s; 
	-webkit-transition: all 200ms ease-in-out 0s; 
	transition: all 200ms ease-in-out 0s;}


/* Custom text-selection colors */
::-moz-selection	{background: #4a8fae; color: #fff; text-shadow: none;}
::selection 		{background: #4a8fae; color: #fff; text-shadow: none;}

.loved,
.button				{display: block;
				width: 120px;
				text-transform: uppercase;
				letter-spacing: 3px;
				font-size: 12px;
				font-weight: 600;
				padding: 16px 39px 16px 10px;
				text-align: center;
				background: url(img/button_sprite.png) no-repeat 125px 1px #4a8fae;
				color: #ffffff;
				margin: 8px 0;
				-webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;
				-moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;}

.loved,
.like				{background-color: #e6b64f; background-position: 168px -52px;}

.loved 				{font-size: 10px;
      				letter-spacing: 2px;
   				padding: 17px 0px;
   				width: 209px;
				background-image:none;
				background-color:#B89340;}

.pagination .previously		{float: left;
				background-position: 10px -154px;
				background-color: #e6b64f;
				padding: 17px 9px 17px 40px;
				width: 150px;}

.pagination .recently		{float: right;
				background: url("img/button_sprite.png") no-repeat scroll 157px 1px #e6b64f;
				width: 150px;}

.post-title a		{-moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s;}

.subtitle a,
.category-app-name a,
.app-name a			{color:#3B3B3B;}

.framed a 			{color: #e6b64f;}

.advertise-here			{border: 2px solid #E3E3E3;
    				bottom: 0;
    				color: #C1C1C1;
    				font-size: 10px;
    				font-weight: 600;
    				padding: 4px 5px;
    				position: absolute;
    				right: 0;
    				bottom: -10px;}

.main-nav-toggle		{display: block;
				height: 0;
				overflow: hidden;
				padding-top: 48px;
				position: absolute;
				right: 0;
				top: 0;
				width: 251px;}

/*----------------------------------------------
             Hover styles
---------------------------------------------- */

.article a:hover	{color: #23A3DE; border-bottom:1px dotted;  background-color: rgba(32, 152, 206, 0.2); -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; }

.article a:hover img	{border:none; background-color:none;}

#about a:hover		{ border-bottom: 1px dotted;}

.post-title a:hover			{color: #E9A71F; background-color: rgba(230, 182, 79, 0.2);}

.tips-tricks .post-title a:hover,
.tips-tricks .post-excerpt a:hover,
.author-bio a:hover,
.app-wrap .subtitle a:hover,
.app-wrap .category-app-name a:hover		{color: #2098CE; background-color: rgba(32, 152, 206, 0.2);}

.framed a:hover 			{color: #B88E32;}

.category-buttons .framed:hover		{color:#FFFFFF; background-color: #E6B64F;}

.categories a:hover		{color:#4A8FAE;}

#footer-nav a			{border-bottom: 0;}
#footer-nav a:hover		{border-bottom: 1px solid; }

#props a 			{-moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s;}
#props a:hover 			{color: #ffffff;}

.button:hover    		{background-color: #53A6CA; background-position: 127px 1px;}
.category-buttons .button:hover {background-color: #53A6CA; background-position: 157px 0px;}

.like:hover         		{background-color: #F8C457; background-position: 127px -51px;}

.pagination .previously:hover      {background-color: #F8C457; background-position: 9px -154px;}
.pagination .recently:hover        {background-color: #F8C457; background-position: 158px 1px;}

#hero-thumbnails .active,
.thumbnail:hover		{border-color:#4A8FAE;}

.subtitle a:hover,
.category-app-name a:hover,
.app-name a:hover		{color:#1F8DBF;}

#article-hero .app-name a:hover	{color: #2098CE;}


.ad-text:hover			{color: #E9A71F;}
.advertise-here:hover		{color: #E6B64F; border-color: #F3D084;}

.ad-img:hover,
.ad-full:hover			{opacity: 0.9;}




/*----------------------------------------------
	General Layout & Structure + Header
-----------------------------------------------*/

body 			{font-size: 16px; font-size: 62.5%;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	color: #3b3b3b;}

#header-wrap	{background-color: #000000;
	height: 122px;
	border-bottom: 9px solid #4A8FAE;}

#header			{width: 1200px;
	position: relative;
	margin: 0 auto;
	width: 95%;
	max-width: 1200px;
	height: 122px;
	z-index: 100;}

#logo			{height: 159px;
	width: 137px;
	position: absolute;
	top: 39px;
	left: 53px;}

#about			{width: 375px;
	color: #939393;
	position: absolute;
	top: 59px;
	left: 212px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;}

#about span		{color: #ffffff;}

#about a		{color: #4a8fae;}

#search			{position: absolute;
	top:55px;
	right: 0;
	width: 171px;}

#search-input	{width: 135px;
				font-size: 12px;
				letter-spacing: 2px;
				text-transform: uppercase;
				-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
				padding: 0 15px;
				background-color: #000000;
				border: 3px solid #8b8b8b;
				color: #DCDCDC;
				height: 42px;
				line-height: 42px;
				font-family: 'Whitney SSm A','Whitney SSm B';
			    font-weight: 600;
			    -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }

#search-input:focus	{border-color: #ffffff; color: #ffffff; box-shadow: none; outline: none;}



/*----------------------------------------------
	  Content Area + Typography
-----------------------------------------------*/

ol, ul		{font-size: 15px;
    		line-height: 24px;
    		margin: 30px 30px 30px 35px;}

ol			{list-style: decimal outside none;}

ul			{list-style: square outside none;}

li			{margin: 11px 0;}

h1			{font-size: 32px;
			line-height: 35px;
			font-weight: 600;
			letter-spacing: -1px;}

h2			{font-size: 22px;
			font-weight: 600;
			line-height: 24px;}

h3			{font-size: 18px;
    			font-weight: 600;
    			line-height: 22px;}

h4			{font-size: 14px;
    			font-weight: 700;
    			line-height: 16px;
    			letter-spacing: 1px;
    			text-transform: uppercase;}

strong				{font-weight: 600;}

em				{font-style: italic;}

blockquote			{font-size: 16px;
    				line-height: 25px;
    				margin: 26px 40px 26px 20px;
    				padding-left: 15px;
    				border-left: 3px solid #F3D084;}

blockquote p			{font-size: 16px;}

sub 			{vertical-align: sub;}
sup 			{vertical-align: super;}
sub, sup 		{font-size: 0.8em;
			line-height: 100%;}

table 			{border-collapse: collapse;
			font-size: 12px;
			margin-top: 25px;
			line-height: 20px;}

th, td 			{padding: 0.25rem;
			text-align: left;
			border: 1px solid #E4E4E4;}


tbody tr:nth-child(odd) {background: #FAFAFA;}

table.sponsorships	{border-collapse: collapse; font-size: 14px; margin-top: 25px;}

table.sponsorships th, table.sponsorships td	{ padding: 0.4rem; border: none;}

table.sponsorships tr:nth-child(odd) {background: #ffffff;}

#content-wrap			{width: 100%;
				max-width: 1200px;
				margin: 0 auto;}

#main-content			{float: left;
				margin-top: 65px;
				max-width: 840px;
				width: 70%;}

.article-header			{margin: 30px 70px 30px 54px; position: relative;}

.article			{margin: 38px 140px 30px 54px;}

.review-title			{color: #787878;
				font-size: 25px;
				line-height: 29px;
				width: 70%;}

.app-name 			{font-size: 52px;
				font-weight: 600;
				line-height: 57px;
				letter-spacing: -2px;
				margin-bottom: 20px;
				width: 70%;}

.article-buttons		{float: right;
				position: absolute;
				right: 0;
				top: 39px;}

.tldr,
#review-page .article > p:first-of-type		{font-size: 21px;
						line-height: 29px;
						margin-bottom: 28px;}

p				{font-size: 15px;
				line-height: 25px;
				margin: 24px 0;}

.article * 	{max-width:100%;}

.framed				{display: inline-block;
				font-size: 9px;
				text-transform: uppercase;
				letter-spacing: 3px;
				padding: 7px 9px 6px 12px;
				border: 2px solid #f3d084;
				color: #e6b64f;
				font-weight: 700;}

.post-date		{color: #8A8A8A;
			font-size: 12px;
			letter-spacing: 3px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 10px;}

.categories		{margin-bottom: 25px;}
.categories a		{font-size: 13px;
			color: #333333;
			margin-right: 16px;
			font-weight: 600;}


.category-buttons .button	{font-size: 10px;
				width: 150px;
				background-position: 155px 0px;}

.clear				{clear: both;}

[class^="ss-"]:before 	{padding-right: 4px;} /* Symbolset icon spacing adjustment */


code,
pre  			{font-family: consolas, courier, monospace;
			font-size: 14px;
			background-color: #F1F1F1;
			margin: 0 2px;}

pre			{padding: 9px 14px;
			margin: 25px 0;
			border-bottom: 2px solid #CACACA;}

hr			{border:0; height:0; border-bottom:1px solid #E3E3E3;}


#search-input-404	{border: 3px solid #8B8B8B;
   			border-radius: 3px;
    			color: #3B3B3B;
    			font-family: 'Whitney SSm A','Whitney SSm B';
    			font-size: 16px;
    			font-weight: 400;
    			height: 42px;
    			line-height: 42px;
    			padding: 0 15px;
			width: 250px;}



body.page .article-header	{margin-top: 35px; margin-bottom:25px;}
body.page .article		{margin-top: 25px;}

p.email input.newsletter {
	width: 95%;
	font-size: 16px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
	padding: 16px 0px 12px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
	}

	p.email input.newsletter_button {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
		color: #ffffff;
		padding: 15px 7px 11px 7px;
		border: 1px solid #cfcfcf;
		background-color: #4D8FAD;
		border-radius: 5px;
		outline: none;
		transition: background-color 0.35s;
		-moz-transition: background-color 0.35s; /* Firefox 4 */
		-webkit-transition: background-color 0.35s; /* Safari and Chrome */
		-o-transition:background-color 0.35s; /* Opera */
		}

		p.email input.newsletter_button:hover {
			background-color: #fafafa;
			color: #4D8FAD;
			border: 1px solid #cfcfcf;
			transition: background-color 0.35s;
			-moz-transition: background-color 0.35s; /* Firefox 4 */
			-webkit-transition: background-color 0.35s; /* Safari and Chrome */
			-o-transition:background-color 0.35s; /* Opera */
			cursor: pointer;
			}


/*----------------------------------------------
	  Review Specific Styles
-----------------------------------------------*/

#review-page #header-wrap		{border-bottom: none;}

#review-page #side-bar			{margin-top: 0px;}
#review-page #main-content		{margin: 0;}

#article-hero 		{position: relative;}

#article-hero img	{border-bottom: 8px solid #4a8fae; max-width: 100%; height: auto;}

#hero-thumbnails	{bottom: 20px;
			left: 54px;
			position: absolute;}

#hero-thumbnails img	{border:none;}

.thumbnail		{border: 2px solid #787878;
			height: 40px;
			width: 60px;
			display: block;
			float: left;
			margin-right: 6px;}

.article img		{max-width: 100%;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

.article a.purchase {
			text-align: center;
			padding: 10px 30px 10px 30px;
			background-color: #D60052;
			border: 3px solid #DBE1E1;
			color:#ffffff;
			font-size: 14px;
   			font-weight: 700;
   			line-height: 16px;
   			letter-spacing: 1px;
			border-radius: 5px;
			text-transform: uppercase;
			transition: background-color 0.9s;
			-moz-transition: background-color 0.9s; /* Firefox 4 */
			-webkit-transition: background-color 0.9s; /* Safari and Chrome */
			-o-transition:background-color 0.9s; /* Opera */
			}
	.article a.purchase:hover {
			border-bottom: none;
			background-color: #A40089; 
			border: 3px solid #D4D9D9;
			transition: background-color 0.9s;
			-moz-transition: background-color 0.9s; /* Firefox 4 */
			-webkit-transition: background-color 0.9s; /* Safari and Chrome */
			-o-transition:background-color 0.9s; /* Opera */
			}




.article img.center		{margin: 0 25%;
    				max-width: 50%;
				min-width: 0;}

.buy-box		{margin: 70px 140px 60px 54px;
			background: url(img/bg_pattern.png) repeat #F1F1F1;
			padding: 30px 30px 42px 30px;
			-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}

.buy-box .button	{display: inline-block; float: none; width: 210px; background-position: 217px 1px;  }
.buy-box .button .price		{border-left: 1px dotted #6EADC9; font-size: 12px; letter-spacing: 1px; margin-left: 0; padding-left: 10px;}


.buy-box img		{width: 100%; border-radius: 8px;}

.buy-box .app-name 	{font-size: 41px;
			line-height: 41px;
			width: 100%;
			margin-bottom: 10px;}

.price			{font-size: 14px;
			margin-bottom: 15px;
			font-weight: 600;}

.description		{font-size: 13px;
			line-height: 17px;
			margin: 15px 0 15px 0;}

.app-icon		{width: 100px;
			height: 240px;
			float: left;
			margin-right: 25px;}

.footnotes,
.footnotes p,
.footnotes ol,
.footnotes ul		{font-size: 12px;
    			line-height: 18px;}

.article-buttons .price 	{border-left: 1px dotted #6EADC9;
    				font-size: 12px;
    				letter-spacing: 0;
    				margin-left: 0;
    				padding-left: 10px;}

.article-buttons .button	{background-position: 168px 1px;
				width:160px;
				font-size:10px;
				letter-spacing:2px;}

.article-buttons .button:hover	{background-position: 169px 1px;}

.article-buttons .like		{background-position: 168px -51px; padding: 17px 39px 17px 10px;}
.article-buttons .like:hover	{background-position: 169px -51px;}




/*----------------------------------------------
	  Post Specific Styles
-----------------------------------------------*/
#post-page .article-header h1	{margin-bottom: 10px;}

#post-page .categories		{margin-bottom: 17px;}


/*----------------------------------------------
	  Category  Styles
-----------------------------------------------*/
.category-title			{font-size: 13px;
				text-transform: uppercase;
				letter-spacing: 3px;
				font-weight: 700;
				clear: both;}

.category-title span		{display: block;
				font-size: 45px;
				letter-spacing: -1px;
				text-transform: none;
				font-weight: 600;}

.category-wrap				{margin: 30px 80px 30px 54px;
					background: url(img/bg_pattern.png) repeat #F1F1F1;
					padding: 30px 30px 22px 30px;
					-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}

.category-wrap img			{width: 100%; max-height: 79px; border-radius: 7px;}

.category-wrap .app-icon		{height: 65px;
					margin-right: 22px;
					width: 60px;}

.subtitle				{font-size: 22px;
					line-height: 24px;
					letter-spacing: -1px;
					margin-top: 1px;
					margin-bottom: 2px;}

.category-app-name			{font-size: 26px;
					font-weight: 400;
					letter-spacing: 0;
					line-height: 30px;
					letter-spacing: -1px;
					width: 68%;}

.category-wrap .description		{clear: both;
					float: left;
					margin: 16px 0 20px;
					width: 360px;}

.category-buttons			{float: right; margin-top: -28px;}

.category-buttons .framed		{font-size: 10px;
					padding: 12px 9px 12px 12px;
					border: 2px solid #E6B64F;
					color: #CA9219;
					width: 174px;
					text-align: center;
					-webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}

.category-buttons .framed .price	{border-left: 1px dotted;
					font-size: 12px;
					letter-spacing: 0;
					margin-left: 2px;
					padding-left: 10px;}


/*----------------------------------------------
	 Blog Styles
-----------------------------------------------*/

.blog-post				{margin: 38px 140px 50px 54px;
					padding-bottom: 20px;
					border-bottom: 1px dotted #F3D084;}

h2.post-title,
h2.post-title a				{font-size: 24px;
					letter-spacing: -1px;
					line-height: 28px;
					margin-bottom: 7px;
					width: 100%;
					color: #3B3B3B;}

.post-title a			{letter-spacing: normal;
				text-transform: none;}


.blog-post .framed			{float: right; margin-top: -53px;}

.post-excerpt				{font-size: 14px; line-height: 23px;}

.post-excerpt a				{color: #E6B64F; font-weight: 700;}

.pagination					{margin: 0 250px 0 auto; width: 430px;}



/*----------------------------------------------
	 Home Page Styles
-----------------------------------------------*/

#home #header-wrap		{border-bottom: none;}

#home #side-bar			{margin-top: 0px;}
#home #main-content		{margin: 0;}


#home #article-hero		{border-bottom: 8px solid #4A8FAE;}


#home #article-hero img 		{border: none; min-height: 350px; min-width: 450px;}

#article-hero .hero-text-wrap		{position:absolute;
					left:54px;
					top: 180px;
					z-index:10;}

#article-hero .app-name			{color: #FFFFFF;
					font-size: 47px;
					line-height: 49px;
					margin-bottom: 10px;
					width: 100%;}

#article-hero .app-name a		{color:#ffffff;}

.featured-app				{display: inline-block;
					font-size: 9px;
					text-transform: uppercase;
					letter-spacing: 2px;
					color: #ffffff;
					font-weight: 700;
					line-height:11px}

#article-hero .non-app			{visibility:hidden;}

#article-hero .description		{width: 490px;
					color: #ffffff;
					font-size: 15px;
					margin: 5px 0;
					line-height: 20px;}

#article-hero .button			{position: absolute;
					bottom: 27px;
					right: 29px;
					background-color: transparent;
					border: 3px solid;
					z-index: 15;
					background-position: 137px 1px;
					padding: 10px 39px 10px 10px;
					width: 130px;}

#article-hero .button:hover		{background-position: 137px 1px; background-color:#4A8FAE; border-color: #4A8FAE;}

.hero-overlay 					{background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	height: 75%;
	left: 0;
	position: absolute;
	bottom: 0;
	transition: opacity 0.7s ease 0s;
	width: 100%;
	z-index: 1;}

.category-grid					{margin: 25px 0px 30px 54px;}

.category-grid .category		{width: 158px;
					float: left;
					margin-right: 32px;
					margin-top: 25px;
					min-height: 140px;}

.category-grid h3		{font-size: 16px;
				font-weight: 600;
				margin-bottom: 15px;}

.category-grid h3 a 		{color:#3B3B3B;}
.category-grid h3 a:hover	{color:#2098CE;}

.app-wrap						{margin: 12px 0;}

.app-wrap .subtitle,
.app-wrap .subtitle a			{font-size: 13px;
	line-height: 15px;
	letter-spacing: 0;
	color: #707070;
	font-weight: 400;
	width: 100%;
	margin-bottom: 0;}

.app-wrap .subtitle a span 			{font-weight:700; color: #1F8DBF;}

.app-wrap .category-app-name,
.app-wrap .category-app-name a			{font-size:12px;
						line-height: 18px;
						text-transform: uppercase;
						color: #1f8dbf;
						letter-spacing: 0;
						font-weight: 600;}


[class^="category-grid"] [class^="ss-"]:before 	{padding-right: 6px;
						font-size: 15px;
						position: relative;
   						top: 2px;}  /* Symbolset icon spacing adjustment */

.grid-5, .grid-9, .grid-13, .grid-17, .grid-21	{clear:both;}


.platforms				{clear:both; padding-top: 40px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac				{color: #FFFFFF;
					display: block;
					font-size: 18px;
					font-weight: 600;
					height: 110px;
					line-height: 110px;
					padding-left: 60px;
					position: relative;
					text-align: center;
					width: 176px;
					border-radius: 3px;
					float:left;}

.platforms .iphone			{background-image: url(img/platform_iphone.jpg); margin-right:15px;}
.platforms .ipad			{background-image: url(img/platform_ipad.jpg);  margin-right:15px;}
.platforms .mac				{background-image: url(img/platform_mac.jpg);}

[class^="platforms"] [class^="ss-"]:before {position: absolute; color: #FFFFFF; font-size: 25px; left: 20px;}

.platforms a:hover			{text-shadow: 0 0 40px #ffffff, 0 0 90px #ffffff;}


/*----------------------------------------------
	  Side Bar
-----------------------------------------------*/

#side-bar			{max-width: 360px;
					width: 30%;
					margin-top: 60px;
					float: right;
					background-color: url(img/bg_pattern.png) repeat #F1F1F1;}

.side-title			{background: #e6b64f;
				height: 35px;
				color: #583d02;
				text-transform: uppercase;
				text-align: center;
				font-size: 11px;
				letter-spacing: 3px;
				line-height: 35px;
				font-weight: 700;
				clear: both;}

.side-title a 			{color: #583D02;}

.ad-space			{margin: 29px 20px 29px 29px; position: relative;}

.ad-img				{float: left;
				margin-right: 25px;
				max-height: 100px;
    				max-width: 130px;}

.ad-text			{font-size: 11px;
				line-height: 14px;
				font-family: Verdana;
				color: #707070;
				margin-top: 0px;}

.ad-full		{margin-bottom: -3px;}

.author-name		{font-size: 16px;
			font-weight: 600;
			margin: 25px 30px 5px 30px;
			text-transform:capitalize;
			letter-spacing:0;}

.author-bio		{font-size: 13px;
			line-height: 20px;
			margin: 5px 30px 25px 30px;}

.avatar			{float: left;
			height: 70px;
			margin: 25px 13px 5px 30px;
			width: 70px;}

.post-wrap		{margin: 25px 20px 25px 30px;}

.post-title a				{font-size: 14px;
					line-height: 16px;
					font-weight: 600;
					color: #ca9219;}

.post-wrap .post-excerpt		{margin: 0;
					font-size: 12px;
					line-height: 17px; }

.post-wrap .post-excerpt a		{color: #ca9219; font-weight: 700;}


.tips-tricks .post-wrap			{margin: 0;
					padding: 17px 20px 17px 27px;
					border-bottom: 1px solid #e3e3e3;}

.tips-tricks .post-title a,
.tips-tricks .post-excerpt a		{color: #3f7d99;}


.recently,
.sponsor,
.related,
.tips-tricks,
.author,
.sponsor-full,
.newsletter-sidebar			{background: url(img/point.png) no-repeat center 35px;}


.article-icon			{padding: 37px 27px 45px 0;
				color: #7C7C7C;
				float: left;
				font-size: 22px;}


.sponsor-full				{text-align: center;}
.sponsor-full img			{max-height: 250px;
    					max-width: 300px;
					margin: 25px 0;}


.follow-us .side-title	{background-color: #323232;
    			color: #B4B4B4;
			font-size: 9px;}

.follow-us a		{color:#B4B4B4;}
.follow-us a:hover	{color:#ffffff;}

[class^="follow-us"] [class^="ss-"]:before 	{font-size: 18px;
						line-height: 15px;
    						padding-right: 6px;
    						position: relative;
    						top: 6px;}


#side-bar p.email							{margin: 10px 0;}

#side-bar p.email input.newsletter 			{font-size: 13px; padding: 9px 0 9px 8px;}
#side-bar p.email input.newsletter_button 	{padding: 9px 14px; font-size: 11px; font-weight: 600; letter-spacing: 2px; -webkit-appearance: none;}

.newsletter-sidebar .post-wrap				{margin-bottom: 0; padding-bottom: 20px;}


/*----------------------------------------------
	  Footer
-----------------------------------------------*/
#footer				{background: url(img/blue_pattern.png) repeat #4a8fae;
	height: 300px;
	width: 100%;
	clear: both;
	position: relative;
	margin-top: 60px;
	color: #ffffff;}

#footer-nav			{background: #4a8fae;
	height: 35px;}

#footer-nav ul		{list-style:none;
	margin: 0 auto;
	max-width: 650px;}

#footer-nav li		{float: left; margin: 0 15px;}

#footer-nav a		{font-size: 11px;
	font-weight: 600;
	line-height: 35px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 5px; }

#tagline			{font-size: 16px;
	line-height: 19px;
	margin-top: 72px;
	text-align: center;}


[id^="tagline"] [class^="ss-"]:before 	{font-size: 30px;
    					padding: 0 3px;
    					position: relative;
    					top: 9px;
					cursor: pointer;}
#tagline a		{color:#ffffff;}
#tagline a:hover	{color:#FFCB59; position: relative; top: -1px;}


#copyright			{position: absolute;
	bottom: 0px;
	height: 56px;
	width: 100%;
	text-align: center;
	background: #000000;
	padding-top: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 10px;
	line-height: 15px;
	color: #eaeaea;}

#copyright span		{margin-right: 8px;
	text-transform: none;
	letter-spacing: normal;
	font-weight: 400;
	font-size: 11px;}

#copyright a		{color: #ffffff;}

#props,
#props a			{color: #3b3b3b; letter-spacing: 1px;}


/*----------------------------------------------
      Main Navigation: App Categoires
-----------------------------------------------*/
#main-nav							{position: absolute; right: 188px; top: 55px; list-style:none;}

.main-nav 							{display:block;
	width: 220px;
	height: 42px;
	padding-right: 25px;
	border: 3px solid #4a8fae;
	-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: #000000;
	background: url(img/button_sprite.png) no-repeat 204px -104px #000000;
	line-height: 42px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;}

#main-nav li					{position:relative;}
#main-nav a					{display:block; color:#fff; text-decoration:none; -webkit-transition:none; -moz-transition:none; transition:none;}
#main-nav a:hover				{color:#fff; background-color:#6b0c36;}
#main-nav ul				{list-style:none;
					position:absolute;
					/*display:none;*/
					visibility:hidden;
					left:-9999px;
					/* Hide off-screen when not needed (this is more accessible than display:none;) */
				}

#main-nav ul.loaded { visibility:visible; left:0; }

#main-nav ul li				{float:none;}
#main-nav ul a				{white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
					font-size: 13px;
					font-weight: 400;
					padding: 10px 10px 10px 22px;
					width: 219px;
					background-color: #282828;}

#main-nav ul li:first-child a		{padding-top: 16px;}
#main-nav ul li:last-child a		{padding-bottom: 16px;
					-webkit-border-bottom-right-radius: 6px;
					-webkit-border-bottom-left-radius: 6px;
					-moz-border-radius-bottomright: 6px;
					-moz-border-radius-bottomleft: 6px;
					border-bottom-right-radius: 6px;
					border-bottom-left-radius: 6px;}

#main-nav li ul				{left:0; overflow:hidden; /* Display the dropdown on hover */  }
#main-nav li:hover a			{background-color: #4a8fae;  /* Top-level persistent hover state */}

#main-nav li:hover ul a			{background-color: #282828; /* Undo above hover state on sub-menu. */}
#main-nav li:hover ul li a:hover	{background-color: #444444; color:#ffffff; /* Hover state for sub-menu links */}

[id^="main-nav"] [class^="ss-"]:before 	{padding-right: 10px; color: #a9a9a9; position:relative; top:2px;}  /* Symbolset icon spacing adjustment */

#main-nav .separator			{background-color: #282828;
    					border-bottom: 8px solid #323232;}

#main-nav,
#main-nav ul,
#main-nav li {margin: 0; line-height: 14px;}


#search-icon	{display: none; /* only shows on mobile-view */
text-align: right; width: 30px; position: absolute; right: 16px; top: 29px;}
#search-icon a	{font-size: 21px; color: #fff; padding: 10px;}


/*----------------------------------------------
     Multiple Buy Link Dropdown
-----------------------------------------------*/

.buy-options						{list-style: none outside none; margin: 0;}

.buy-app-button						{background-position: 168px -103px !important;}

.buy-options li						{position:relative; margin: 0;}
.buy-options a						{display:block;
									padding: 10px 39px 10px 10px;
									background-position: 168px -103px;
									text-decoration:none;
									-webkit-transition:none; -moz-transition:none; transition:none;}

.buy-options a:hover				{color:#fff; background-color:#6b0c36;}
.buy-options ul						{list-style:none;
									position:absolute;
									left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
									margin-top: -8px;}

.buy-options ul li					{float:none;}
.buy-options ul a					{white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
									color: #ffffff;
									font-size: 13px;
									font-weight: 400;
									padding: 10px 10px 10px 22px;
									width: 177px;
									background-color: #4A8FAE;
									z-index: 1000;
									position: relative;}

.buy-options ul li:first-child a	{padding-top: 12px;}
.buy-options ul li:last-child a		{padding-bottom: 12px;
									-webkit-border-bottom-right-radius: 4px;
									-webkit-border-bottom-left-radius: 4px;
									-moz-border-radius-bottomright: 4px;
									-moz-border-radius-bottomleft: 4px;
									border-bottom-right-radius: 4px;
									border-bottom-left-radius: 4px;}



.buy-options li:hover ul			{left:0; overflow:hidden; /* Display the dropdown on hover */  }
.buy-options li:hover a				{background-color: #53A6CA; background-position: 168px -103px;
									-webkit-border-bottom-right-radius: 0px;
									-webkit-border-bottom-left-radius: 0px;
									-moz-border-radius-bottomright: 0px;
									-moz-border-radius-bottomleft: 0px;
									border-bottom-right-radius: 0px;
									border-bottom-left-radius: 0px;
									/* Top-level persistent hover state */}

.buy-options li:hover ul a			{background-color: #517180; /* Undo above hover state on sub-menu. */}
.buy-options li:hover ul li a:hover	{background-color: #4A8FAE; color:#ffffff; /* Hover state for sub-menu links */}

[class^="buy-options"] [class^="ss-"]:before 	{padding-right: 10px; color: #a9a9a9; position:relative; top:2px; color: #B3C8CF;}  /* Symbolset icon spacing adjustment */

.app-store-dropdown					{margin: 0;}
.app-store-dropdown .price			{margin-left: 5px; border-left: 1px dotted #6EADC9; font-size: 12px; letter-spacing: 0; padding-left: 10px;}




.buy-box .buy-options				{display: inline-block;}
.buy-box .buy-app-button			{width: 160px;}




/* Responsive!
------------------------------- */
@media only screen and (max-width: 1180px) {

.grid-5, .grid-9, .grid-13, .grid-17, .grid-21	{clear:none;}
.grid-4, .grid-7, .grid-10, .grid-13, .grid-16, .grid-19, .grid-22	{clear:both;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:156px;}

}


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

#main-content 		{width: 67%;}
#side-bar 		{width: 33%;}

#header			{width: 97%;}
#logo			{left: 20px;}

#about			{left: 178px;}

.article 		{margin: 38px 60px 30px 54px;}

.category-wrap			{margin: 30px 40px 30px 34px;}
.category-wrap .description 	{width: 340px;}
.buy-box 			{margin:50px 0 30px 54px;}

#article-hero .hero-text-wrap 	{left: 44px; top:167px;}

#article-hero .description 	{width:410px;}

.review-title,
.app-name		{width:64%;}


.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:126px;}

.ad-text	{line-height: 12px;}
.advertise-here	{bottom: -16px;}

}



@media screen and (min-width:1024px) and (max-width:1024px) {
#main-content 		{width: 685px;}
#side-bar 		{width: 339px;}
}




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

#about			{width: 295px;
			top: 44px;}

.article-header 	{margin: 30px 40px 30px 34px;}
.article 		{margin: 38px 60px 30px 34px;}
.buy-box 		{margin:50px 0 30px 34px;}

.category-wrap .description 	{width: 290px;}
.sponsor-full img 		{margin: 15px 0;}

#article-hero .description 	{width:380px;}

#article-hero .button 		{background-position: 111px -4px; padding: 5px 43px 5px 8px; font-size: 10px; width: 100px;}
#article-hero .button:hover	{background-position: 113px -4px;}

.sponsor-full img 	{height: auto; max-width: 90%;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:115px;}

}



/* iPad-ish size
------------------------------- */
@media only screen and (max-width: 940px) {

#header			{width: 97%;}
#logo			{left: 20px;}

#main-content 		{margin-top: 25px;}

#header-wrap,
#header		 	{height: 108px;}

#header-wrap,
#review-page #header-wrap,
#home #header-wrap 	{border-bottom: 50px solid #4A8FAE;}


#about			{color: #E1EDF3;
				top: 117px;
			    width: 560px;}
#about span		{color: #E1EDF3;}

#about a 		{color: #E1EDF3;
    			text-decoration: underline;}

#main-nav 		{top: 45px;}
.main-nav		{font-weight: 700;}

#search 		{top: 45px;}

.grid-4, .grid-7, .grid-10, .grid-13, .grid-16, .grid-19, .grid-22	{clear:none;}
.grid-3, .grid-5, .grid-7, .grid-9, .grid-11, .grid-13, .grid-15, .grid-17, .grid-19, .grid-21	{clear:both;}

.category-wrap 			{margin: 20px 30px 20px 20px;}
.category-wrap .description 	{width:100%; float: none;}
.category-buttons 		{float: none; margin-top:0;}

.category-wrap .category-buttons .button 	{margin-top: 0;}

.category-title 		{font-size: 12px; line-height: 30px;}
.category-title span 		{font-size: 38px;}

.subtitle 			{font-size: 19px; line-height: 20px;}

.review-title			{width: 100%; font-size: 24px; line-height: 26px; margin-bottom: 5px;}

.app-name 			{font-size: 46px; line-height: 46px; width: 100%;}

.article-buttons 		{position: static; float: none; height: 70px;}

.loved, .button 		{float: left; margin-right:10px; margin-top: 0;}

.buy-options ul 		{margin-top: 44px;}

.article-header 	{margin: 30px 30px 30px 30px;}
.article 		{margin: 30px 30px 30px 30px;}
.buy-box 		{margin:50px 0 30px 30px;}

#main-nav ul a 			{font-size: 14px;
   				font-weight: 600;
   				padding: 12px 10px 12px 22px;}

p				{line-height: 24px;}

#article-hero .app-name 	{font-size: 38px;
				line-height: 37px;
				width: 100%;}

#article-hero .hero-text-wrap 	{left: 38px; top:157px;}

.category-grid 			{margin: 17px 0 30px 30px;}

.category-grid .category 	{width:200px; margin-bottom:10px; min-height: 100px;}

.category-wrap img 		{max-height: 74px;}

.category-app-name 		{width:100%;}


#home #article-hero img 	{margin-left: -60px;
				min-width: 130%;}

#article-hero .description 	{font-size:14px;
				width: 245px;}

.ad-space 			{margin: 29px 14px 29px 22px;}
.ad-img				{margin-right: 15px;}

.sponsor-full img 		{height: auto; max-width: 90%;}

.app-icon 			{float: left;
				height: auto;}

.buy-box 			{margin: 60px 0 40px 30px;}

.buy-box .buy-options ul 	{margin-top: -8px;}

.article-icon 			{padding: 51px 21px 60px 0;}
.tips-tricks .post-wrap 	{padding: 17px 20px 17px 21px;}

h1 		{font-size: 30px;
		line-height: 33px;}

h2		{font-size: 20px;
    		line-height: 22px;}

h2.post-title,
h2.post-title a 	{font-size:22px; line-height:24px;}

.post-date 	{font-size:10px;}

.blog-post 	{margin: 38px 50px 50px 30px;}

.hero-overlay {height: 85%;}

#article-hero .flex-control-nav 		{bottom: -42px;}
#article-hero .flex-control-nav li 		{margin: 0 8px;}

.follow-us .side-title 		{height: 40px; line-height: 40px;}

[class^="follow-us"] [class^="ss-"]:before {font-size: 23px; top: 9px;}

.platforms 		{padding-top: 20px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:176px; margin-bottom: 15px;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

}





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

#main-content 		{width: 65%;}
#side-bar 		{width: 35%;}


}


@media screen and (min-width:768px) and (max-width:768px) {
#main-content 		{width: 500px;}
#side-bar 		{width: 268px;}
}





/* Smaller than iPad
------------------------------- */
@media only screen and (max-width: 767px) {

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

#about			{font-size: 11px;
    			height: 27px;
    			left: 136px;
    			line-height: 13px;
    			overflow: hidden;
			top: 115px;
    			width: 173px;}

#logo			{height: 117px;
  			left: 20px;
    			top: 70px;
    			width: 100px;}

#header-wrap,
#review-page #header-wrap,
#home #header-wrap 		{border-bottom: 58px solid #4A8FAE;}

#header-wrap			{height: 100px; width:100%; }


#content-wrap 		{min-width:320px;}

#main-content 		{width: 100%; float: none;}
#side-bar 		{width: 100%;
			max-width: 100%;
			float: none;
			margin-top: 30px;}

.article-buttons 		{top: auto;
				position: relative;
				float: none;
				margin-bottom: 20px;
				height:50px;}

.article-icon 			{padding: 35px 21px 50px 0;}

.review-title 			{font-size: 20px;
				line-height: 21px;}

.app-name 			{font-size: 33px; line-height: 33px; margin-top: 4px; width: 100%;}


#article-hero .flex-control-nav 		{bottom: -42px;}
#article-hero .flex-control-nav li 		{margin: 0 10px;}
#article-hero .flex-control-paging li a 	{height: 13px; width:13px;}

.category-grid 			{margin: 30px 0 30px 25px;}

.category-grid .category 	{margin-right: 20px;
				margin-bottom: 8px;
    				margin-top: 16px;
    				width: 90%;
				border-bottom: 1px dotted #E3E3E3;
				padding-bottom: 10px;
				min-height:65px;}

.category-grid h3 		{margin-bottom: 12px;}

.categories 			{margin-bottom: 18px;}

.categories a			{font-size: 10px;
				line-height:16px;}

[class^="category-grid"] [class^="ss-"]:before  {font-size: 16px; top: 3px;}


#article-hero .app-name 	{font-size: 30px;
    				line-height: 32px;
				width: 90%;}

#article-hero .description 	{width: 350px;}


#article-hero .button 		{bottom: 20px; left: 25px;}

#article-hero .hero-text-wrap 	{left: 25px; top:121px;}

.category-wrap 			{margin: 15px 10px;
				padding: 17px 16px;}

.category-wrap .description 	{float: none;
				width: 100%;
				font-size: 12px;}
#article-hero .non-app		{display:none;}

.category-wrap .app-icon 	{margin-right: 15px;
    				width: 45px;
				height: 60px;}

.category-wrap img 		{max-height: 60px;}

.category-wrap .category-buttons .button {background-position: 225px 0; width: 220px;}
.category-wrap .category-buttons .button:hover {background-position: 227px 0;}
.category-wrap .category-buttons .framed {width: 244px;}

.category-app-name 		{clear: both;}

.category-buttons 		{float: none;
				margin-top: 0;}

.category-title 		{font-size: 11px;}
.category-title span 		{font-size: 34px;}

.subtitle 			{font-size: 18px;
				line-height: 20px;}

.article-header 		{margin: 20px 15px;}
.article 			{margin: 20px 15px;}

.article img 			{margin-left: -15px;
    				margin-right: -15px;
    				max-width: 100%;
    				min-width: 414px;}

.article-header .category a 	{font-size: 11px; line-height: 16px;}

.button 			{width:245px; background-position:250px 1px;}
.loved				{width: 209px;}

.button:hover 			{background-position:252px 1px;}

.like				{background-position: 168px -52px; font-size:10px;}
.like:hover			{background-position: 170px -52px;}

.buy-options ul 		{margin-top: 42px;}


.tldr,
#review-page .article > p:first-of-type 	{font-size: 18px;
    						line-height: 24px;
    						margin-bottom: 24px;}

.buy-box 			{margin: 70px 0 0; padding: 89px 15px;}

.buy-box .app-name 		{font-size: 31px;
    				line-height: 31px;
    				margin-bottom: 10px;
    				margin-top: 0;}

.app-icon			{margin-right: 17px;
    				width: 60px;}

#footer 			{margin:0;}
#footer-nav li 			{float: none;}
#footer-nav ul 			{width: 100%;}

.sponsor-full img 		{margin: 15px 0;}

#article-hero img 	{border-bottom: 6px solid #4A8FAE;}
#hero-thumbnails img 	{border: none;}
#hero-thumbnails 	{bottom: 17px; left: 10px;}
.thumbnail 		{height: 33px; width: 50px;}

h1 			{font-size: 25px;
			line-height: 28px;}

h2 			{font-size: 18px;
			line-height: 20px;}

h3 			{font-size: 16px;
    			line-height: 19px;}

h4 			{font-size: 13px;}

p,
ol,
ul 			{font-size: 14px;
    			line-height: 22px;}
ol,
ul			{margin: 25px 15px 25px 27px;}

li 			{margin: 10px 0;}

blockquote 		{font-size: 15px;
    			line-height: 23px;
    			margin: 24px 20px 24px 12px;}
blockquote p 		{font-size: 15px;
    			line-height: 22px;}

.post-date 		{font-size: 10px;}
.framed			{font-size: 8px;}

h2.post-title,
h2.post-title a 	{font-size:19px; line-height:21px;}

#post-page .article-header {margin-top:40px}
body.page .article-header {margin-top: 45px;}

pre			{white-space: pre-wrap;}

.blog-post 		{margin: 30px 15px; padding-bottom:0;}

#footer 		{height: 450px;}

#footer-nav 		{height: auto; background-color:transparent; border-top: 8px solid #4A8FAE;}
#footer-nav li 		{float: none; text-align: center;}

#tagline		{margin-top: 30px;}

#copyright 		{height: 87px; padding-top: 17px;}
#copyright span 	{display: block;}

#props			{margin-top: 10px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:105px; }

[class^="platforms"] [class^="ss-"]:before {position: absolute; color: #FFFFFF; font-size: 25px; left: 20px;}

}






/* Mobile-ish size
------------------------------- */
@media only screen and (max-width: 565px) {

#header-wrap,
#header 			{height: 100px; width:100%; }

#search-icon		{display: block;}

#search			{display: none; 
top: 12px; left: 10px;  width: 96%; background-color: #000;}
#search-input	{width: 308px; font-size: 16px; text-transform: none; letter-spacing: 0; font-weight: 500;}

#search input[type="submit"]	{visibility: visible !important;  -webkit-appearance: none; border: none; padding: 13px 8px; background-color: #8b8b8b; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;  font-size: 10px; width: 50px; cursor: pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px;  -moz-border-radius-bottomright: 3px;  margin-left: -9px;  height: 48px; transition: all 0.25s ease; font-weight: 800; position: relative;  top: -3px;}


.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

#main-nav 				{left: 10px; top: 12px; width: 355px;}
#main-nav ul a 			{width: 321px;}
.main-nav				{width: 322px; background-position: 300px -104px;}
.main-nav-toggle 		{width: 353px; left: 0;}


.featured-app			{width: 90%;}

#review-page .framed		{margin-top: 15px;}

.article-buttons 		{height: 85px;}

.article a.purchase {width: 98%;}

.article-buttons .button 	{width:332px; background-position: 338px 1px;}
.article-buttons .button:hover 	{background-position: 339px 1px;}

.article-buttons .like 		{background-position: 338px -51px;}
.article-buttons .like:hover	{background-position: 339px -51px;}

.buy-options a 				{background-position: 338px -103px;}
.buy-options li:hover a		{background-position: 338px -103px;}
.buy-options ul a 			{width: 349px;}

.buy-box .button,
.buy-box .buy-app-button 	{width:332px; background-position: 338px 1px;}

.buy-app-button 			{background-position: 338px -103px !important;}

.loved				{width: 381px;}

#home #article-hero img 	{margin-left: -140px;
				min-height: 350px;
				min-width: 200%;}

#tagline 			{font-size: 12px;}

.hero-overlay {-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%;}

.follow-us .side-title 		{height: 45px; line-height: 45px;}

[class^="follow-us"] [class^="ss-"]:before {font-size: 26px; top: 10px;}

.platforms 		{padding-left: 65px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:176px; margin-bottom: 15px;}

.article img.center 	{margin: 0 10%;
    			max-width: 80%;
    			min-width: 0;}

table 		{font-size: 13px; line-height: 18px; max-width: 90%; margin-right: 5px; }

}




/* iPhone 6-ish size
------------------------------- */
@media only screen and (max-width: 413px) {
#main-nav 				{width: 350px;}
#main-nav ul a 			{width: 281px;}
.main-nav				{width: 282px; background-position: 260px -104px;}
.main-nav-toggle 		{width: 313px}

#search-input	{width: 269px;}

.article img 			{min-width: 375px;}

.platforms 				{padding-left: 45px;}

.article-buttons .button 	{width:297px; background-position: 303px 1px;}
.article-buttons .button:hover 	{background-position: 304px 1px;}

.article-buttons .like 		{background-position: 303px -51px;}
.article-buttons .like:hover	{background-position: 304px -51px;}

.buy-options a 				{background-position: 303px -103px;}
.buy-options li:hover a		{background-position: 303px -103px;}
.buy-options ul a 			{width: 314px;}

.buy-box .button,
.buy-box .buy-app-button 	{width:297px; background-position: 303px 1px;}

.buy-app-button 			{background-position: 304px -103px !important;}

.loved				{width: 346px;}

#article-hero .description 	{width: 330px;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

}


/* Mobile size
------------------------------- */
@media only screen and (max-width: 374px) {
#main-nav 				{left: 10px; top: 12px;	width: 300px;}
#main-nav ul a 			{width: 227px;}
.main-nav				{width: 228px; background-position: 210px -104px;}
.main-nav-toggle 		{width: 259px}

#search-input			{width: 214px;}

.article img 			{min-width: 320px;}

.platforms 				{padding-left: 17px;}

.article-buttons .button 	{width:242px; background-position: 248px 1px;}
.article-buttons .button:hover 	{background-position: 249px 1px;}

.article-buttons .like 		{background-position: 248px -51px;}
.article-buttons .like:hover	{background-position: 249px -51px;}

.buy-options a 				{background-position: 248px -103px;}
.buy-options li:hover a		{background-position: 248px -103px;}
.buy-options ul a 			{width: 259px;}

.buy-box .button,
.buy-box .buy-app-button 	{width:242px; background-position: 248px 1px;}

.buy-app-button 			{background-position: 248px -103px !important;}

.loved				{width: 291px;}

#article-hero .description 	{width: 280px;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

.article a.purchase {width: 98%;}

}




/* Retinafy!
------------------------------- */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {


.button,
.main-nav 	{background-image: url(img/button_sprite@2x.png);
		background-size: 33px 214px;}

.recently,
.sponsor,
.related,
.tips-tricks,
.author,
.sponsor-full 	{background-image: url(img/point@2x.png);
		background-size:19px 9px;}


#side-bar 	{background-image: url(img/bg_pattern@2x.png); background-size: 102px 78px;}

.platforms .iphone			{background-image: url(img/platform_iphone@2x.jpg); background-size: 236px 110px;}
.platforms .ipad			{background-image: url(img/platform_ipad@2x.jpg); background-size: 236px 110px;}
.platforms .mac				{background-image: url(img/platform_mac@2x.jpg); background-size: 236px 110px;}


}