/* content layout
 *
 * Scalable layout position should be specified in em. inches and pixels are
 * dependent on the display dpi.
 *
 * 60em/font-size = 8in*dpi/120 = 960px
 *
 * an overall body font-size should be defined here, rather than in style.css
 * so that appropriate adjustments can be made to other values.
 *
 * pixels:
 *	ff3: layout ok: all scalable
 *	ff2: layout ok: fonts scalable, images don't scale
 *	ie6: layout ok: fonts scalable, images don't scale
 */
/* reset */
div {
 margin:0pt;
 padding:0pt;
}
fieldset {
 padding:0.35em 0.625em 0.75em;
}
p {
 margin:1em 0pt;
}
sup {
 line-height:1px;
}
/* initial */
body {
 xfont-size:0.8625em;
}
.clear {
 clear:both;
}
/*
 * two column, fixed-width center-aligned
 * 60em = 8in = 960px
 * 62.5em = 8.333in = 1000px
 */
#bbox,
#sociables {
 position:relative;
 /*font-size:1em;width:60em;*/
 /*font-size:0.833333em;width:72em;*/
 font-size:0.75em;width:80em;
}
#bbox {
 margin:0.5em auto;
 padding:0.5em 1em;
}
#sociables {
 margin:-0.5em auto 0;
}
#content #main,
#content #right {
 float:left;
}
#content #main {
 padding:0pt 2%;
 width:60%;
}
* html #content #main {
 overflow:hidden;
 width:59.75%;
}
#content #right {
 padding:0pt 1.5%;
 width:33%;
}