/* **********************Begin redefining tags.********************** */
body, #Breadcrumb { /*Defines the normal body as black background, lavendar type, Tahoma font, 1.1em size.*/
	font-family: Tahoma, Sans-Serif, Verdana;
	font-size: 1em;
	background: #000000;
	color: #9F9FC1;
	line-height: 1.2em;
}

/*
Default styles for header tags.
H4			 { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 } 
*/

/* h1 { 
	font-size: 4em; 
	font-weight: normal;
}

h3 { 
	font-size: 1em; 
	font-weight: normal;
}

h4 { 
	font-size: .9em; 
	font-weight: bold;
	text-decoration: underline;
	line-height: normal;
	margin: auto;
}
*/

h1 {
	font-size: 2.2em;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
}

h3 {
	font-size: 1.17em;
	font-weight: bold;
}

h4 { 
	font-size: 1em; 
	font-weight: bold;
	text-decoration: none;
}

a { /*Defines links as pale yellow, non-boldface, no underline.*/
	color: #FFFFCC;
	text-decoration: none;
	font-weight: normal;
}

a:hover { /*Defines hovered links as underline-overline.*/
	text-decoration: underline overline;
}

a:active { /*Defines active links back to normal.*/
	text-decoration: none;
}

li {
	margin-bottom: .5em;
}

p { /*Evens out the indented and non-indented paragraphs.*/
	line-height: normal;
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}
/* **********************End redefining tags.********************** */

/* **********************Begin defining tags with classes.********************** */
body.City { /*Further defines the body for the city pages with Sylfaen font, size 1em.*/
	font-family: Sylfaen, Garamond;
}

body.Rpgclass { /*Further defines the body for the class pages with Bell MT font, size .9em.*/
	font-family: Bell MT;
}

body.Deity { /*Further defines the body for the deity pages with Californian FB font, size 1em.*/
	font-family: Californian FB, Tahoma;
}

body.Race { /*Further defines the body for the race pages.*/
	font-family: Tempus Sans ITC, Tunga, Modern, Arial;
	font-size: 1.05em;
}

img.rsandbag { /*Defines right-side sandbag imgs as floating right, with a 1.3em margin and 30px high segments.*/
	float: right; 
	clear: right; 
	margin: 0 0 0 1.3em; 
	height: 30px;
}

li.listIndent { /*Class that defines the li tag slighly narrower line height and margins, with a 30px left margin.  Used instead of a negative indent on the first line.*/
	line-height: 1em;
	margin-left: 30px;
	margin-top: 0;
	padding-top: 0;
}

p.Indent { /*Creates a 5in indent on the first line.*/
	text-indent: 0.5in;
	margin-bottom: .5em;
}

span.Dropletter { /*Me playing with drop letters.*/
	font-size: 200%;
	padding: 0 1px 0 1px;
	margin: 1px;
	margin-top: 0;
	font-family: Old English Text MT, Lucida Calligraphy, Times New Roman;
	float: left;
	font-style: normal;
	background: #5E778D;
	color: #000000;
	border: 3px outset;
}

div.Dropl_map { /*Me playing with drop letters.*/
	font-size: 200%;
	width: 110px;
	height: 121px;
	padding: 0 1px 0 1px;
	margin: 1px;
	margin-top: 0;
	font-family: Old English Text MT, Lucida Calligraphy, Times New Roman;
	float: left;
	font-style: normal;
	background: #000000 url(../nightelf_shield.jpg) no-repeat;
	color: #FFFFFF;
	border: 3px outset;
}
/* **********************End defining tags with classes.********************** */

/* **********************Begin defining general classes.********************** */
.New { /* Class to highlight new additions. */
	color: blue
}
/* **********************End defining general classes.********************** */

/* **********************Begin defining various divs.********************** */
/* ------- Begin Navbar ------- */
#navbar {
	min-height: 507px;
	width: 163px;
	float: left;
	padding: 50px 0 0 10px;
	margin: 1em 1em 1em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #000000 url(briarwand.jpg) no-repeat;
	color: #FFC;
	font-size: 1em;
}

#navbar h1 {
	margin: 1em 0 .4em 0;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFC;
	text-align: left;
}

#navbar ul {
	margin: .5em;
	padding: 0;
	font-size: 1em;
	font-style: normal;
	text-align: left;
}

#navbar li { /*Formats the list items, removes the list icons, smaller type, sets margins, slightly narrower line height.*/
	line-height: 1em; 
	list-style-type: none;
	display: block; 
	padding: 0;
	padding-bottom: .3em;
	font-size: .8em;
	margin-left: .5em;
	margin-bottom: .25em;
}

#navbar .ThisPage {
	color: #0F9FC1;
}
/* ------- End Navbar ------- */

