/* Style sheet for AEon's 2005 site (8/15/2005 10:10AM)

	Powerful global replace:	<span class=color>^(*^)</span>	->	<s>^1</s>

	Design usage:

	<s>		For highlighting normal text (important information)
	<b>		Key names, important subsections in paragraph e.g. "download" or "install"
	<tt>	Anything that needs to be types, console commands, file names, path names,
			numbers (file size), ini, cfg, ...

	<tt><b>	Cases where type or numbers need to be highlighted, e.g. name of autoexec.cfg
			or summed up entrie counts.

		font-family:Verdana,Arial,Helvetica;

	a better font family fit is this:

		font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;

	Using PX instead of PT... use these:
	span.normalPT	{ font-family:Verdana; font-size:10pt;	line-height:12pt; }
	span.normalPX	{ font-family:Verdana; font-size:13px;	line-height:16px; }
	span.smallPT	{ font-family:Verdana; font-size:8pt;	line-height:10pt; }
	span.smallPX	{ font-family:Verdana; font-size:11px;	line-height:14px; }
	span.tinyPT		{ font-family:Verdana; font-size:7pt;	line-height:9pt;  }
	span.tinyPX		{ font-family:Verdana; font-size:9px;	line-height:12px; }
	span.initialPT	{ font-family:Verdana; font-size:20pt;	line-height:22pt; }
	span.initialPX	{ font-family:Verdana; font-size:27px;	line-height:29px; }
 */



