/* ==========================================================================
   Layout for desktop version
   ========================================================================== */

/* Layout styles */
#page_container {
	background: #fff url(../img/layout/bg.jpg) top center no-repeat;
}

#top_nav_container {
	height: 25px;
	max-width: 1440px;
	background: #fff url(../img/layout/top-nav-bg.jpg) repeat-x;
	color: #d6cab5;
	text-align: center;
	font-size: 0.7em;
	line-height: 1em;
	font-weight: bold;
}

#top_nav ul {
	padding: 7px 0;
}

#top_nav li {
	list-style: none;
	display: inline;
	padding: 0 7px;
}

#top_nav a:link, 
#top_nav a:visited,
#top_nav a:hover, 
#top_nav a:active {
	color: #d6cab5;
	text-decoration: none;
}

#top_nav a:hover, 
#top_nav a:active {
	border-bottom: 2px solid #d6cab5;
}

#banner_container {
	height: 203px;
	max-width: 1440px;
	background: #fff url(../img/layout/banner-bg.jpg) center top no-repeat;
}

#banner {
	padding-top: 2px;
	background-color: transparent;
}

#banner_full {
	background: url(../img/layout/logo.png) top center no-repeat;
	height: 199px;
	margin-top: -199px;
	position: relative;
	display: block;
	z-index: 20;
}

#banner_hover {
	background-color: transparent;
	padding-top: 18px;
	height: 180px;
	position: relative;
	z-index: 50;
}

#logo_card_1_container,
#logo_card_2_container,
#logo_card_3_container,
#logo_card_4_container,
#logo_card_5_container,
#logo_card_6_container,
#logo_title_container {
	position: relative;
	z-index: 100;
}

#logo_card_1,
#logo_card_2,
#logo_card_3,
#logo_card_4,
#logo_card_5,
#logo_card_6 {
	background: url(../img/layout/logo-cards-sprite.png) no-repeat;
	position: relative;
	z-index: 150;
	display: block;
}

#logo_title_container {
	display: block;
}

#logo_card_1_container {
	width: 37px;
	height: 90px;
	top: -2px;
	right: 146px;
}

#logo_card_1 {
	width: 37px;
	height: 90px;
	background-position: 0;
}

#logo_card_2_container {
	width: 29px;
	height: 90px;
	top: -95px;
	right: 101px;
	padding-left: 20px;
}

#logo_card_2 {
	width: 29px;
	height: 90px;
	background-position: -37px 0;
}

#logo_card_3_container {
	width: 63px;
	height: 90px;
	top: -188px;
	right: 42px;
}

#logo_card_3 {
	width: 63px;
	height: 90px;
	background-position: -66px 0;
}

#logo_card_4_container {
	width: 74px;
	height: 90px;
	top: -283px;
	left: 31px;
}

#logo_card_4 {
	width: 74px;
	height: 90px;
	background-position: -129px 0;
}

#logo_card_5_container {
	width: 40px;
	height: 90px;
	top: -360px;
	left: 97px;
	padding-right: 10px;
}

#logo_card_5 {
	width: 40px;
	height: 90px;
	background-position: -203px 0;
}

#logo_card_6_container {
	width: 43px;
	height: 90px;
	top: -458px;
	left: 143px;
}

#logo_card_6 {
	width: 43px;
	height: 90px;
	background-position: -243px 0;
}

#social_left {
	width: 210px;
	height: 63px;
	background: url(../img/layout/social-left.jpg) no-repeat;
	position: relative;
	top: -63px;
	left: -350px;
	z-index: 200;
}

#social_right {
	width: 210px;
	height: 63px;
	background: url(../img/layout/social-right.jpg) no-repeat;
	position: relative;
	top: -126px;
	left: 350px;
	z-index: 200;
}

#social_pinterest,
#social_facebook,
#social_rss,
#social_bookmark {
	width: 42px;
	height: 41px;
	display: block;
	position: relative;
	z-index: 250;
}

