/* for the homepage stizuff */

	#servframe {
		min-height:535px !important;
		width:100% !important;
	}
	body.page-id-12 #secondary { display:none; }
	body.page-id-12 .site:after { width: 1px !important; }

#ooc { background: url(../_img/bg-ooc.png) 0px 168px no-repeat; }
#ooc .site-title {
	float: left;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	margin: 20px 0px 0px 0px;
}

body#butter #jam { background:transparent url(../_img/bg-splat.png) right 30% no-repeat !important; }
body#butter .site-title { margin-left:50px; }
body#butter #main { min-height:300px; }
body#butter #primary-navigation, body#butter .search-toggle { display:none; }

#toast { width:370px;margin:0px auto; }
#toast .entry-header, #toast .entry-content { 
	padding:0px 0px 0px 0px !important;
	font-size:14px !important;
	font-weight:300;
	line-height:21px !important;
}
#toast h1 { margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important; }


/*  #main-content */
/* Footer Navigation */
#footer-navigation {
	font-size: 12px;
	line-height:16px;
	padding:0px;
	height:211px;
	width:100%;
	color:#575757;
	background: url(../_img/bg-nav-home.png) 0px 0px repeat-x;
}
#footer-navigation ul { margin:0px 0px 0px 0px !important;list-style:none;text-align:center !important; }
#footer-navigation li { display: inline-block !important;background: url(../_img/bg-nav-home-sep.png) 0px 18px no-repeat; }
#footer-navigation a {
	padding:80px 20px 0px 20px !important;
	display: block;
	height:220px;
	color:#575757;
	line-height: normal;
	text-decoration: none;
	-o-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	background: url(../_img/sprite-nav.png) 20px 0px no-repeat;
}
#footer-navigation a:hover {
	color:#fff;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.3);
	-o-box-shadow: 12px 2px 5px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.3);
 }

#footer-navigation li.page-item-6 a { background-position:30px 0px; }
	#footer-navigation li.page-item-6 a:hover { background-color:#00aeef;background-position:30px -204px; }
#footer-navigation li.page-item-8 a { background-position:-150px 0px; }
	#footer-navigation li.page-item-8 a:hover { background-color:#c50480;background-position:-150px -204px; }
#footer-navigation li.page-item-10 a { background-position:-345px 0px; }
	#footer-navigation li.page-item-10 a:hover { background-color:#e6bc13;background-position:-345px -204px; }
#footer-navigation li.page-item-12 a { background-position:-528px 0px; }
	#footer-navigation li.page-item-12 a:hover { background-color:#000000;background-position:-528px -204px; }
#footer-navigation li.page-item-14 a { background-position:-710px 0px; }
	#footer-navigation li.page-item-14 a:hover { background-color:#4ab145;background-position:-710px -204px; }
.last { background: url(../_img/bg-nav-home-sep.png) right 18px no-repeat; }

#footer-navigation span { font-size:20px;font-weight:600;line-height:42px !important;text-transform:uppercase; }

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
	#footer-navigation {
		font-size: 12px;
		line-height:16px;
		padding:0px;
		height:171px;
		width:100%;
		color:#575757;
		background: url(../_img/bg-nav-home.png) 0px 0px repeat-x;
	}
	#footer-navigation span { font-size:16px;font-weight:600;line-height:22px !important; }
	#footer-navigation a {
		padding:80px 5px 0px 5px !important;
		height:220px;
	}
	#footer-navigation li.page-item-6 a { background-position:15px 0px; }
		#footer-navigation li.page-item-6 a:hover { background-color:#00aeef;background-position:15px -204px; }
	#footer-navigation li.page-item-8 a { background-position:-180px 0px; }
		footer-navigation li.page-item-8 a:hover { background-color:#c50480;background-position:-180px -204px; }
	#footer-navigation li.page-item-10 a { background-position:-360px 0px; }
		#footer-navigation li.page-item-10 a:hover { background-color:#e6bc13;background-position:-360px -204px; }
	#footer-navigation li.page-item-12 a { background-position:-555px 0px; }
		#footer-navigation li.page-item-12 a:hover { background-color:#000000;background-position:-555px -204px; }
	#footer-navigation li.page-item-14 a { background-position:-725px 0px; }
		#footer-navigation li.page-item-14 a:hover { background-color:#4ab145;background-position:-725px -204px; }
}


@media screen and (max-width: 400px) {
	body#butter #jam { background:transparent url(../_img/bg-splat.png) 150px 180px no-repeat !important; }
	body#butter .site-title { margin-left:30px; }
	body#butter #primary-navigation { display:inherit; }
	#toast { margin-top:30px;background-color: rgba(0, 0, 0, 0.4); }
	#footer-navigation { display:none; }
}
@media screen and (min-width: 1008px) {
	body#butter .hentry { margin: 0 0px 0px 0px; }
}