/*
 * style.css 
 *
 * Copyright (C)2003-5 Daniel Jackson
 *
 */

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: white;
  color: black;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #2175bc;
  clear: both;
}

h1 {
  font-size: 22pt;
  letter-spacing: 0.1em;
}

h2 {
  font-size: 18pt;
  text-indent: -40px;
  margin-left: -20px;
  padding-left: 60px;
  border-bottom: 1px solid #90BADE;
}

h3 {
  font-size: 16pt;
  margin-top: 50px;
  margin-left: -20px;
  padding-left: 20px;
  border-bottom: 1px dashed #90BADE;
}

a {
  color: #90BADE;
  text-decoration: none;
  font-weight: bold;
}

a:link {
}

a:visited {
  color: #2175bc;
}

a:hover, a:active {
  text-decoration: underline; 
}

img {
  border: 0;
/*   vertical-align: top; */
}

blockquote {
  padding: 15px;
  margin-left: 10%;
  margin-right: 10%;
  background: #ECF4FA;
  border: solid 1px #90BADE;
}

q {
  font-style: italic;
}

ul li {
  list-style-type: disc;
  list-style-image: url(images/bullet.gif);
}

hr {
  color: #90BADE;
  border-color: #90BADE;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #90BADE;
  cursor: help;
}

code, .code {
  font-family: "Lucida Console", "Courier New", Courier, monospace;
  line-height: 110%;
}

fieldset {
  border: 1px solid #90BADE;
}
  
legend {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #90BADE;
}

form {
  margin: 1em;
}

label {
  margin-right: 0.5em;
}

input.text {
  border: 1px solid #90BADE;
}

input.submit {
  background: #2175bc;
  border: 1px solid #90BADE;
  font-weight: bold;
  color: #ECF4FA;
}


.portrait {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.portrait img {
  border: 1px solid black;
}

.back {
  padding-top: 10px;
  padding-bottom: 10px;
}


.right {
  text-align: right;
}

.image {
  text-align: center;
  margin: 12px 0px;
}

.image img {
  border: 2px solid black;
}

.inset {
  padding-right: 12px;
  padding-bottom: 12px;
  float: left;
}

.caption {
  text-align: center;
}

.nobr {
  white-space: nowrap;
}

.dateline {
  color: #90BADE;
  text-align: right;
  font-style: italic;
  font-weight: bold;
  font-size: 80%;
}



#header {
  color: white;
  background: #1958B7;
  margin: 0;
  padding: .5em 1em;
}

#header h1 {
  color: white;
}

#header h1 a, #header h1 a:hover, #header h1 a:active {
  color: white;
  text-decoration: none;
}



#navigation {
  background: #2175bc;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid #90BADE;
}

#navigation ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

#navigation ul li {
  list-style-type: none;
  list-style-image: none;
  display: inline;
  background: #2175bc;
  border-right: 2px dotted #90BADE;
  margin: 0;
  padding: 0;
}

#navigation a {
  font-size: medium;
  color: white;
  font-weight: bold;
  padding: 0 0.6em;
  text-decoration: none;
  white-space: nowrap;
}

#navigation li:hover, #navigation a:hover, #navigation .current a {
  color: white;
  background: #2586D7;
}


#subnavigation {
  position: absolute;
  left: 0;
  width: 15%;
  margin: 0;
  padding: 0;
  background: #2175bc;
  margin-bottom: 2em;
}

#subnavigation ul {
  padding: 0;
  margin: 0;
  text-indent: 0;
  width: auto;
}

#subnavigation ul li {
  margin: 0;
  padding: 0;
  text-indent: 0;
  width: auto;
  list-style-type: none;
  list-style-image: none;
}

#subnavigation a {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.4em 0.8em;  /* 5px 10px */
  border-left: solid 1px #90BADE;
  border-right: solid 1px #90BADE;
  border-bottom: 1px dashed #90BADE;
  background: #2175bc;
}

#subnavigation a:visited {
  color: #90BADE;
}

#subnavigation #subsection a {
  border-top: solid 1px #90BADE;
  font-style: italic;
  color: white;
}


#subnavigation a:hover, #subnavigation .current a, #subnavigation .current a:visited {
  background: #90BADE;
  color: #ECF4FA;
  text-decoration: none;
}


#content { 
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  margin: 0;
  margin-left: 20%;
  margin-bottom: 5%;
} 