#social_pinterest {
	top: 6px;
	left: 66px;
}

.footer_social_pinterest:hover,
#social_pinterest:hover {
	box-shadow: 0px 0px 7px 4px #aa2e2e;
}

#social_facebook {
	top: -35px;
	left: -1px;
}

.footer_social_facebook:hover,
#social_facebook:hover {
	box-shadow: 0px 0px 7px 4px #3b569b;
}

#social_rss {
	top: 6px;
	left: -67px;
}

.footer_social_rss:hover,
#social_rss:hover {
	box-shadow: 0px 0px 7px 4px #f77200;
}

#social_bookmark {
	top: -35px;
	left: 1px;
}

.footer_social_bookmark:hover,
#social_bookmark:hover {
	box-shadow: 0px 0px 7px 4px #05974e;
}

#logo_title_container {
	width: 370px;
	height: 82px;
	top: -453px;
}

#main_nav_container {
	height: 47px;
	max-width: 1440px;
	background: #fff url(../img/layout/main-nav-bg.jpg) repeat-x;
	color: #555;
	font-size: 1.4em;
	line-height: 1em;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.8);
}

#main_nav ul {
	padding: 14px 0;
}

#main_nav li {
	list-style: none;
	display: inline;
	padding: 0 10px;
}

#main_nav a:link, 
#main_nav a:visited,
#main_nav a:hover, 
#main_nav a:active {
	color: #555;
}

#content_container {
}

#content_banner_container {
	margin: 15px 0 0 0;
	height: 60px;
	background: #fff url(../img/layout/content-banner-bg.png) repeat-x;
	background-size: 1px 60px;
}

#content_banner_copy {
	margin: 14px 0 0 0;
	font-family: 'Passion One', Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: 400;
	color: #933232;
	font-size: 1.6em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

#responsive_social {
	display: none;
}

#left_col {
	margin: 0 1.4% 0 1%;
	text-align: left;
}

#right_col {
	text-align: center;
}

#intro_container {
	margin-bottom: 30px;
	width: 95%;
}

#featured_container {
	margin-right: 7%;
	width: 95%;
}

#featured_cards {
	margin: 20px 0 40px 0;
}

#featured_collection {
	margin: 20px 0 40px 0;
}

.latest_featured {
}

.latest_featured h3 {
	font-family: 'Droid Sans', Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 0;
}

.latest_featured .img img {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 1px;
	border: 1px solid #ccc;
}​

.latest_featured .description {
	margin-bottom: 30px;
}

#latest_articles_col {
	text-align: left;
	margin: 0 1.4% 0 0;
}

#latest_articles_col .latest_article {
	padding: 0 8px;
	margin: 10px 0 40px 0;
}

#latest_articles_col .img_container {
	text-align: center;
	padding: 1px;
	background: #ccc;
	border: 1px solid #ccc;
	border-bottom: none;
}

#latest_articles_col .img_container img {
	border: 1px solid #fff;
	margin: -1px;
}

#latest_articles_col h2 {
	background-color: rgba(102, 102, 102, 0.9);
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 10px;
	margin: 0;
	position: relative;
	top: -42px;
}

#latest_articles_col h2 a {
	color: #fff;
}

#latest_articles_col .details {
}

#latest_articles_col .description p {
	margin-top: -30px;
}

#latest_articles_col .byline {
	font-size: 0.75em;
	margin: 5px 0;
}

.author {
	font-weight: bold;
}

.social_bar {
	margin-top: 20px;
	height: 30px;
}

.paging_navigation {
	padding: 30px 10px;
	font-size: 1.2em;
}

.left_paging {
	float: left;
}

.right_paging {
	float: right;
}

.ad_468x60 {
	width: 100%;
	height: 60px;
	margin: 20px 0;
	text-align: left;
}

.ad_130x90 {
	width: 130px;
	height: 90px;
	float: right;
	margin: 5px 0 10px 10px;
}

