/* MeanMenu 2.0.6 To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) */
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%;font-family:'function_promedium', sans-serif;letter-spacing:0.1em}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:0.5em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:0.5em 10%;font-family:inherit;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;padding:0.5em 6%;width:1%;height:32px;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
@media screen and (max-width: 630px) {
	.layout-a,
	.layout-b,
	.layout-c,
	#wrapper,
	#header {
		width: 100%;
	}
	#wrapper {
		border: 1px solid transparent; /* Safari Fix */
	}
	.layout-c {
		float: none;
		clear: both;
	}
	/* Header */
	#header {
		background: #fff;
	}
	#nav-top-content {
		padding-top: 0;
	}
	#nav-top {
		display: none;
	}
	#banner {
		position: fixed;
		left: 50%;
		width: 60%;
		height: auto;
		min-height: 3.5em;
		margin-left: -29%;
		background: none;
		overflow: visible;
		z-index: 1000000;
	}
	#banner-link {
		width: 100%;
		height: 3.5em;
		background: transparent url('http://abeautifulmess.typepad.com/web/images/v2/logo-black.png') center 0.24em no-repeat;
		-webkit-background-size: auto 3em;
		background-size: auto 3em;
	}
	#banner-link:before {
		content: '';
		position: absolute;
		display: block;
		left: -30%;
		top: 0.75em;
		height: 24px;
		width: 12em;
		/*background: url('http://abeautifulmess.typepad.com/web/images/2015v1-01/bg-sprite-04.png') -210px -144px no-repeat;*/
		background: transparent url('http://abeautifulmess.typepad.com/web/images/2015v1-01/sprite-house-top2.png') no-repeat 0 0 / 50px 107px;
		background-size: 50px 107px;
	}
	#banner-link:hover:before {
		/*background: url('http://abeautifulmess.typepad.com/web/images/2015v1-01/bg-sprite-04.png') -210px -117px no-repeat;*/
		background: transparent url('http://abeautifulmess.typepad.com/web/images/2015v1-01/sprite-house-top2.png') no-repeat 0 -24px / 50px 107px;
		background-size: 50px 107px;
	}
	/* Menu */
	#main-nav-content {
		background: none;
		height: 0;
		padding: 0;
	}
	#main-nav-content:after {
		height: 0;
	}
	#nav-alpha {
		display: none;
		top: 0;
	}
	#nav-main-alpha-1,
	#nav-main-alpha-2,
	#nav-main-alpha-3,
	#nav-main-alpha-4,
	#nav-main-alpha-5,
	#nav-main-alpha-6,
	#nav-main-alpha-7 {
		background-image: none;
	}
	#nav-main-alpha-0,
	#nav-main-alpha-8 {
		display: block;
		background-color: #282828;
	}
	.mean-container div.mean-bar {
		position: fixed;
		top: 0;
		padding: 0;
		background-color: #fff;
		border-bottom: 1px solid #f5f5f5;
	}
	.mean-container .mean-bar a.meanmenu-reveal {
		text-align: right !important;
		width: 100%;
	}
	.mean-container .mean-bar a.meanmenu-reveal span {
		width: 1rem;
		float: right;
		background: #282828;
		clear: both;
	}
	.mean-container .mean-bar a.meanclose {
		color: #282828;
	}
	.mean-container .mean-bar .mean-nav ul li a.mean-expand {
		display: block;
		height: 1em !important;
		font-size: 1em !important;
		color: #f5f5f5;
		border-width: 0 !important;
		z-index: 20 !important;
	}
	.mean-nav .nav-main-alpha a span {
		background: transparent;
	}
	.nav-main-alpha:hover {
		color: #282828;
	}
	#nav-main-alpha-1 a span,
	#nav-main-alpha-2 a span,
	#nav-main-alpha-3 a span,
	#nav-main-alpha-4 a span, 
	#nav-main-alpha-5 a span,
	#nav-main-alpha-6 a span,
	#nav-main-alpha-7 a span {
		background: transparent;
	}
	/* Content */
	#content {
		padding-top: 3em !important;
	}
	#alpha-inner {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.nav-content {
		margin-bottom: 2em;
	}
	article.post-full {
		padding-top: 0;
	}
	article.post-full time,
	article.post-full .author {
		float: left;
		width: 98%;
		text-align: left;
		clear: both;
	}
	.post-full .post-author span a {
		float: left;
	}
	article.post-full,
	article.post-excerpt {
		margin-left: auto;
		margin-right: auto;
	}
	article.post-excerpt .post-excerpt-thumb,
	article.post-excerpt header,
	article.post-excerpt time,
	article.post-excerpt .category-box,
	article.post-excerpt .post-content,
	article.post-excerpt footer {
		display: block;
		float: none;
		width: 98%;
		margin: 0 auto;
		clear: both;
	}
	article.post-excerpt time {
		width: 96%;
		margin-top: 0.5em;
		text-align: center;
	}
	article.post-excerpt .category-box {
		width: 90%;
		margin-bottom: 1em;
		text-align: center;
		background: transparent;
	}
	article.post-excerpt .category-box .category {
		float: none;
		background: rgba(255, 255, 255, 1);
	}
	article.post-excerpt .category-box .category:hover {
		background: rgba(0, 0, 0, 1);
		color: #fff;
	}
	article.post-excerpt .post-content {
		margin-bottom: 2.5em;
	}
	article.post-excerpt .post-excerpt-thumb {
		min-height: 0;
	}
	.thumb {
    width: 33%;
	}
	.thumb:nth-child(4),
	.thumb:nth-child(5) {
		width: 50%;
	}
	/* Sidebar */
	#beta {
		float: none;
		clear: both;
	}
	.archives {
		width: 100%;
	}
	/* Archives */
	.archive-calendar-table {
		width: 99%;
	}
	.archive-calendar-day {
		padding: 0.05em 0.025em;
	}
	.archive-calendar-post {
		display: none;
		width: auto;
		height: auto;
	}
	.archive-calendar-post:first-child {
		display: block;
		padding: 0;
	}
	.archive-calendar-post:first-child .archive-calendar-day-number {
		position: static;
		left: auto;
		top: auto;
		transition: none;
	}
	.archive-calendar-day:hover .archive-calendar-day-image:first-child .archive-calendar-day-number {
		opacity: 1;
	}
	.archive-calendar-day-image {
		width: auto;
		height: auto;
	}
	.archive-calendar-day-image img {
		display: none;
	}
	.archive-calendar-day-image:first-child .archive-calendar-day-number,
	.archive-calendar-day-number-empty {
		display: inline-block;
		float: none;
		width: auto;
		height: auto;
		margin: 0.25em;
		padding: 0.25em;
		line-height: 1;
		vertical-align: middle;
		font-size: 1em;
	}
	.archive-calendar-day-number-empty { color: #888; }
	.archive-calendar-list-item[data-month*="January"] .archive-link:before { content: 'Jan'; }
	.archive-calendar-list-item[data-month*="February"] .archive-link:before { content: 'Feb'; }
	.archive-calendar-list-item[data-month*="March"] .archive-link:before { content: 'Mar'; }
	.archive-calendar-list-item[data-month*="April"] .archive-link:before { content: 'Apr'; }
	.archive-calendar-list-item[data-month*="May"] .archive-link:before { content: 'May'; }
	.archive-calendar-list-item[data-month*="June"] .archive-link:before { content: 'Jun'; }
	.archive-calendar-list-item[data-month*="July"] .archive-link:before { content: 'Jul'; }
	.archive-calendar-list-item[data-month*="August"] .archive-link:before { content: 'Aug'; }
	.archive-calendar-list-item[data-month*="September"] .archive-link:before { content: 'Sep'; }
	.archive-calendar-list-item[data-month*="October"] .archive-link:before { content: 'Oct'; }
	.archive-calendar-list-item[data-month*="November"] .archive-link:before { content: 'Nov'; }
	.archive-calendar-list-item[data-month*="December"] .archive-link:before { content: 'Dec'; }
	/* Livestream */
	#content.live {
		width: 100%;
	}
	.live #alpha,
	#live-stream,
	#live-stream iframe {
		width: 100%;
		height: auto;
	}
	#live-schedule h4 {
		font-size: 0.9em;
	}
}
@media screen and (max-width: 600px) {
	.more-ideas-links li {
		width: 33%;
	}
}
@media screen and (max-width: 550px) {
	#banner {
		background-position: 4em 0;
	}
	.post-comments .comment-title {
		display: none;
	}
	.post-comments {
		width: 20%;
	}
	.category-more {
		width: 54%;
	}
	.nav-pager-prev,
	.nav-pager-next {
		width: auto !important;
	}
	.nav-pager-prev a,
	.nav-pager-next a {
		padding: 0 0.5em;
	}
	span.nav-pager-prev a:before,
	span.nav-pager-next a:after {
		display: none;
	}
	.thumb,
	.thumb:nth-child(4),
	.thumb:nth-child(5) {
    width: 99%;
	}
	.thumb-img {
		float: left;
		clear: none;
	}
	.thumb-title {
		display: block;
		float: right;
		width: 60%;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 1em;
		letter-spacing: 0.1em;
		clear: none;
		overflow: hidden;
	}
	.thumb-title:before {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.layout-c {
		width: 100%;
	}
	/* Content */
	.post-full .post-author span:nth-of-type(1) a:before {
		content: '';
	}
	.post-comments {
		width: 20%;
	}
	.post-sharing {
		width: 50%;
	}
	.post-sharing-inner {
		float: none;
		margin: 0 auto;
	}
	.category-more {
		width: 30%;
	}
	.cm-text {
		display: none;
	}
	.nav-pager-note {
		display: none;
	}
	/* Beta Modules */
	.beta-module {
		width: 25em;
		max-width: 25em;
		margin-left: auto;
		margin-right: auto;
	}
	.archives {
		width: 100%;
	}
	.ads {
		text-align: center;
	}
	.social .icon {
		display: inline-block;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
	/* Footer */
	#shop-feature {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#shop-feature-content {
		width: 65%;
	}
	#slider-prev {
		left: -5%;
	}
	#slider-next {
		right: -5%;
	}
	.more-ideas-links h1 {
		line-height: 1;
	}
	.more-ideas-links li,
	#mi-13, #mi-14 {
		width: 50%;
	}
	#mi-15 {
		width: 100%;
	}
	#mi-15 a {
		background-position: 53% 28px;
	}
	#footer h3.footer-logo,
	#footer-copyright {
		width: 90%;
	}
	.footer-column {
		width: 50%;
	}
	#fc-5 {
		display: none;
	}
	/* Archives */
	.archive-calendar-month-current {
		display: none;
	}
	/* Livestream  */
	#live-schedule h3 span,
	#live-schedule h4 span {
		display: none;
	} 
}
@media screen and (max-width: 300px) {
	#slider-prev {
		left: -5%;
	}
	#slider-next {
		right: -5%;
	}
	.post-comments {
		width: 30%;
	}
	.post-sharing {
		width: 70%;
	}
	.category-more {
		display: none;
	}
}
@media screen and (max-width: 250px) {
	.more-ideas-links li,
	#mi-13, #mi-14, #mi-15 {
		width: 100%;
	}
}
/* ph=1 */
