/* ========================================================================= */
/* Style Guide For AITO homepage					     */
/*                                                                           */
/* (c) 2002 Vasco Vasconcelos - vv@di.fc.ul.pt				     */
/* Adapated from  António Ferreira - asfe@di.fc.ul.pt                        */
/* ========================================================================= */

/* PSEUDO-CLASSES ************************************************************/

/*
 * Anchor 
 */
/*
a:link, a:visited, a:active, a:hover { text-decoration: underline; }
a:link { color: #00c; }
a:visited { color: #966; }
a: active, a:hover { color: #f00;  }
a.header-within-page
{
 font-size: 120%; 
 font-weight: bolder 
}
*/

/* SELECTORS *****************************************************************/

body
{
/* font-family: "arial", "verdana", "helvetica", "sans-serif"; */
 font-style: normal;    /* + */
 font-variant: normal;  /* + */
 font-weight: normal;   /* + */
 font-size: 100%;       /* + */
 
 color: #000;
 background-color: #fff;

 word-spacing: normal;      /* ? */
 letter-spacing: normal;    /* + */
 text-decoration: normal;   /* + */
 vertical-align: baseline;  /* + */
 text-transform: none;      /* ? */
 text-align: left;          /* + */
 text-indent: 0em;          /* + */
 line-height: 150%;         /* + */

 margin: 1em 1em 1.2em 1em;
 border: 0em none #fff;
 padding: 0em;

 width: 98%;
/* Certainly a hack to address Markku Sakkinen comment:
The right margin is defined so that either the last character
or two of a line may be cut away (in Opera) or a little horizontal scrolling
is always needed (in Netscape).  When printing, the end of a full line is cut
away in both browsers.  (Note: this does not depend on the width of the
browser window.)
*/
 height: 100%;
}

/*
 * Text Selectors
 */

em, i { font-style: italic; }
strong, b { font-weight: bold; }

/*
 * Head Selectors
 */

h1, h2, h3, h4 {
  font-weight: bold;
/* color: #0c0129;*/
  color: #25388d;
}

h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }

/*
 * Table Selectors
 */

table {
 margin: 0em;
 border-collapse: collapse;
}

th, td {
 font-style: normal;    /* + */
 font-variant: normal;  /* + */
 font-weight: normal;   /* + */
 font-size: 100%;       /* + */
 
 word-spacing: normal;      /* ? */
 letter-spacing: normal;    /* + */
 text-decoration: normal;   /* + */
 vertical-align: baseline;  /* + */
 text-transform: none;      /* ? */
 text-align: left;          /* + */
 text-indent: 0em;          /* + */
 line-height: 150%;         /* + */

 margin: 0em;
 border: 0.1em solid #ccc;
 padding: 0.2em;
}

th
{
 font-weight: bold;
 color: #fff;
 background-color: #ccc;
}

/*
 * List Selectors
 */

ul { margin-left: 2em; }

li
{
 text-align: left;
 padding-left: 0.5em;
 margin-top: 0.2em;
 margin-bottom: 0em;
}

li li
{
 margin-top: 0.1em;
 margin-bottom: 0em;
}

/*
 * Horizontal Rule Selectors
 */

hr
{
 color: #ccc;
 height: 0.1em;
}

/*
 * Pre-formatted Text Selector
 */

pre
{
 font-family: "courier new", "courier", "monospace";
 font-size: 90%;  /* Depende de FONT-SIZE em BODY, TD ou TH.                 */
 line-height: 90%;
 border: 0.1em solid #000;
 padding: 1em;
}

/* CLASS SELECTORS **********************************************************/

/*
 * Quick links
 */
p.navigation {
  border: 0.1em solid gray;
  padding: 0.1em;
  background-color: gray
}

/*
 * Page header
 */
table.header { width: 790px }

td.logo, td.aito-name {
  color: #25388d;
  margin: 0em;
  border: 0em;
  vertical-align: middle;
  font-size: 150%;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
}

td.logo {
  width: 150px;
 }

/*
 * Technical Annex
 */
p.about
{
 text-align: right;
 font-size: 70%
}

/*
 * Members and Board Tables
 */
td.title-name, td.title-affiliation, td.title-email, td.board-position
{
 font-size: 120%;
 font-weight: bold;
 color: #fff;
 background-color: #999;
 text-align: center;
}

td.board-position { width: 180 }

td.member-name, td.member-affiliation, td.member.email
{
 font-size: 80%;
}

/*
 * Members and Board details
 */
p.name
{
 font-size: 100%;
 vertical-align: baseline;
 line-height: 100%;
}

p.affiliation, p.address, p.phone, p.email
{
 font-size: 100%;
 vertical-align: baseline;
 line-height: 100%;
}

p.affiliation, p.phone
{
 font-style: italic;
}

p.since
{
 font-size: 80%;
 line-height: 0;
}