.ad_300x250,
#fb_300x250 {
	margin: 20px 0;
	text-align: center;
	width: 100%;
	max-width: 300px;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { 
	width: 100% !important; 
}

.more_button {
	margin-top: -20px;
	padding: 0 5px;
}

.custom .paginated-posts {
	font-size: 10px;
	font-weight: normal;
}

.paginated-posts {
	margin: 50px 0;
}

.paginated-posts p {
	font-size: 1.2em;
}

.paginated-posts p > span,
.paginated-posts p a {
	background: #e8e8e8;
	color: #900;
	margin: 0 2px;
	padding: 15px 18px;
	text-decoration: none;
}

.paginated-posts p > span {
	color: #333;
	background: none;
	padding: 14px 17px;
	border: 1px solid #e8e8e8;
	font-weight: bold;
}

.paginated-posts a:hover {
	color: #fff;
	background: #900;
}

.button_main {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #af6362), color-stop(1, #600b08) );
	background: -moz-linear-gradient( center top, #af6362 5%, #600b08 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af6362', endColorstr='#600b08');
	background-color: #af6362;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #e8b65f;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	padding: 6px 14px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #623f02;
}

.button_main:link,
.button_main:visited {
	color: #fff;
}

.button_main:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #600b08), color-stop(1, #af6362) );
	background: -moz-linear-gradient( center top, #600b08 5%, #af6362 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#600b08', endColorstr='#af6362');
	background-color: #600b08;
	color: #fff;
}

.button_main:active {
	position: relative;
	top: 1px;
	color: #fff;
}

#popular_cards_container {
	background: #f4ece1 url(../img/layout/card-bg.jpg);
	width: 100%;
	text-align: center;
	border-radius: 30px;
	margin-top: 10px;
}

#popular_cards_border {
	border-radius: 30px;
    border: 10px solid rgba(110, 0, 0, 0.7);
    border-top: 45px solid rgba(110, 0, 0, 0.7);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#popular_cards_container h2 a:link,
#popular_cards_container h2 a:hover,
#popular_cards_container h2 a:visited,
#popular_cards_container h2 a:active,
#popular_cards_container h2 {
	font-family: 'Droid Sans', Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1.1em;
	color: #f4ebdf;
}

#popular_cards_copy {
	margin-top: -45px;
}

#popular_cards_copy ul {
	padding: 0;
	margin: 0;
}

#popular_cards_copy li {
	list-style: none;
	padding: 3px 0;
}

#popular_cards_copy .more {
	font-weight: bold;
}

#qr_code_container,
#subscribe_container {
	text-align: center;
}

#qr_code_border,
#subscribe_border {
	max-width: 300px;
	border: 1px solid #ddd;
	margin: 20px 0;
}

#qr_code_copy,
#subscribe_copy {
	border: 1px solid #fff;
	background: #ddd;
	min-height: 250px;
}

#qr_code_copy h3,
#subscribe_copy h3 {
	font-family: 'Passion One', Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	font-weight: 400;
	font-size: 1.7em;
	line-height: 1em;
	margin-top: 14px;
}

#qr_code_copy,
#subscribe_copy {
	padding: 0 20px;
}

#content_subscribe {
	padding: 10px 0;
	margin: 40px 0;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#qr_code_copy #short_url {
	font-weight: bold;
	font-size: 1em;
}

#qr {
	margin: 10px 0;
}

#footer_container {
	max-width: 1440px;
	margin-top: 20px;
	background: #fff url(../img/layout/footer-bg.gif);
}

#footer_top {
	height: 90px;
	background: #fff url(../img/layout/footer-top.jpg) no-repeat;
	border-bottom: 2px solid #e55e29;
}

#footer p {
	padding: 5px 0;	
}

#footer {
	font-size: 0.9em;
	line-height: 1.45em;
	color: #fff;	
}