#footer { 
  clear: both; 
  padding-right: 10px;
  margin-top: 50px;
  margin-left: 30%;
  border-top: 1px dashed #90BADE;
  margin-right: 5px;
}

#footer .copyright {
  color: #90BADE;
  font-size: 75%;
  font-style: italic;
  text-align: right;
  margin: 0;
  padding: 6px 0px;
}



.contents {
  padding: 5px 15px 5px 15px;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 40px;
  background: #ECF4FA;
  border: solid 1px #90BADE;
}

.contents li {
  margin-top: 6px;
}

.contents li li {
  display: inline;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
}




.articles li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin-top: 0.5em;
  margin-left: 7em;
}

.articles li .date {
  font-weight: bold;
  display: inline-block;
  width: 7em;
  padding: 0;
  margin: 0;
  margin-left: -7em;
}


.news {
  padding: 15px;
  margin-left: 10%;
  margin-right: 10%;
  background: #ECF4FA;
  border: solid 1px #90BADE;
  margin-top: 20px;
  text-align: justify;
  padding: 20px; 
}

.news h1 {
  background: #ECF4FA;
  padding: 4px;
  margin: 0px;
  margin-left: -10px;
  padding-left: 10px;
  color: #2175bc;
  border-bottom: 1px solid #90BADE;
  font-size: 14pt;
}

.news .date {
  font-size: 90%;
  padding-top: 5px;
  font-weight: bold;
  text-align: right;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



#cv h3 {
  margin-top: 1.5em;
}

#cv .details {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#cv .details li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin-top: 0.2em;
}

#cv .details .detail {
  padding-top: 5px;
  font-weight: bold;
  text-align: right;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#cv .daterange {
  font-size: 75%;
}

#cv .address {
  font-weight: bold;
  font-style: italic;
}

#cv .results li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin-top: 0.2em;
  font-weight: bold;
}

#cv .results li li {
  font-weight: normal;
}

#cv .result {
  font-weight: bold;
}

#cv .achievements {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin-left: 4em;
}

#cv .workexperience {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#cv .workexperience li {
  margin-top: 1em;
}

#cv .workexperience .workplace {
  font-weight: bold;
  margin-bottom: 0.2em;
  margin-left: 7em;
}

#cv .workexperience .workplace .date {
  display: inline-block;
  width: 7em;
  padding: 0;
  margin: 0;
  text-indent: 0;
  margin-left: -7em;
}

#cv .workexperience .workplace .address {
  font-style: italic;
}

#cv .workexperience .experience {
  margin-left: 7em;
}



#courses .when {
  font-size: 75%;
}
#courses dl {
}
#courses dt {
  font-family: "Lucida Console", "Courier New", Courier, monospace;
  font-weight: bold;
  display: block; 
  float: left; 
  width: 2em;
}
#courses dd {
  margin-left: 3em;
}



.pubs {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.pubs li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin-left: 12px;
}


.pubs .heading, .pubs h3 {
  font-size: 16pt;
  border-top: 2px solid #90BADE;
  background: #ECF4FA;
  border-bottom: none;
  margin: 0;
  padding: 0.4em 12px;
}

.pubs .name {
  color: #2175bc;
  font-weight: bold;
  font-size: 110%;
}

.pubs .closedName {
  text-decoration: line-through;
}

.pubs .closed, .pubs .formerly {
  font-style: italic;
}

.pubs .formerly .formerlyname {
  font-weight: bold;
}

/* .todo, .topten */


.pubs div.address {
  background: #ECF4FA;
  padding: 0em 12px;
  font-style: italic;
}

.pubs span.address {
  color: #999999;
  font-style: italic;
}

.pubs .address .outside {
  font-style: normal;
}

/* .map, .city */


.pubs .contact {
  border-bottom: 1px dashed #90BADE;
  background: #ECF4FA;
  padding: 0em 12px;
  padding-bottom: 0.4em;
}

.pubs .contact .telephone {
  font-weight: bold;
}

.pubs .contact .number {
  font-weight: normal;
}

.pubs .contact .number .unknown {
  font-style: italic;
}

/* .url */


.pubs .notes {
  margin: 0;
  padding: 1em 12px;
}

.letters {
  text-align: center;
}

.letters .current {
  font-weight: bold;
}

.letters .group {
  white-space: nowrap;
}


.error {
  margin: 50px;
  border: 5px red dashed;
  padding: 10px;
  color: red;
  font-weight: bold;
  font-size: 110%;
  background: #ffcccc;
}