A:link					{ color: #ff8000; text-decoration: none; }
A:visited				{ color: #ff8000; text-decoration: none; }
A:active				{ color: #ff8000; text-decoration: none; }
A:hover					{ color: #000000; text-decoration: underline; }

/* Special link colors for the MENU! Does not work in IE. IE uses above definitions!
	Usage: <a href="" AEMENU></a> 	to add color to link!	*/
A:link[AEMENU] 			{ color: #808080; }
A:visited[AEMENU]		{ color: #808080; }
A:active[AEMENU]		{ color: #808080; }
A:hover[AEMENU] 		{ color: #ff8000; text-decoration: none; }

/* Special link colors for the Q4 Map INDEX LINKS, that show color!
	Usage: <a href="" AEINDEX></a> 	to add color to link!	*/
A:link[AEINDEX] 		{ color: #808080; }
A:visited[AEINDEX]		{ color: #808080; }
A:active[AEINDEX]		{ color: #808080; }
A:hover[AEINDEX] 		{ color: #000000; text-decoration: underline; }


/* Transparency for the nedstat icon for firefox
	Usage: <a href="" AENEDSTAT></a>	*/
A:link[AENEDSTAT] 		{ -moz-opacity: 0.25; }
A:visited[AENEDSTAT]	{ -moz-opacity: 0.25; }
A:active[AENEDSTAT]		{ -moz-opacity: 0.25; }
A:hover[AENEDSTAT] 		{ -moz-opacity: 1.0; }


/* Adding Tooltips to main menus
	Usage:	<A HREF="index.html#news" onmouseover="window.status='read all about it...'; return true" AEMENU>news
				<div><span class="info">read all about it...</span></div></A>	*/
div .info	{	font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;
				line-height:14px;
				color:#404040;

				position:absolute;
				/* top:138px; left:12px; width:130px;
					background-color:#FFFFFF; */
				background-color:#FFF8EC;			/*faking transparency*/
				top:170px; left:525px;				/*under banner top:162px; left:234px;, right of welcome: top:53px; left:540px;*/
				width:200px;

				border:1px solid #CCC0AE;			/*was dashed*/
				padding:5px 10px;
				-moz-border-radius:10px;
				/* -moz-opacity: 0.45; */			/*no longer works Firefox 3.5.2*/
				}
a .info			{ visibility:hidden; }
a:hover .info 	{ visibility:visible; }


/* IE hyperlinks in menues need explicit color override: td.menu, and AEMENU do NOT work! */
/*span.menu		{ color:#808080; }
td.menuIE		{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:13px; vertical-align:top; padding-top:1px; } */

/* TD tags set almost all the text styles! - Padding used by ie */
td.menu			{	font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
					font-size:13px; vertical-align:top; padding-top:1px; }
td.text			{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
					font-size:13px; line-height:16px; color:#808080; }
td.small		{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
					font-size:11px;  line-height:14px; color:#808080; }

/* Default Headers, e.g. news, section headers on all pages*/
h1 { font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:13px; line-height:19px; color:#FF8000; font-weight:bold;
	margin-top:1pt; margin-bottom:1pt; }

/* Main intro page header*/
h2 { font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:13px; line-height:16px; color:#FF8000; font-weight:bold;
	margin-top:5pt; margin-bottom:5pt; }

/* Framing the table HEADERS in a compact way!
	Note:	Placing the info in a <h3> tag will messup IE and Opera!
	Usage:	<td><div class=h3>".$link."</div></td>		*/
div.h3		{   font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;  line-height:14px; color:#808080; font-weight:bold;
				background-color:#FFF8EC;
				position:relative;
				border:1px solid #CCC0AE;
				padding:5px 5px;
				-moz-border-radius:8px;	}

/* Framing the ICON backgrounds around image links. With td.frame alas the "td" is too large!
	color:#FF8000; used to make the frame orange in the onClick <a> tag!
	Usage:	<td><div class=h4>".$link."</div></td>		*/
div.h4		{	color:#FF8000;
				background-color:#FFF8EC;
				position:relative;
				border:1px solid #CCC0AE;
				padding:5px 5px;
				-moz-border-radius:8px;	}

/*Dark Messiah FAQ - Text boxes*/
div.h5		{	color:#808080;
				background-color:#FFF4E3;
				border:1px solid #F1E3CE;
				padding:5px 5px;
				-moz-border-radius:8px;	}


/* All block related indents use this */
blockquote 			{	margin-top:5pt; margin-bottom:5pt; margin-left=20pt; margin-right=20pt;   }

/* Used by page footer */
blockquote.small 	{	margin-top:5pt; margin-bottom:5pt; margin-left=20pt; margin-right=20pt;
						font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;  line-height:14px; color:#808080;	}


/* First letter special text manipulation (used in page headers and section titles) */
span.initial	{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:27px; line-height:29px; }

/* Marking text - more subtle color would be #808080;*/
s				{ color:#404040; border-bottom:1px dashed #ff8000; text-decoration:none;  }

/* Used by on mapping article for index*/
ol	{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;  line-height:14px; color:#808080; }

/* Misc Other Settings */
li	{ margin-right=40pt; }

pre	{ font-family:Courier New,Courier; font-size:13px; line-height:15px;
      margin-top:8pt; margin-bottom:8pt; }              	/* text-indent:10pt; will not work on full block */

tt	{ font-family:Courier New,Courier; font-size:13px; }


/* --- KotOR Specials --- */
blockquote.q	{ margin-top:5pt; margin-bottom:5pt; margin-left:30pt; margin-right:30pt;
				  font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px; line-height:14px; color:#808080; }	/* Normal small type block */
blockquote.qu	{ margin-top:5pt; margin-bottom:5pt; margin-left:0pt; margin-right:30pt;
				  font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px; line-height:14px; color:#808080; }	/* NO indent use with <ul> */

blockquote.qsam	{ margin-top:5pt; margin-bottom:5pt; margin-left:5pt; margin-right:5pt; }	/* Sam and Max quotations need vertical spacing per line */
blockquote.qmax	{ margin-top:10px; margin-bottom:5pt; margin-left:20px; margin-right:5pt; }	/* Sam and Max quotations need vertical spacing per line */


/* --- Two Worlds Specials --- */
blockquote.q2	{ margin-top:5pt; margin-bottom:5pt; margin-left:30pt; margin-right:0pt;
				  font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px; line-height:14px; color:#808080; }	/* No right edge */



a.toc			{ color:#808080; } 							/* IE does not understand this one! FireFox does! */

ul 				{ list-style-image: url(pics/dot13.gif); }
ul.q			{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;  line-height:14px; }
ul.history		{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;  line-height:14px; }

td.tiny			{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:9px;  line-height:12px; color:#404040; }	/* Picture sub-texts */


/* --- Q4 Mapping FAQ Specials --- */
span.main	{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:24px; line-height:26px; }

span.title	{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:18px; line-height:20px; font-weight:bold; }

/* Index section headers, uses td.text normal font size! */
span.indexqa { font-weight:bold; }

/* [code] [/code] translated to <pre class=code> </pre>  colored version! */
pre.code	{ color: green; }

pre.codes	{ color:#008080; font-family:Courier New,Courier; font-size:11px;  line-height:14px;
      margin-top:8pt; margin-bottom:8pt; }              	/* Used by Two Worlds parser*/


/* [color=orange] etc... explicit color setting of text! */
span.orange	{ color: #ff8000; text-decoration: none; }
span.green	{ color: green; text-decoration: none; }
span.red	{ color: red; text-decoration: none; }
span.blue	{ color: blue; text-decoration: none; }
span.lgray	{ color: #A8A8A8; text-decoration: none; }	/*Used by Sam&Max for Quotation down-lighting*/
span.lo		{ color: #CC9966; }							/*now Dark Orange FF9933 Light Orange used in Sam&Max for the Names...*/


/* HUGELASER BANNER PLACEMENT */
/* fixed ... lets code hover relative to top bottom, it floats on page, and does not move with the scrollbar.
				-> is better because if does NOT messup the page width! */
/* absolute ... scrolls with page */
div.banner { position:fixed; top:60px; left:820px; width:160px; height:600px; background-color:#FFF0D9; }