#footer a:link, 
#footer a:visited,
#footer a:hover, 
#footer a:active {
	color: #fff;
	font-weight: bold;
}

#footer_logo {
	margin-bottom: 30px;
}

.footer_social {
	height: 37px;
	width: 189px;
	background: transparent url(../img/layout/small-social.png) no-repeat;
}

.footer_social_facebook,
.footer_social_pinterest,
.footer_social_rss,
.footer_social_bookmark {
	width: 30px;
	height: 31px;
	float: left;
	display: block;
	position: relative;
	margin: 3px 19px 0 2px;
}

.footer_social_facebook {
}

.footer_social_pinterest {
	right: -19px;
}

.footer_social_rss {
	right: -38px;
}

.footer_social_bookmark {
	right: -57px;
	margin-right: 0;
}

#footer_copy {
	text-align: left;
	padding: 50px 10px 0 10px;
}

#footer_copy li {
	display: inline;
	border-right: 2px solid #fff;
	padding-right: 6px;
	margin-right: 6px;
}

#footer_copy li:last-child {
	border: none;
}

#left_content_col {
	text-align: left;
	margin: 170px 0 0 10px;
}

#left_content_col h3 {
	font-family: 'Droid Serif', 'Times New Roman', serif;
}

#left_content_col ul {
	margin: 15px 20px 30px 0;
}

#left_content_col li {
	font-size: 0.85em;
	line-height: 1.4em;
	list-style: none;
	margin: 8px;
}

#main_content_col {
	text-align: left;
}

#crumb_container {
	margin-top: 10px;
	font-size: 90%;
	line-height: 100%;
}

#crumb_container ol {
}

#crumb_container li {
	list-style: none;
	display: inline;
	margin-right: 3px;
}

#content {
	padding: 20px 0 10px 0;
	border-bottom: 2px solid #ccc;
}

#content h1 {
	font-size: 2em;
	line-height: 1.3em;
}

#content .byline,
.listByline {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	font-size: 0.75em;
	padding: 14px 0 12px 0;
}

#articleList ul {
	margin: 0 !important;
	padding: 0 !important;
}

#articleList li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.listTitle h2 {
	font-family: 'Droid Serif', 'Times New Roman', serif;
	font-weight: bold;
	padding: 0 0 5px 0;
	color: #523f35;
}

.listTitle a:link,
.listTitle a:hover,
.listTitle a:visited,
.listTitle a:active {
	color: #523f35;
}

.listDescription {
	margin: -10px 0;
}

.listByline {
	padding: 0;
	border: none;
}

#this_category_container {
	text-align: right;
	margin-top: -20px;
}

#this_category {
	font-size: 70%;
	font-family: 'Droid Serif', 'Times New Roman', serif;
	font-weight: bold;
	padding: 3px 5px 3px 4px;
	color: #fff;
	background-color: #900;
	display: inline;
	border-left: 4px solid #fff;
}

#this_category a:link,
#this_category a:hover,
#this_category a:visited,
#this_category a:active {
	color: #fff;
}

.contributors {
	font-style: italic;
}

#content ul {
	margin: 0;
	padding: 0;
}

#content li {
	list-style: square;
	margin: 15px 0 15px 45px;
}

#content h2 {
	margin: 35px 0 0 0;
}

#content h3 {
	margin: 30px 0 0 0;
}

.articleBody a:link,
.articleBody a:visited {
	text-decoration: underline;
}

.articleBody a:hover,
.articleBody a:active {
	text-decoration: none;
}

.image_container_right,
.image_container_left {
	max-width: 100%;
	background-color: #f4f4f4;
	padding: 1px;
	border: 1px solid #bdbdbd;
	text-align: center;
}

.image_container_right .img,
.image_container_left .img {
	min-width: 176px;
}

.image_container_right {
	float: right;
	margin: 5px 0 20px 20px;
}

.image_container_left {
	float: left;
	margin: 5px 20px 20px 0;
}