/* ------- Begin Page Header ------- */
/*The pageHeader div is the Title heading at the top of the page.*/
#Header {
	margin-top: 2em;
	padding-bottom: 1.5em;
}

#Header h1, #Header h2 { 
	padding-bottom: .5em;
	margin: 0; 
	line-height: 1em;
}
/* ------- End Page Header ------- */

/* ------- Begin MainBody ------- */
#MainBody {
	margin-right: 1em;
}

#MainBody ol, #MainBody ul {
	margin-top: 2em;
	margin-bottom: 3em;
	list-style-type: none;
}
/* ------- End MainBody ------- */

/* ------- Begin Stereotypes ------- */
/*Formats the Stereotypes sidebar for the city pages (and possibly others later).*/
#Stereotypes { /*No margin except a 1em margin on left (to keep text away) and 10px padding.  Whole thing is floated and cleared right.*/
	width: 350px;
	padding: 0 .5em 0 .5em;
	float: right;
	margin: 0 0 0 1em;
}
#Stereotypes h2 {
	padding: .5em 0 .5em 0;
	margin: 0;
}

#Stereotypes ul { 
	margin: 0;
	padding: 0;
	font-size: .9em;
	font-style: normal;
}

#Stereotypes li {
	line-height: 1em;
	padding: .75em 0 0 0;
	margin-bottom: .5em;
	list-style-position: inside;
	list-style-type: none;
}
/* ------- End Stereotypes ------- */

/* ------- Begin Intro ------- */
/*The intro div is for introductory text (if any).*/
#Intro, #IntroQuote { /*Sets the width to 75% of the page.  Makes the text italic.*/
	width: 75%; 
	margin: 1em 0 1em 0;
	font-style: italic;
}	
	
#Intro em, #IntroQuote em { /*This redefines the em tag while in the italicized intro as being normal text.*/
	font-style: normal;
}	

#Intro img.Symbol { /*This is primarily for the class pages, it floats the class symbol left with a 1em right margin.*/
	float: left;
	margin: 0 1em 0 0;
}

#Intro p.Indent, #IntroQuote p.Indent {
	margin: 1em;
}

#IntroQuote {
	width: auto;
	margin-right: 400px;
}
/* ------- End Intro ------- */

/* ------- Begin Listings ------- */
/*Listings such as the Leaders page*/
#Listings, #Alignment { /*Making the div act like a table; keeps the text all together and lined up.*/
	width: 78%;
	padding: 0;
	padding-top: 2em;
	display: table;
}

#Listings h1, #Alignment h2, #Listings h2 {
	font-size: 1.3em;
	margin: 12px 0 10px 0;
	padding: .3em 1px 1px 1px;
	border-top: 1px solid #5E778D;
}

#Listings h2 { /*Indents all p tagged text 2em.*/
	padding-left: 2em;
	border: 0;
}

#Listings ul { /*Left-indents the ul tagged text 40px and strips the padding, and makes the text non-boldface 1em size.*/
	margin-left: 40px;
	padding: 0 0 0 1.5em;
	font-style: normal;
} 

#Listings li { /*Removes the bullet-icon, slightly narrows the line-height, redefines as a block-tag, creates a 5px top padding and 2px left padding, a 5px bottom margin, and makes the text slightly smaller.*/
	line-height: 1em;
	list-style-type: none;
	display: block;
	padding: 5px 0 0 2px;
	margin-bottom: 5px;
}

#Listings li a { /*Defines links in lists as being slightly bigger, with a 1.3em top margin and 1px padding.*/
	margin-top: 1.3em;
	padding: 1px;
}
/* ------- End Listings ------- */

/* ------- Begin Alignment ------- */
#Alignment { /* Defined with #Listings */
	display: block;
}

/*#Alignment h2 listed with #Listings h1*/

#Alignment p, #CityAttr p, #ClassAttr p { /*Indents all p tagged text 2em.*/
	padding-left: 2em;
}

#Alignment h3 { 
	font-size: 1em; 
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
/* ------- End Alignment ------- */

/* ------- Begin City + Class Attributes ------- */
#CityAttr, #ClassAttr, #Humor, #Library {
	padding-left: 0;
	margin: 0 3em 0 3em;
	font-size: 1.1em; 	
}

/*#CityAttr and ClassAttr p tags defined with #Alignment p*/
#CityAttr p, #ClassAttr p, #Library p, #MenuAttr p {
	line-height: 1.15em;
	margin-bottom: .3em;
}

#CityAttr h2, #ClassAttr h2, #DeityAttr h2, #Library h2 { 
	font-size: 1.5em;
	font-weight: normal;
	margin: .5em;
	color: #5E778D;
}

