/* -- Structure ----------------------------------------

	- Reset CSS
		Removes all style in all browsers

	- Basic Style
		Basic layout and colors of the site

	- Site Wide Formatting
		Classes used throughout site

	- Search Page

	- Search Results

	- Unit Index

	- View Unit
   ----------------------------------------------------- */


/* -- Reset CSS ---------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -- Basic Style -------------------------------------- */

body {
	background-color: #F5E3CF;
	margin: 20px 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 1.2;
}

ol {
		list-style: decimal;
}

ul {
		list-style: disc;
}

li {
		margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

sup {
	font-size: .7em;
	vertical-align: super;
}

#container {
	width: 950px;
	margin: auto;
	border: 1px solid #880000;
	background-color: #FFFFFF;
}

#header {
	padding: 40px 20px 20px;
	text-align: center;
}

#content {
	padding: 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #880000;
	text-align: center;
	margin-top: 20px;
}

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
	color: blue;
}

h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
	color: green;
}

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black {
	color: black;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 12px;
}

p {
	font-size: 18px;
	text-indent: 25pt;
	margin-bottom: 2px;
}


/* -- Site Wide Formatting --------------------------- */

.disabled {
	display: none;
}

.flashError {
	margin: 1em;
}

.flashError p {
	font-size: 1em;
	text-indent: 0;
}

.image_border {
	border:4px solid #880000;
}

.image_border2 {
	border: 5px solid #008000;
}

.image_border.green, .image_border2.green {
	border-color: green;
}

.image_border.blue, .image_border2.blue {
	border-color: blue;
}

.image_border.black, .image_border2.black {
	border-color: black;
}

ol.alpha {
	list-style-type: lower-alpha;
}

ul.hand_list {
	list-style-image:url("/images/hand_list_image.gif");
	vertical-align: top;
}

ul.green {
	list-style-image:url("/images/green_dot.gif");
}

ul.green2 {
	font-size: 50px; color: #008000;
}

ul.bigbull li:first-letter {
	color: green; font-size: 250%;
}

.indent {
	padding-left: 20px;
}

.quote {
	margin: 15px 100px;
}

.quote-author {
	font-size:smaller;
	text-align:center;
}

.wordHighlight {
	color: #009900;
	font-weight: bold;
}

.googleAds {
	text-align: center;
	margin-bottom: 20px;
}

#footer {
	text-align: center;
	margin-bottom: 30px;
}

#footer .googleSearch {
	margin: 30px;
	font-size: .7em;
	font-weight: bold;
	color: #880000;
}

#footer .googleSearch img {
	vertical-align: middle;
}

.footerMenu {
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	margin: 10px 0;
	border-bottom: 2px solid #009900;
	padding: 10px;
}

.footerMenu li {
	display: inline;
	border-left: 1px solid #880000;
	padding: 0 2px 0 5px;
	margin: 0;
}

.footerMenu li:first-child {
	border: none;
}

.pagination {
	text-align: center;
	margin: 10px 0;
}

.pagination .numbers {
	margin-bottom: 10px;
}
.pagination .numbers span {
	padding: 0 5px;
}

.pagination .numbers img {
	vertical-align: top;
}

.pagination .numbers .current {
	font-weight: bold;
}

.pullleft, .pullright {
	width: 150px;
	border-top:1px solid #880000;
	border-bottom:1px solid #880000;
	font-size: 14px;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 0pt;
}

.pullleft {
	margin:10px 20px 5px 0px;
	float: left;
}


.pullright {
	margin:10px 1px 5px 15px;
	float: right;
}

.nobold {
	font-weight: normal;
}

.aside {
	border:3px solid #000099;
	float:right;
	margin:0.5em 0 1em 2em;
	padding:1em;
	width:25%;
}

.aside p {
	text-align: center;
        font-size:90%;
        text-indent:0;
}


/* -- Search Page -------------------------------------- */

