body{
}
a#logo{
float:none;
margin:0 auto;
max-width:50%;
background-size:contain;
}



#siteHolder{
	overflow:hidden;
	position:relative;
}


#mobileNavPane{
	width:250px;
	background:rgba(00,00,00,0.9);
	float:left;
	position:absolute;
	top:0;
	left:-300px;
	height:100%;
	box-shadow:4px 0 12px rgba(00,00,00,0.5);
	transition: left 0.5s ease;
}
#mobileNavPane.open{
	left:0;
}




#mmNav{
	display:block;
	background:rgba(00,00,00,0.9);
	height:0;
	overflow:hidden;
	width:100%;
	transition: height 0.5s ease;
}

#mmNav.open{
	height:320px;
}


nav#mmNavBlock{
	border-top:1px dashed #aaa;
}

nav#mmNavBlock ul{}

nav#mmNavBlock ul li{}
nav#mmNavBlock ul li a{
	display:block;
	padding:12px 6px;
	text-align:center;
	border-bottom:1px dashed #aaa;
	color:#fff;
	font-size:1.5em;
}




#mmSearch{
	display:block;
	background:rgba(00,00,00,0.9);
	height:0px;
	overflow:hidden;
	width:100%;
	transition: height 0.5s ease;
}

#mmSearch.open{
	height:60px;
}

#mmSearch form{
	display:block;
	position:relative;
}

#mmSearch form input#mmSearchText{
display:block;
width:calc(100% - 36px);
font-size:20px;
padding:6px;
margin:12px;
float:left;
border:0;
}
#mmSearch form input#mmSearchSubmit{
	position:absolute;
	top:2px;
	right:2px;
	display:block;
	float:left;
	padding:6px 12px;
margin:12px;
font-size:20px;
}










#pageHolder{
position:relative;
left:0;
transition: left 0.5s ease;

}
#pageHolder.navIsOpen{
/* 	left:250px; */
}


#giantCloser{
	width:2000px;
/* 	background:rgba(00,00,90,0.9); */
	float:right;
	position:absolute;
	top:0;
	right:-6000px;
	height:100%;
}
#giantCloser.open{
	right:0px;
}


.inside{
	width:900px;
}
header{

}



#mainNav{
width:50px;
border-left:0;
}
#mobileNavButton{display:block !important;}
#mobileSearchButton{display:block !important;}
#mainNav #block-menu-menu-top-navigation{display:none;}



#mainArea{width:100%;}
#sidebar-first{display:none;}