.image_container_block {
	text-align: left;
	margin: 20px 0;
	max-width: 100%;
}

.image_container_block .img {
	float: left;
	margin-right: 5px;
	min-width: 176px;
	border: 1px solid #bdbdbd;
	background-color: #f4f4f4;
}

.caption {
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	padding: 0 10px 10px 10px;
	line-height: 1.3em;
}

.caption p {
	margin: 0;
	padding: 0;
}

#related_container {
	padding: 10px 0;
	border-bottom: 2px solid #ccc;
}

#related_container h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 10px 0;
}

#related_container li {
}

#related_1,
#related_3 {
	background-color: #900;
}

#related_2,
#related_4 {
	background-color: #e07400;
}

.related {
	text-align: center;
	border-bottom: 1px solid #fff;
}

.related h3 {
	font-family: 'Droid Serif', 'Times New Roman', serif;
	font-size: 1em;
	line-height: 1.2em;
	padding: 10px;
	margin: 0;
}

.related a:link,
.related a:hover,
.related a:visited,
.related a:active {
	color: #fff;
}

#comment_container {
	border-bottom: 2px solid #ccc;
}

.buy_container {
	border-top: 2px solid #ccc;
	margin-bottom: 25px;
}

#comment_container h3 {
	margin: 0;
	padding: 0 0 20px 25px;
}

#comment_container ol {
	border-left: 5px solid #ccc;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}

.buy_container ul {
	padding: 0 !important;
	margin: 25px 0 0 0 !important;
}

#comment_container li{
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

#commentFormContainer {
	border: 1px solid #ddd;
	margin-top: 15px;
}

#commentFormBorder {
	border: 1px solid #fff;
	background: #ddd;
	padding: 0 20px;
}

#commentFormBorder h3 {
	font-family: 'Passion One', Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	font-weight: 400;
	font-size: 1.7em;
	line-height: 1em;
	margin-top: 14px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 75%;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	margin-right: 10px;
	text-align: right;
}

.comment-notes {
	font-size: 0.9em;
}

.form-allowed-tags {
	display: none;
}

.buy_container li {
	border-radius: 30px;
	background: #f4ece1 url(../img/layout/card-bg.jpg);
	margin: 10px 0 !important;
	list-style:none !important;
}

.buy_border {
	border-radius: 20px;
	border: 5px solid rgba(110, 0, 0, 0.7);
	border-top: 35px solid rgba(110, 0, 0, 0.7);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	padding: 0 10px 10px 10px;
}

.buy_copy {
	margin-top: -46px;
}

.buy_title {
	height: 40px;
	overflow: hidden;
}

.buy_copy img {
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
	margin: 20px 20px 5px 0;
}

.buy_container h2 {
	margin-bottom: 20px !important;
}

.buy_copy h3 {
	margin: 20px 0 5px 0 !important;
}

.buy_copy h3 a {
	font-size: 0.8em;
	color: #f4ebdf;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}

.buy_price {
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.buy_time {
}

.buy_actions {
	padding-top: 10px;
}

.buy_form {
	float: left;
	margin: 5px 10px 5px 0;
}

.commentator {
	font-weight: bold;
}

.comment_date {
	font-size: 80%;
	color: #aaa;
}

.small_text {
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 2px;
}

.image_thumb {
	padding: 1px;
	border: 1px solid #ccc;
}

.ajax_copy {
	width: 100%;
}

.ajax_loading {
	background: transparent url(../img/loading.gif) center no-repeat;
	height: 70px;
}

#infscr-loading {
	margin: 15px 0;
	text-align: center;
}

#google_search {
	width: 60%;
	margin: -20px 0 40px 0;
}

/* ==========================================================================
   Responsive design styles
   ========================================================================== */

