/* CSS Document for the LoGD Fantasyitalia skin, 
   for Fantasy Italia website (http://www.fantasyitalia.it).
   Theme based on Fiblack3d Theme and Ailean Theme */

/**************************
 *  General Tag Defaults
 ************************** */

FONT	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P			{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}

/******************************* 
 * Background for tables 
 ******************************* */
.tbltop{background:#2e2e2e url(fantasyitalia/tnav_t.gif) repeat-x}
.tblleft{background:#2e2e2e url(fantasyitalia/tnav_l.gif) repeat-y}
.tblright{background:#2e2e2e url(fantasyitalia/tnav_r.gif) repeat-y}
.tblbot{background:#2e2e2e url(fantasyitalia/tnav_b.gif) repeat-x}
.topnav{font-size:10px;background:#1d1c19;color:#dd6900;height:23px;white-space:nowrap;border:1px solid; border-color:#707070 #000000 #000000 #707070}

/** tables **/
table {
}

/* Main table cell colours and backgrounds */
.row1{background:#272727;background-image:url('fantasyitalia/black_marmo.gif');border:1px solid; border-color:#707070 #000000 #000000 #707070}
.row2{background:#303030;border:1px solid; border-color:#707070 #000000 #000000 #707070}
.helpline{background:#303030}
.row3{background:#414141;border:1px solid; border-color:#707070 #000000 #000000 #707070}
.storytitle  {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.block-title {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}

/** links **/
a:link,a:active,a:visited,a.postlink{color: #d0a700;text-decoration:none}
a:hover{color:#767676}

/** input fields (e.g. village chats) **/
input{border-color: #545454; color:#e7e7e7; background-color: #303030; font:normal 11px Verdana,Arial,Helvetica,sans-serif}

/** select boxes (e.g. user preference drop-downs) **/
select{border-color: #545454; font:normal 11px Verdana,Arial,Helvetica,sans-serif}
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: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: none;
    color: black;
    background-color: #D0A700
}

/** 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;
    font-weight: bold;
    text-align: left;
    background: url('fantasyitalia/black_marmo.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;
}

/** input fields (e.g. the textarea in YOMs) **/
.input {
    background-color: #303030;
    border: 1px solid;
    border-color: #000000 #707070 #707070 #000000;
    color: #e7e7e7;
}

/** input buttons (e.g. Submit, Search, Add) **/
.button {
    font-family: "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 10px;  
    color: #d0a700
    background-color: #303030;
    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: #303030; 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: #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: #272727;
    border-left: 1px solid #707070;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-left: 2px;
}


a:hover.motd { /* mouseover for motd, yom, and petition */
    height: auto;
    width: auto;
    color: #767676;
}
a.hotmotd { /* when a new motd or yom is available */
}

/** links - translator tool **/
a.t { 
    width: 8px;
    height: 11px;
    border: 1px dotted #0000ee;
    background-color: #303030;
    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: #303030;
    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: #303030;
    border: none;
    width: auto;
}
table.charinfo { /* the sub-table with the data */
    background-color: #303030
    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(fantasyitalia/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: #303030;
    border-bottom: 2px solid #000000;
}

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