/* ==========================================================
Betsie Style Sheet

version:   0.2
author:    andy budd
email:     andy@message.uk.com
website:   http://www.message.uk.com/
============================================================ */


/* ==========================================================
ISSUES

1. For some reason * {border: 0px none inherit;}
didn't remove border around styles divs.
* {border-style: none;} however works

2. Cant turn list styles back on in Mac IE5

3. Turning table elements into block level elements in order to 
liniarize tabels doens't seem to work

4. !important doesn't work in Safari

5. Submit buttons don't display in IE5 Mac

============================================================ */


/* remove designer styles
============================================================ */


/* remove styles for all elements */
* {
  /* stop elements from being positioned or floated */
	position: static !important;
	float: none !important;
	left: 0em !important;
	right: 0em !important;
	top: 0em !important;
	bottom: 0em !important;
	/* reset text alignment */
	text-align: left !important;
	/* remove margin and padding */
	margin: 0px !important;
	padding: 0px !important;
	/*width:auto !important;
	height:auto !important;*/
	/* remove borders
	border-style: none !important; For some reason border: 0px none inherit; didn't remove border */
}

/* make block level elements block level*/
address, blockquote, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, noscript, ol, p, pre, table, ul {
  display:block !important;
}

/* put back some margin/padding */
address, blockquote, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, noscript, ol, p, pre, table, ul {
	margin: 20px 0 20px 0 !important;
}

/* make inline elements inline*/
a, abbr, acronym, b, br, cite, code, em, i, img, input, label, select, span, strong, textarea {
  display:inline !important;
}

/* put back list styles */
ul {
	margin-left: 50px !important;
  list-style: disc !important; /* ERROR: this doesn't work for some reason */
}

/* liniarize tables */
table {
  display: block !important; 	width: 100% !important;
}

/* set accessible page styles
============================================================ */

body {
  /* set body color and font */
	color: #000 !important;
	background: #fff url(none) !important;
	font: x-large/normal Verdana, Arial, Helvetica, sans-serif !important;
	/* set body padding */
	padding: 10px !important;
}

/* set table fonts and bg color */
table, tr, th, td, thead, tbody, tfoot {
	font: x-large/normal Verdana, Arial, Helvetica, sans-serif !important;
	color: #000 !important;
	background: inherit !important;
}


/* set font and bg color for every other element */
* {
	font: x-large/normal Verdana, Arial, Helvetica, sans-serif !important;
	color: #000 !important;
	background: inherit !important;
}

/* however mmake sure form elements are white and text black */
input, select, textarea {
	background: #fff !important;
	color: #000 !important;
	border: thin #000 solid; !important;
}

#btnGo {
text-align: center;
}

/* link styles */
a:link {
	color: #000 !important;
}

a:visited {
	color: #000 !important;
}

a:active {
	color: #000 !important;
}

/* h tags */
h1 {
	font-size: 1.3em !important;
	font-weight: bold !important;
}

h1 * {
	font-size: 1.3em !important;
		font-weight: bold !important;
}

h2 {
  font: 1.2em !important;
  	font-weight: bold !important;
}

h2 * {
  font: 1.2em !important;
  	font-weight: bold !important;
}

h3 {
  font: 1.15em !important;
  	font-weight: bold !important;
}

h3 * {
  font: 1.15em !important;
  	font-weight: bold !important;
}

h4 {
  font: 1.1em !important;
  	font-weight: bold !important;
}

h4 * {
  font: 1.1em !important;
  	font-weight: bold !important;
}