/* A List Apart 3.0 layout for handhelds - alistapart.com */


/* Shrink images to fit within viewport; some phones
   can't scroll horizontally. */
img	{
	max-width: 100%;
	}

/*  Establish general layout parameters */

/* Reduce margin slightly
   Drop border (it looks redundant when the spacing is small)
   Specify only generic font family, not specific screen font,
    because the handheld is likely to set a more readable default */
body	{
	border-top: none;
	font-family: sans-serif;
	padding-bottom: 5px;
	list-style-type: square;
	}

/* Reduce margin and border sizes slightly
   Use keyword for border-width above 3px
   Relax width to 'auto' and set max-width instead */
#hhcontent	{
	margin: 3px auto;
	border: 1px solid #566;
	border-top: medium solid #566;
	width: auto;
	padding: 2%;
	max-width: 597px;
	font-size: 1em;
	}

	
#prev {
	display: none;
}

#Content {
	display: none;
}

/* Turn off float -> one-column layout
   Reduce padding to a percentage (scales well)
   Relax width to 'auto' and set max-width instead */
#maincontent	{
	float: none;
	padding: 2%;
	width: auto;
	max-width: 597px;
	}



/*  Typography */

/* Specific fonts are ok for headlines, so leave font-family alone
   Adjust top margin from px to em and reduce it a bit (the 2px on the
    bottom margin is small enough to be left alone)
   Reduce line height to 1em; headings frequently break into multiple
    lines on such small screen, and we don't want spacing /within/ the
    heading, only around it. */
h1, h2, h3, h4, h5, h6	{
	line-height: 1em;
	margin-top: 1.3em;
	}
ul {
	list-style-position: inside;
	list-style-type: circle;
}
#loader {
	display: none;
}
#go {
	display: none;
}