body, td, th
{
	/* font */
	font-size: 62.5%; /* 10px */
	line-height: 1.25; /* 125% (no unit = relative) */
}


/******************************************************************************
 **********                         Links                            **********
 ******************************************************************************/

/* Some browsers will apply a border to an image within a link by default.
 * We'll disable that, allowing the designer to control the style of the
 * image. */

a img
{
	border: none;
}

/* Remove the underline from the link. We assume that links will be
 * distinguished by their color or weight. */

a
{
	text-decoration: none;
}

/* Add the underline to links when the mouse hovers over them. This adds a
 * sense of interactivity. */

a:hover
{
	text-decoration: underline;
}


/******************************************************************************
 **********                         Forms                            **********
 ******************************************************************************/

/* Set a consistent font for all form elements. We'll use a slightly smaller
 * font size so that the form element has roughly the same line height as text
 * outside of the form element. */

input, select, textarea, button
{
	font-size: 1em;
}

/* Most browsers do not provide visual clues that a label or button is
 * clickable. We'll set the cursor to a pointer to provide this visual clue. */

/* NOTE: Internet Explorer 6 does not understand attribute selectors. That is
 * why we've included a named class. In order for this to apply in Internet
 * Explorer 6, you must add class="button" to all inputs of type submit or
 * reset. */

label, button, input[type=submit], input[type=reset], input[type=button],
input[type=image], input.button
{
	cursor: pointer;
}

/* In Internet Explorer, line height is inherited in buttons. It is not
 * inherited in Firefox (or <input type="submit"> in Internet Explorer for
 * that matter). I'm not sure which is correct. However, this will at least
 * make the behavior consistent. */

button, input[type=submit], input[type=reset], input[type=button],
input[type=image], input.button
{
	line-height: normal;
}

/* Remove the magic button padding in Internet Explorer. Internet Explorer
 * seems to calculate the padding as a percentage of the content width. We'll
 * set the width to 0 but set the overflow to visible. Another bug in IE will
 * expand the button to be as large as necessary to contain the text. The
 * padding approximates the default padding in Firefox. */

/* NOTE: The * html portion of the selector takes advantage of an Internet
 * Explorer 6 CSS parser bug which causes this style to only apply to that
 * browser. */

* html button, * html input.button {
	width: 0px;
	padding: 0px 5px 0px 5px;
	/* NOTE: overflow-x is an IE proprietary extension to the CSS language.
	 * However, it's worth noting that Firefox has added support for it. */
	overflow-x: visible;
}