/* 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: 11px;
}

/** 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: #1b1918;
/**    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: #1b1918;
    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: none;
    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: #191919; **/
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;
    padding: 1px;
}

/* Tooltip */

a.nav,
a.nav:link,
a.nav:visited,
a.nav:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

a.nav:hover {
background: transparent;
z-index: 100;
}

a.nav tip {
display: none;
text-decoration: none;
}

a.nav:hover tip {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Smal;
text-align: left;
}

/** input fields (e.g. the textarea in YOMs) **/
.input {
    background-color: #1b1918;
    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: #1b1918;
    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: #000099; }
.colDkGreen   { color: #009900; }
.colDkCyan    { color: #009999; }
.colDkRed     { color: #990000; }
.colDkMagenta { color: #990099; }
.colDkYellow  { color: #999900; }
.colDkWhite   { color: #cccccc; }
.colLtBlue    { color: #0000ee; }
.colLtGreen   { color: #00ee00; }
.colLtCyan    { color: #00eeee; }
.colLtRed     { color: #ee0000; }
.colLtMagenta { color: #ee00ee; }
.colLtYellow  { color: #eeee00; }
.colLtWhite   { color: #ffffff; }
.colLtBlack   { color: #666666; }
.colDkOrange  { color: #994400; }
.colLtOrange  { color: #ff9900; }

/** table rows (e.g. Game Setup Info, Hall o' Fame) **/
.trhead  { background-color:#d6d6d6; color:#000000; }
.trlight { background-color:#414141; color:#d0a700; }
.trdark  { background-color:#191919; color:#d0a700; }
.trhilight { background-color: #1b1918; color: #d0a700}


/*  --------------------------------------------------------------------
**  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: #272727;
    border-left: 0px solid #707070;
}
a:hover.nav { /* nav link on mouseover */
    background-color: #1b1918;
    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: #1b1918;
    border-left: 1px solid #707070;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-left: 2px;
}


/** links - motd **/
a.motd {
	text-decoration: none;
	color:#E5FFFF;
}
a:hover.motd {
	font-weight: bold;
}

a.hotmotd {
	font-weight: bold;
	   text-decoration: blink; 
}

/** links - translator tool **/
a.t {
    width: 8px;
    height: 11px;
    border: 1px dotted #0000ee;
    background-color: #1b1918;
    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: #1b1918;
    color: #d0a700;
    font-size: 11px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

/** tables - navigation **/
table.nav {
    background-color: #272727;
    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: #1b1918;
    border: none;
    width: auto;
}
table.charinfo { /* the sub-table with the data */
    background-color: #1b1918
    width: auto;
    border-left: 1px solid #707070;
    border-right: 1px solid #000000;

}
td.charhead { /* vital info category heading */
    padding-left: 2px;
    background-color: #191919;
    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: #1b1918;
    border-bottom: 2px solid #000000;
}

/** tables - popups **/
td.popupheader { /* heading in a popup (e.g. motd, yom)*/
    background-color: #1b1918;
    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;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  	text-decoration: none;
	font-weight: normal;
}