/* CSS file for EKonomics LLC. Copyright 2004-2007.
Designed by Nicholas Widdows
*/

BODY {
  background-color: white;
  font-family: Arial, sans-serif;
  font-size: medium;
}

A:link {
  color: blue;
}
A:visited {
  color: #000099;
}
A.textonlylink{
  font-family: Arial, sans-serif;
  font-size:   x-small;
}

IMG {    
  border: 0;
}


/* These IDs are for the large graphic regions (DIV) on the front page, followed hy
the seven individual words (IMG) placed over the middle left. If a graphic version of the
front page is created for other languages, we might find that word lengths require these
pixel positions to be altered significantly, in which case these should probably be
moved out of this main.css back into the individual page such as indexChinese.html.
*/
DIV#background {
  position:    absolute;
  left:        149px;
  top:         9px;
}
DIV#ovaltext {
  position:    absolute;
  left:        250px;
  top:         130px;
  width:       263px;
  text-align:  center;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size:   8pt;
  color:       #333;   /* not quite black */
}
DIV#languages {
  position:    absolute;
  left:        800px;
  top:         35px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size:   8pt;
  color:       #333;   /* not quite black */
}
IMG#capabs {
  position: absolute;
  left: 578px;
  top:  150px;
}
IMG#people {
  position: absolute;
  left: 554px;
  top:  192px;
}
IMG#papers {
  position: absolute;
  left: 516px;
  top:  232px;
}
IMG#mission {
  position: absolute;
  left: 540px;
  top:  290px;
}
IMG#clients {
  position: absolute;
  left: 516px;
  top:  342px;
}
IMG#sitemap {
  position: absolute;
  left: 561px;
  top:  389px;
}
IMG#links {
  position: absolute;
  left: 572px;
  top:  438px;
}


/* Used in subsidiary pages (Skills, Papers etc.) where there are narrow then wide
rows of items, with alternating backgrounds, and a small clickable logo in an upper
right cell of the table.
The wrapper mainblock is to get over the IE 6 float + margin bug.
*/
DIV#mainblock {
  margin-left: 90px;
}
DIV#leftpane {
  width: 450px;
  float: left;
}
DIV#clickablelogo {
  float: right;
  position: relative;
}
DIV#bottompane {
  width: 800px;
  clear: both;
}
IMG#capabs_sm {
  position: absolute;
  left: 220px;  
  top: 65px;
}
IMG#people_sm {
  position: absolute;
  left: 210px;
  top:  90px;
}
IMG#papers_sm {
  position: absolute;
  left: 190px;
  top:  115px;
}
IMG#mission_sm {
  position: absolute;
  left: 210px;
  top:  145px;
}
IMG#clients_sm {
  position: absolute;
  left: 190px;
  top:  170px;
}
IMG#sitemap_sm {
  position: absolute;
  left: 220px;
  top:  195px;
}
IMG#links_sm {
  position: absolute;
  left: 230px;
  top:  220px;
}
/* Clients, papers, people are on alternate plain and blue backgrounds: */
DIV.alternate {
  background-color: #D4D4FA;    
}

H1 {
  font-family:      Arial, sans-serif;
  font-size:        large;
  font-weight:      bold;
}
H2 {
  font-family:      Arial, sans-serif;
  font-size:        medium;
  font-weight:      bold;
}



/* Every page includes the header and footer, but the English main page does not
display anything for the header. It overrides some display properties of the footer. */
DIV.header {
}
DIV.footer {
  text-align: center;
}


/* The biography pages may have a number of separate sections */
DIV.biophoto {
  text-align: center;
}
DIV.bio {
  margin-left:  100px;
  margin-right: 100px;
  color:        navy;
  font-size:    12pt;
  font-family:  serif;
}
DIV.biolangs {
  text-align: center;
}
DIV.biocv {
  text-align: center;
  color:      navy;
}


/* Index pages for languages other than English */
DIV.otherindex {
  margin-left:  100px;
  margin-right: 100px;
}
DIV.otherlangs {
  text-align: center;
  clear: both;
  padding-top: 20px;
  padding-right: 60px;
}
DIV.translator, DIV.collaborators {
  text-align: center;
}

P#mission {
  background-color: #D4D4FA;
}



/* Individual words like people's names or the company name, picked out in special
colour or size within larger text. Used in biographies, footer, etc.
Note there are several ways of specifying size (large/small vs nn point) because
this was just copied across from the old-style HTML. It could be neatened up.
*/
SPAN.bioname {
  color: navy;
  font-size: 14pt;
}
SPAN.coname {
  color: navy;
  font-weight: bold;
}
SPAN.subheading {
  font-family: Arial, sans-serif;
  font-size:   large;
  font-weight: bold;
}
SPAN.address {
  color:       #000099;
  font-family: Arial, sans-serif;
  font-size:   x-small;
  font-weight: bold;
}
SPAN.copyright {
  font-family: Arial, sans-serif;
  font-size:   7pt;
}


/* Copyright EKonomics LLC 2004-2007. */