/* ===================================== */
/* ! Layout for medium screen version    */
/* ===================================== */
@media only screen and (max-width: 1024px) {
	#main_nav_container {
		font-size: 1.2em;
		line-height: 1.3em;
	}

	#latest_featured_3,
	#latest_featured_4 {
		display: none;
	}

	#popular_cards_container {
		border-radius: 20px;
	}
	
	#popular_cards_border {
		border-radius: 20px;
		border: 5px solid rgba(110, 0, 0, 0.7);
		border-top: 35px solid rgba(110, 0, 0, 0.7);
	}
	
	#popular_cards_container h2 {
		font-size: 1em;
	}
	
	#popular_cards_copy {
		margin-top: -35px;
		font-size: 0.8em;
	}
	
	#popular_cards_copy li {
		padding: 1px 0;
		line-height: 1.8em;
	}

	#qr_code_copy,
	#subscribe_copy {
		padding: 0 10px;
	}

	#footer_copy {
		padding-top: 20px;
	}

	#google_search {
		width: 70%;
	}
}

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */
@media only screen and (max-width: 800px) {
	#main_nav_container {
		font-size: 1.2em;
		line-height: 1.3em;
	}

	#latest_featured_3,
	#latest_featured_4 {
		display: none;
	}

	#left_content_col {
		display: none;
	}

	.ninecol {
		width: 68.8%;
		margin-left: 1.2%;
	}

	#qr_code_copy,
	#subscribe_copy {
		padding: 0 5px;
	}

	.spaced_label {
		width: 25%;
	}

	#subscribe_container input[type=text] {
		max-width: 115px;
	}

	#google_search {
		width: 75%;
	}
}


/* ======================================== */
/* ! Layout for small screen tablet version */
/* ======================================== */
@media only screen and (max-width: 640px) {
	#main_nav ul .responsive_remove {
		display: none;
	}

	#content_banner_copy {
		font-size: 1.3em;
	}
	
	#social_facebook,
	#social_pinterest,
	#social_rss,
	#social_bookmark {
		display: none;
	}
	
	#responsive_social {
		display: block;
		height: 50px;
		text-align: left;
		margin: 10px 0 0 25px;
	}

	#popular_cards_container h2 {
		margin-top: 10px;
		font-size: 1.2em;
	}
	
	#popular_cards_copy ul {
		margin: 0 20px;
	}

	#popular_cards_copy {
		font-size: 0.9em;
	}

	#popular_cards_copy li {
		display: inline;
		padding: 0 10px;
		border-right: 1px solid #900;
	}

	#qr_code_copy,
	#subscribe_copy {
		padding: 0 20px;
	}

	#qr_code_copy,
	#subscribe_copy {
		padding: 0 5px;
	}

	.spaced_label {
		width: 20%;
	}

	#subscribe_container input[type=text] {
		max-width: 280px;
	}

	.ninecol {
		width: auto;
		margin-left: 0;
	}

	#main_content_col {
		padding-left: 25px;
	}

	#image_container_right, #image_container_left {
		float: none;
		margin-left: 0;
	}

	#footer_copy {
		text-align: center;
		padding-top: 0;
	}

	#google_search {
		width: 65%;
	}
}