#CityAttr h3, #ClassAttr h3, #Library h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: .5em
}

	/* ------- Begin Sub-Div NPCs ------- */
	/*The NPC sections of the city pages will eventually all be popout tables, with this section having style definitions for those tables.*/
	#npcs a { /*Definies Parlath's links the way he had them.*/
		color: blue; 
		font-family: Tahoma; 
	}

	#npcs a:hover { /*Definies Parlath's links the way he had them.*/
	color: red
	}
	/* ------- End Sub-Div NPCs ------- */
/* ------- End Class + City Attributes ------- */

/* ------- Begin Deity Attributes ------- */
/*Formats the diety pages for the floated right diety pics.*/
#DeityAttr { /*Makes sure the text flows along the edge of the picture smoothly.*/
	position: relative;
	text-align: right;
	padding: 0 3em 0 0;
	margin: 0 0 2em 163px;
}
/* ------- End Deity Attributes ------- */

/* ------- Begin Library ------- */
/* ------- End Library ------- */

/* ------- Begin Menu Books ------- */
/*Formats the main body of the race and class pages.*/
#MenuAttr {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: Black Chancery, Monotype Corsiva;
	color: #723838;
	float: left;
}

#MenuAttr table {
	background:  url(briarbook.jpg) no-repeat;
	border: none;
	width: 760px;
	height: 490px;
	margin-bottom: 20px;
	color: #723838;
}

/*#MenuAttr p tags defined with #Alignment p*/

#MenuAttr td {
	width: 49%;
	height: 100%;
	padding: 1em 0 0 0;
	vertical-align: top;
	text-align: justify;
}

#MenuAttr td.LeftPage {
	padding-left: 45px;
	padding-right: .5em;
}

#MenuAttr img.LeftPage {
	float: right;
	clear: right;
	border: none;
}

#MenuAttr td.RightPage {
	padding-right: 50px;
	padding-left: .5em;
}

#MenuAttr img.RightPage {
	float: left;
	clear: left;
	border: none;
}

#MenuAttr .Top { 
/*Indents all p tagged text 2em.*/
	margin: 1em 0 0 0;
}

#MenuAttr p.TopIndent { 
/*Indents all p tagged text 2em.*/
	margin: auto;
	margin-top: 1em;
	text-indent: 0.5in;
	line-height: normal;
}

#MenuAttr h2 { 
/*Makes font slightly larger, creates a 17px top margin and a 1px padding, and boldfaces.  Unlike MainBody, there is no top border.*/
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0 .3em 0;
}

#MenuAttr ul { /*No boldface, no margins or padding, 1em font*/
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	font-style: normal;
}

#MenuAttr li { /*Slightly narrows line height, 5px on top, no other padding; 5px on bottom, no other margins, positions list icons inside column.*/
	line-height: 1em;
	padding: .75em 0 0 0;
	margin-bottom: .5em;
	list-style-position: inside;
	list-style-type: none;
}

#MenuAttr .NextPage {
	font-family: Black Chancery, Monotype Corsiva;
	border: outset 3px #5E778D;
	width: 105px;
	float: left;
	clear:right;
	font-weight: bold;
	font-size: 1.2;
	text-align: right;
	vertical-align: middle;
}

#MenuAttr .PrevPage {
	font-family: Black Chancery, Monotype Corsiva;
	border: outset 3px #5E778D;
	width: 105px;
	text-align: left;
	vertical-align: middle;
	float:left;
	font-weight: bold;
	font-size: 1.2;
}
/* ------- End Racial Attributes ------- */

/* ------- Begin Humor ------- */
#Humor {
	font-family: Gill Sans MT, Lucida Sans Unicode, Microsoft Sans Serif;
}

#Humor h2 {
	font-weight: normal;
	font-size: 1.2em;
}

#Humor p {
	display: table;
	line-height: 1.15em;
	margin-bottom: .3em;
}

#Humor ul h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .3em 0;
}

#Humor ul h3 {
	font-size: 1em;
	font-weight: normal;
	margin: .5em 0 0 0;
}

#Humor ul {
	margin: 0;
	margin-bottom: 1em;
	padding: 0 .3em 0 .5em;
	float: left;
	border-right: 2px solid #669966;
	width: 26%;
	height: 600px;
}

#Humor ul.last {
	border: 0;
	margin-bottom: 2em;
}

#Humor li {
	margin: 0;
	margin-bottom: .2em;
	list-style-type: none;
}
/* ------- End Humor ------- */

/* ------- Begin Footer ------- */
#footer { /*Sets div 10px from bottom, 20px from right edge, 30% wide, small text, 10px padding at the top (to separate it from mainbody text.*/
	display: block;
	float: left;
	bottom: 0;
	margin-top: 3em;
	margin-bottom: 1em;
	font-size: .8em;
	line-height: 1.1em;
	font-family: Tahoma, Sans-Serif, Verdana, Arial;
	background: #000000;
	color: #9F9FC1;
}
/* ------- End Footer ------- */