body
{
    width: 480px;
	background-position:0 0;

}

.contentPanel .articleTitle
{ 
    height: 3.75em;
    width: 100%;
    overflow: hidden;
	color: #ff8b00;
    margin-top:12px;
	padding: 0px 0px 0px 10px;
}

/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
.helpMenu .helpContent
{
    display: none;
}

nav.contentPanel
{
    padding: 64px 64px 64px 28px;
	
}

/*if in snapped we need to modify the positioning scheme to allow us to insert the contents between existing nav elements*/
article .helpContent
{
    height: 616px;
    overflow: hidden;
    background-color: transparent;
    padding: 0 10px 0 40px;
    position: absolute;
    left: 0px;
    top: 8em;
    column-width: 424px;
	color:#FFFFFF;
	
}

article .contentPanel
{
    height: 100%;
}

article .contentPanel .panelButtons
{
   left: 28px; /* safe region area on the right side: 480 - 28 - 386 ~ 64px */
}

/*in snapped the safe area is on the right so these need to be different than in main.css*/
.helpMenu li a
{
    margin:16px -22px 0 -10px;
    padding:0 56px 0 22px;
}



/*Shovel Knight Classes*/

.skBlueSection
{
	display:none;
}

.skOrangeSection
{
	display:none; 

}

.skPurpleSection
{
	display:none; 
}

.skPinkSection
{
	display:none; 
}

.skBlueHeader::before
{
	content: "\A";
	white-space:pre;
}


.skLogo
{
	width:em;
	margin: 20px 0px 0px -20px;
}

.skBorderContainer
{
	border: 2px solid #f1ce28;
	height:85%;
	padding: 0px 20px 10px 20px;
	margin: -10px 0px 0px 0px;
}

.controller
{
	display:none;
}

.skControlsSnap
{
	display: inline;
	
}

.skSnap
{
	display:none;
}

.skSnapRat
{
	width:10em;
	float:right;
}