/* ====================================== */
/* ! Layout for landscape mobile version  */
/* ====================================== */
@media only screen and (max-width: 480px) {
	#popular_cards_copy {
		font-size: 1em;
	}

	body {
		font-size: 0.85em;
		line-height: 1.5em;
	}

	#page_container {
		background: none;
	}

	#content_banner_container {
		display: none;
	}
	
	#responsive_social {
		display: block;
		height: 50px;
		padding: 25px 0 0 10px;
	}
		
	#top_nav_container {
		font-size: 0.8em;
		line-height: 1.1em;
	}

	#banner_container {
		height: 131px;
	}

	#banner_hover {
		display: none;
	}

	#banner_full {
		margin-top: 0;
	}

	#main_nav_container {
		height: 70px;
		font-size: 1.4em;
		line-height: 1.6em;
	}

	#main_nav ul {
		padding: 6px 0;
	}

	#social_left,
	#social_right {
		display: none;
	}
	
	#featured_collection {
		display: none;
	}
	
	#latest_featured_2,
	#latest_featured_3,
	#latest_featured_4 {
		display: none;
	}
	
	#latest_articles_col h2 {
		font-size: 1.2em;
		line-height: 1.3em;
		top: -37px;
	}

	#footer_top {
		height: 59px;
	}

	#footer_copy {
		padding-top: 0;
		text-align: center;
	}
	
	#top_nav ul .responsive_remove, 
	#main_nav ul .responsive_remove,
	#content_banner_container {
		display: none;
	}

	#responsive_social {
		margin-left: 15px;
	}

	.ninecol {
		width: auto;
		margin-left: 0;
	}

	#main_content_col {
	}

	#content li {
		margin-left: 35px;
	}

	#this_category_container {
		text-align: left;
		margin: 5px 0 0 -5px;
	}

	.ad_468x60 {
		width: 300px;
		height: 90px;
	}

	.buy_copy {
		margin-top: -64px;
	}

	.buy_title {
		margin-top: 5px;
		height: 50px;
	}
	
	.buy_border {
		border-top: 50px solid rgba(110, 0, 0, 0.7);
	}

	#google_search {
		width: 75%;
	}
}

/* ====================================== */
/* ! Layout for portrait mobile version   */
/* ====================================== */
@media only screen and (max-width: 360px) {
	#top_nav ul .responsive_remove, 
	#main_nav ul .responsive_remove,
	#content_banner_container {
		display: none;
	}

	.buy_copy { 
		text-align: center;
	}

	.buy_copy img {
		float: none;
		width: auto;
		margin-right: 0;
	}

	#google_search {
		width: 100%;
	}

.image_container_block {
	text-align: center;
	margin: 20px 0;
	max-width: 100%;
}

.image_container_block .img {
	float: none;
	margin: 0 5px 5px 0;
	min-width: 176px;
	border: 1px solid #bdbdbd;
}

}

/* ============================================ */
/* ! Layout for small portrait mobile version   */
/* ============================================ */
@media only screen and (max-width: 320px) {
	#main_nav_container {
		font-size: 1.25em;
	}

	#main_nav ul {
		padding: 10px 0;
	}

	.ad_300x250,
	#fb_300x250 {
		margin-left: -17px;
	}
}