#Search {
	text-align: center;
}

#Search .input input {
	font-size: 24px;
	width: 450px;
}

#Search .submit {
	margin: 20px 0;
}

#Search .submit input {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	color: #880000;

}


/* -- Global .wordGroup Formatting --------------------- */

.wordGroup {
	margin-top: 20px;
}

.wordGroup .title {
	font-weight: bold;
}

.wordGroup .definition {
	padding-left: 30px;
}

.wordGroup img {
	margin: 10px;
}

.wordGroup .wordUnits {
	margin: 10px 30px;
	padding: 5px;
	border: 1px solid #009900;
}

.wordGroup .wordUnits .wordUnitText {
	display: block;
}

.wordGroup .wordUnits .wordUnit {
	display: block;
	margin-left: 10px;
}

.wordGroup .wordUnits .wordUnitPage {
	font-size: .8em;
}



/* -- Search Results ----------------------------------- */

.searchText {
	color: #008800;
	font-weight: bold;
	font-size: .9em;
}

.searchString {
	color: #880000;
}

#SearchResults {
	overflow: hidden;
}

.searched-for {
	padding-top: 5px;
	border-top: 2px solid #008800;
}

#SearchResults .wordGroup .word {
	margin-bottom: 20px;
}

.units .title {
	font-weight: bold;
}

.units .comment {
	padding-bottom: 10px;
}

#SearchResults .wordGroup .title {
	color: #880000;
}

#SearchResults .unitsHeading, #SearchResults .possibleWordsHeading, #SearchResults .supplementaryWordsHeading {
	font-weight: bold;
	margin: 30px 10px 10px 0;
	border-bottom: 1px solid #009900;
}

.units .unit {
	margin-bottom: 20px;
}

#SearchResults .suggestionHeading {
	margin-top: 20px;
}

#SearchResults .noMatchHeading {
	margin-top: 20px;
	margin-bottom: 20px;
}

#SearchResults .suggestionsWrapper {
	overflow: hidden;
}

#SearchResults .searchSuggestions {
	margin: 20px 60px;
	float: left;
	width: 320px;
}

#SearchResults .searchSuggestions span {
	font-weight: bold;
}

#SearchResults .searchSuggestions .subHead {
	list-style: none;
	margin-left: 11px;
	padding-top: 5px;
}

#SearchResults .alternateSearch {
	margin-bottom: 20px;
}

#SearchResults .alternateSearch .heading {
	margin-bottom: 20px;
}

#SearchResults #PossibleUnitsLink, #SearchResults #SisterPossibleUnitsLink {
	display: none;
}


/* -- Unit Index --------------------------------------- */

#UnitIndex #Units {
	border-top: 2px solid #009900;
	padding: 8px 0 0;
}

#UnitIndex .unit {
	margin-bottom: 18px;
}

#UnitIndex .unit .prefix {
	color: #880000;
	font-weight: bold;
}

#UnitIndex .unit a {
	font-weight: bold;
}

.letterIndex {
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	margin: 0;
	padding: 10px;
}

.letterIndex li {
	display: inline;
	border-left: 1px solid #880000;
	padding: 0 2px 0 5px;
	margin: 0;
}

.letterIndex li:first-child {
	border: none;
}



/* -- View Unit ---------------------------------------- */

#Unit {
	margin: 0 20px;
}

#Unit .unitHeading .title {
	margin-top: 0;
}

#Unit .unitHeading .googleAds {
	border-top: 2px solid #009900;
	padding-top: 20px;
}

#Unit #Words {
	border-top: 2px solid #009900;
	padding: 8px 0 0;
}

#Unit .word {
	margin-bottom: 18px;
}

#Unit .description {
	margin-bottom: 20px;
}

#Unit .description table {
	border: 1px solid #000000;
}

#Unit .description th, #Unit .description td {
	border: 1px solid #000000;
	padding: 3px;
}