/** DHO Template CSS (C) 2010 Bolt Knight Studios. www.boltknight.com **/

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


table.nav {
	background-color: #003800;
	border: 1px solid #000000;
	height: auto;
	width: 182px;
}

#bookmarkcontent { margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; overflow:hidden; float: left;}
#fancontent { margin: 3px 0px 0px 0px;  padding: 0px; overflow:hidden; float: left; width: 260px; height:22px; }
#recentnews {
  margin: 0px; padding: 0px; overflow:hidden; position:relative;
  font_family: Verdana, sans_serif;
  font_size: 11px;
  border: 1px solid #ffee77;
  background: #ffffdd;
  width: 760px;
}
 
#helplink {
  float: right;
  text_align: right;
}
#ratecontent { margin: 3px 0px 0px 0px; padding: 0px; overflow:hidden; float: left; width: 200px; height:22px; }
 
.UIActionButton{margin:0;}

} 
body {
    font-family: "Verdana","Arial",monospace;
    font-size: 10px;
}
    fon
/** tables **/
table {
}
td {
    font-family: "Verdana","Arial",monospace;
    font-size: 14px;
}

/** links **/
a {
    color: #FFFF66;
    text-decoration: none;
    background-color: #000000;
}

a:hover.nav{background:#171517;color:#CCC;border-left:5px solid #6262FF;}

/** input fields (e.g. village chats) **/
input {
    font-family: "Verdana","Arial",monospace;
    font-size: 20px;
    background-color: #333366;
    border: 1px solid #4682B4;
    color: #F5F5F5;
}

/** select boxes (e.g. user preference drop-downs) **/
select {
    background-color: #333366;
    border: 1px solid #4682B4;
    color: #F5F5F5;
}

/*  --------------------------------------------------------------------
**  Global Classes
*/

/** the main page heading (e.g. "Degolburg, the Capital City", "LoGD News") **/
.pagetitle {
    font-family: "Verdana","Arial",monospace;
    font-size: 16px;
    font-weight: bold;
    color: #F5F5F5;
    background-color: #000000;
}

/** nav menu categories (e.g. City Gates, Store Street, Info) **/
.navhead {
    text-decoration: none;
    width: 175px;
    border: thin none #4682B4;
    height: auto;
    padding: 1px;
    line-height: 18px;
    float: left;
    clear: none;
    background-color: #000000;
    font-size: 12px;
    font-weight: bold;
    color: #F5F5F5;
    text-align: center;
}

/** help for nav menu categories **/
.navhelp {
    text-decoration: none;
    width: 175px;
    height: auto;
    padding: 1px;
    float: left;
    clear: none;
    border: thin none #4682B4;

}

/** nav hot keys (e.g. [F]orest, [T]ravel) **/
.navhi {
    background-color: #000000;
    width: 0px;
    color: #6495ED;
    text-decoration: none;
    padding: 1px;
}

/** input fields (e.g. the textarea in YOMs) **/
.input {
    background-color: #666666;
    border: 1px solid #4682B4;
    color: #F5F5F5;
}

/** input buttons (e.g. Submit, Search, Add) **/
.button {
    font-family: "Verdana","Arial",monospace;
    font-size: 11px;  
    color: #F5F5F5;  
    background-color: #330000;  
    border-top: 1px solid #008080;  
    border-left: 1px solid #008080;  
    border-right: 1px solid #008080;  
    border-bottom: 1px solid #008080;
}

/** text colours **/
.colDkBlue    { color: #0000EE; background-color: #000000; }
.colDkGreen   { color: #00aa00; background-color: #000000; }
.colDkCyan    { color: #00aaaa; background-color: #000000; }
.colDkRed     { color: #CC0000; background-color: #000000; }
.colDkMagenta { color: #aa00aa; background-color: #000000; }
.colDkYellow  { color: #aaaa00; background-color: #000000; }
.colDkWhite   { color: #cccccc; background-color: #000000; }
.colLtBlue    { color: #6495ED; background-color: #000000; }
.colLtGreen   { color: #00ff00; background-color: #000000; }
.colLtCyan    { color: #99CCFF; background-color: #000000; }
.colLtRed     { color: #FF0000; background-color: #000000; }
.colLtMagenta { color: #ff00ff; background-color: #000000; }
.colLtYellow  { color: #ffff00; background-color: #000000; }
.colLtWhite   { color: #FFFFFF; background-color: #000000; }
.colLtBlack   { color: #777777; background-color: #000000; }
.colDkOrange  { color: #9932CC; background-color: #000000; }
.colLtOrange  { color: #FFA500; background-color: #000000; }

/** table rows (e.g. Game Setup Info, Hall o' Fame) **/
.trhead  { background-color:#708090; color:#F5F5F5; }
.trlight { background-color:#330000; color:#F5F5F5; }
.trdark  { background-color:#333366; color:#F5F5F5; }
.trhilight { background-color: #708090; color: #F5F5F5}

/*  --------------------------------------------------------------------
**  Specific Tags and Classes
*/

/** links - navigation **/
a.nav { /* nav link (e.g. Forest, Quit, Travel) */
    text-decoration: none;
    width: 174px;
    height: auto;
    padding: 1px 1px 1px 4px;
    float: left; 
    clear: none;
}
a:hover { 
    color: #99FF00;
    text-decoration: none;
    background-color: #000000;
}
a:hover.nav { /* nav link on mouseover */
    background-color: #3366FF;
    text-decoration: none;
    color: #FFFFCC;
}

/** links - motd **/
a.motd { /* for motd, yom, and petition */
    text-decoration: none;
    text-align: center;
    color:#3366FF;
    width: auto;
    height: auto;
    clear: none;
    background-color: #000000;
}
a:hover.motd { /* mouseover for motd, yom, and petition */
    height: auto;
    width: auto;
    background-color: #708090;
    color: #F5F5F5;
}
a.hotmotd { /* when a new motd or yom is available */
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color:#ffffff;
    width: auto;
    height: auto;
    clear: none;
    background-color: #000000;
}

/** links - translator tool **/
a.t { 
    width: 8px;
    height: 10px;
    border: 1px solid #0000ee;
    background-color: #333366;
    color: #F5F5F5;
    font-size: 11px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}
a.thot { 
    width: 8px;
    height: 10px;
    border: 1px solid #00ee00;
    background-color: #333366;
    color: #F5F5F5;
    font-size: 11px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

/** tables - navigation **/
table.nav {
    background-color: #000000;
    border-right: thin solid #4682B4;
    width: 175px;
    color: #F5F5F5;
}
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-left: thin solid #4682B4;
    width: auto;
    color: #F5F5F5;
}
table.charinfo { /* the sub-table with the data */
    background-color: #000000;
    color: #F5F5F5;   
}
td.charhead { /* vital info category heading */
    padding-left: 2px;
    background-color: #000000;
    border-top: none;
    cursor: default;
    color: #F5F5F5;
    text-decoration: underline;
}
td.charinfo { /* vital info data */
    padding-left: 8px;
    border-top: none;
    border-bottom: none;
    cursor: default;
    background-color: #000000;
    color: #F5F5F5;
}

/** tables - main page **/
td.pageheader { /* heading for the main page */
/*    background-image: url(images/title.gif); */
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #000000;
    border-bottom: thin solid #4682B4;
    color: #f5f5f5;
}

/** tables - popups **/
td.popupheader { /* heading in a popup (e.g. motd, yom)*/
    background-color: #000000;
    border-bottom: thin solid #4682B4;
    height: 50px;
    color: #f5f5f5;
}

/** tables - footers **/
table.noborder { /* table in the footer */
    border: none;
}
td.footer { /* data for a footer */
    border-top: thin solid #4682B4;
    background-position: top;
}
td.noborder { /* borderless data in the footer */
    border: none;
}

/** debugging **/
div.debug {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #4682B4;
    width: auto;
    height: auto;
    font-size: 11px;
}