/* ================== */
/* ! Retina devices   */
/* ================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 1.5/1),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx) { 
	#page_container {
		background: url(../img/layout/bg@2x.jpg) no-repeat top center;
		background-size: 1440px 650px;
	}

	#top_nav_container {
		background: url(../img/layout/top-nav-bg@2x.jpg) repeat-x;
		background-size: 1px 25px;
	}

	#banner_container {
		background: url(../img/layout/banner-bg@2x.jpg) top center no-repeat;
		background-size: 1440px 203px;
	}

	#banner_full {
		background: url(../img/layout/logo@2x.png) top center no-repeat;
		background-size: 490px 199px;
	}

	#logo_card_1,
	#logo_card_2,
	#logo_card_3,
	#logo_card_4,
	#logo_card_5,
	#logo_card_6 {
		background: url(../img/layout/logo-cards-sprite@2x.png) no-repeat;
		background-size: 286px 90px;
	}

	#logo_card_1 {
		background-position: 0;
	}
	
	#logo_card_2 {
		background-position: -37px 0;
	}
	
	#logo_card_3 {
		background-position: -66px 0;
	}
	
	#logo_card_4 {
		background-position: -129px 0;
	}
	
	#logo_card_5 {
		background-position: -203px 0;
	}
	
	#logo_card_6 {
		background-position: -243px 0;
	}

	#social_left {
		background: url(../img/layout/social-left@2x.jpg) no-repeat;
		background-size: 210px 63px;
	}

	#social_right {
		background: url(../img/layout/social-right@2x.jpg) no-repeat;
		background-size: 210px 63px;
	}

	#content_banner_container {
		background: url(../img/layout/content-banner-bg@2x.png) repeat-x;
		background-size: 1px 60px;
	}

	#main_nav_container {
		background: url(../img/layout/main-nav-bg@2x.jpg) repeat-x;
		background-size: 1440px 47px;
	}

	#popular_cards_container {
		background: url(../img/layout/card-bg@2x.jpg);
		background-size: 450px 700px;
	}

	.buy_container li {
		background: url(../img/layout/card-bg@2x.jpg);
		background-size: 450px 700px;
	}

	#footer_container {
		background: url(../img/layout/footer-bg@2x.gif);
		background-size: 6px 1px;
	}
	
	#footer_top {
		background: url(../img/layout/footer-top@2x.jpg) no-repeat;
		background-size: 1440px 90px;
	}

	.footer_social {
		background: url(../img/layout/small-social@2x.png) no-repeat;
		background-size: 189px 37px;
	}
}

/* ==========================================================================
   Small tablet non-retina styles
   ========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1)     and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 1)     and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 1/1)   and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 1)     and (max-width: 640px),
only screen and (                min-resolution: 72dpi) and (max-width: 640px),
only screen and (                min-resolution: 1dppx) and (max-width: 640px) { 
	#social_left {
		background: url(../img/layout/social-left-clear.png) top right no-repeat;
	}

	#social_right {
		background: url(../img/layout/social-right-clear.png) top left no-repeat;
	}
}


/* ==========================================================================
   Small tablet retina styles
   ========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)   and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 640px),
only screen and (                min-resolution: 144dpi)  and (max-width: 640px),
only screen and (                min-resolution: 1.5dppx) and (max-width: 640px) { 
	#social_left {
		background: url(../img/layout/social-left-clear@2x.png) top right no-repeat;
		background-size: 14px 63px;
	}

	#social_right {
		background: url(../img/layout/social-right-clear@2x.png) top left no-repeat;
		background-size: 14px 63px;
	}
}


/* ==========================================================================
   Mobile non-retina styles
   ========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1)     and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 1)     and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 1/1)   and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 1)     and (max-width: 480px),
only screen and (                min-resolution: 72dpi) and (max-width: 480px),
only screen and (                min-resolution: 1dppx) and (max-width: 480px) { 
	#banner_container {
		background: url(../img/layout/banner-bg-mobile.jpg) center top no-repeat;
	}

	#banner_full {
		background: url(../img/layout/logo-mobile.png) top center no-repeat;
	}

	#main_nav_container {
		background: url(../img/layout/main-nav-bg-mobile.jpg) repeat-x;
	}

	#footer_top {
		background: url(../img/layout/footer-top-mobile.jpg) no-repeat;
	}
}


/* ==========================================================================
   Mobile retina styles
   ========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 1.5/1)   and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 480px),
only screen and (                min-resolution: 144dpi)  and (max-width: 480px),
only screen and (                min-resolution: 1.5dppx) and (max-width: 480px) { 
	#page_container {
		background: url(../img/layout/bg-mobile@2x.jpg) top center repeat-x;
		background-size: 2px 300px;
	}

	#banner_container {
		background: url(../img/layout/banner-bg-mobile@2x.jpg) center top no-repeat;
		background-size: 480px 132px;
	}

	#banner_full {
		background: url(../img/layout/logo-mobile@2x.png) top center no-repeat;
		background-size: 320px 130px;
	}

	#main_nav_container {
		background: url(../img/layout/main-nav-bg-mobile@2x.jpg) repeat-x;
		background-size: 480px 70px;
	}
	
	#footer_top {
		background: url(../img/layout/footer-top-mobile@2x.jpg) no-repeat;
		background-size: 480px 59px;
	}
}

/* ==========================================================================
   Custom print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	#banner, #crumb, #footer {
		display: none;
	}
}