/* CSS Document for the LoGD ailean skin by Ben Wong, 
based on a concept by Ailean */
/* --------------------------------------------------------------------
** General Tag Defaults
*/
/** tables **/
table {
}
td {
	font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 12px;
}
/** links **/
a {
	color: #d0a700;
	text-decoration: none;
}
a:hover { 
	color: #767676;
	text-decoration: none;
}
/** input fields (e.g. village chats) **/
input {
	font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 12px;
	background-color: #000000;
	border: 1px solid;
	border-color: #000000 #707070 #707070 #000000;
	color: #e7e7e7;
}
/** select boxes (e.g. user preference drop-downs) **/
select {
	background-color: #000000;
	border: 1px solid #000000;
	color: #d0a700;
}
fieldset { 
	border: 1px solid;
	border-color: #707070 #000000 #000000 #707070;
}
legend {
	padding: 3px; 
	color: #639ace; 
	font-weight: bold; 
	margin-top: 0px; 
	margin-right: 0px;  
	margin-left: 0px;
}
/*  --------------------------------------------------------------------
**  Global Classes
*/
/** the main page heading (e.g. "Degolburg, the Capital City", "LoGD News") **/
.pagetitle {
	font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #e7e7e7
}
/** nav menu categories (e.g. City Gates, Store Street, Info) **/
.navhead {
	text-decoration: none;
	width: 175px;
	border: 1px solid;
	border-color: #707070 #000000 #000000 #707070;
	height: auto;
	padding-left: 2px;
	line-height: 20px;
	float: left;
	clear: none;
	background-color: #000000;
	font-weight: bold;
	text-align: left;
	background: url(ailean/navhdr.gif)
}
/** help for nav menu categories **/
.navhelp {
	text-decoration: none;
	width: 175px;
	height: auto;
	padding: 1px;
	float: left;
	clear: none;
	border: thin none;
	border-color: #707070 #000000 #000000 #707070;
}
/** nav hot keys (e.g. [F]orest, [T]ravel) **/
.navhi {
	color: #d0a700;
	text-decoration: underline;
	font-weight: bold;
	padding: 1px;
}
/** input fields (e.g. the textarea in YOMs) **/
.input {
	background-color: #000000;
	border: 1px solid;
	border-color: #000000 #707070 #707070 #000000;
	color: #e7e7e7;
}
/** input buttons (e.g. Submit, Search, Add) **/
.button {
	font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 12px;  
	color: #d0a700;
	background-color: #000000;
	border: 1px solid;
	border-color: #707070 #000000 #000000 #707070;
}
.block { 
	padding: 3px; 
	margin-right: 0px;  
	margin-left: 0px; 
	margin-bottom: 2px; 
	line-height: 120%;
}
/** text colours **/
.colDkBlue { color: #2080ff; }
.colDkGreen{ color: #009900; }
.colDkCyan{ color: #009999; }
.colDkRed { color: #aa4444; }
.colDkMagenta { color: #990099; }
.colDkYellow { color: #999900; }
.colDkWhite { color: #cccccc; }
.colLtBlue{ color: #74abdf; }
.colLtGreen{ color: #00ee00; }
.colLtCyan { color: #00eeee; }
.colLtRed { color: #ee0000; }
.colLtMagenta { color: #ee00ee; }
.colLtYellow { color: #eeee00; }
.colLtWhite { color: #ffffff; }
.colLtBlack { color: #777777; }
.colDkOrange { color: #994400; }
.colLtOrange { color: #ff9900; }
.colBlue { color: #0070FF; }
.colLime { color: #DDFFBB; }
.colBlack { color: #000000; text-shadow: grey 0.1em 0.1em 0.2em; height: 1em; filter: Shadow(Color=#808080, Direction=75, Strength=5); }
.colRose { color: #EEBBEE; }
.colblueviolet { color: #9A5BEE; }
.coliceviolet { color: #AABBEE; }
.colLtBrown { color: #F8DB83; }
.colDkBrown { color: #6b563f; }
.colXLtGreen { color: #aaff99; }
.colAttention { background-color: #00FF00; color: #FF0000; }
.colWhiteBlack { background-color: #FFFFFF; color: #000000; }
.colbeige { color: #F5F5DC; }
.colkhaki { color: #F0E68C; }
.coldarkkhaki { color: #BDB76B; }
.colaquamarine { color: #7FFFD4; }
.coldarkseagreen { color: #8FBC8F; }
.collightsalmon { color: #FFA07A; }
.colsalmon { color: #FA8072; }
.colwheat { color: #F5DEB3; }
.coltan { color: #D2B48C; }
.colBack { background-color: #00FFFF; color: #000000; }
.colLtLinkBlue { color: #0099FF; }
.colDkLinkBlue { color: #006BB3; }
.colDkRust { color: #8D6060; }
.colLtRust { color: #B07878; }
.colMdBlue { color: #0000F0; }
.colMdGrey { color: #DDDDDD; }
.colSilveryBlue { color: #9999CC; }
.colSilver { color: #AAAAAA; }
.colDirtySilver { color: #CC9999; }
.colVioletta { color: #CC6666; }
.colLightBlue { color: #CCFFFF; }
.colBrightOrange { color: #FF6600; }
.colburlywood { color: #DEB887; }
/** table rows (e.g. Game Setup Info, Hall o' Fame) **/
.trhead  { background-color:#d6d6d6; color:#000000; }
.trlight { background-color:#171717; color:#d0a700; }
.trdark  { background-color:#000000; color:#d0a700; }
.trhilight { background-color: #414141; color: #d0a700; }
.shadow { text-shadow: grey 0.1em 0.1em 0.2em; height: 1em; filter: Shadow(Color=#808080, Direction=75, Strength=5); }
/*  --------------------------------------------------------------------
**  Specific Tags and Classes
*/
/** links - navigation **/
a.nav { /* nav link (e.g. Forest, Quit, Travel) */
	text-decoration: none;
	width: 176px;
	height: auto;
	padding: 1px;
	float: left; 
	clear: none;
	background-color: #000000;
	border-left: 0px solid #707070;
}
a:hover.nav { /* nav link on mouseover */
	background-color: #636363;
	color: #d0a700;
}
/** for adding things to the bottom of the nav table */
div.nav { 
	text-decoration: none;
	width: 170px;
	height: auto;
	padding: 1px 1px 1px 4px;
	float: left; 
	clear: none;
	background-color: #000000;
	border-left: 1px solid #707070;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-left: 2px;
}
/** links - motd **/
a.motd { /* for motd, yom, and petition */
	text-decoration: none;
	text-align: center;
	color:#d0a700;
	width: auto;
	height: auto;
	clear: none;
	background-color: #000000;
}
a:hover.motd { /* mouseover for motd, yom, and petition */
	height: auto;
	width: auto;
	background-color: #000000;
	color: #767676;
}
a.hotmotd { /* when a new motd or yom is available */
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color:#d0a700;
	width: auto;
	height: auto;
	clear: none;
	background-color: #000000;
}
/** links - translator tool **/
a.t { 
	width: 8px;
	height: 11px;
	border: 1px dotted #0000ee;
	background-color: #000000;
	color: #d0a700;
	font-size: 11px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}
a.thot { 
	width: 8px;
	height: 11px;
	border: 1px solid #ee0000;
	background-color: #000000;
	color: #d0a700;
	font-size: 11px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}
/** tables - navigation **/
table.nav {
	background-color: #000000;
	border-left: 1px solid #707070;
	border-right: 1px solid #000000;
	width: 175px;
}
td.nav a.thot {
	position: absolute;
	left: 0px;
	height: auto;
}
td.nav a.t {
	position: absolute;
	left: 0px;
	height: auto;
}
/** tables - character stats (i.e. "vital info") **/
table.vitalinfo { /* the whole vital info 'wrapper' table */
	background-color: #000000;
	border: none;
	width: auto;
}
table.charinfo { /* the sub-table with the data */
	background-color: #000000;
	width: auto;
	border-left: 1px solid #707070;
	border-right: 1px solid #000000;

}
td.charhead { /* vital info category heading */
	padding-left: 2px;
	background-color: #000000;
	border-top: none;
	cursor: default;
	font-weight: bold;
	background: url(ailean/navhdr.gif);
	border: 1px solid;
	border-color: #707070 #000000 #000000 #707070;
}
td.charinfo { /* vital info data */
	padding-left: 8px;
	/*border-top: 1px solid #707070;*/
	border-bottom: 1px solid #000000;
	cursor: default;
}
/** tables - main page **/
td.pageheader { /* heading for the main page */
	background-color: #000000;
	border-bottom: 2px solid #000000;
}
/** tables - popups **/
td.popupheader { /* heading in a popup (e.g. motd, yom)*/
	background-color: #000000;
	border-bottom: 2px solid #000000;
	height: 64px;
}
/** tables - footers **/
table.noborder { /* table in the footer */
	border: none;
}
table.withborder { /* table in the footer */
	border-top: 2px solid #000000;
}
td.footer { /* data for a footer */
	/*border-top: thin solid #663300;*/
	background-position: top;
}
td.noborder { /* borderless data in the footer */
	border: none;
}
/** debugging **/
div.debug {
	background-color: #000000;
	color: #e7e7e7;
	border: 1px dotted #707070;
	width: auto;
	height: auto;
	font-size: 11px;
}