<!--

/* Things to do with all pages. */

body {
  background-color : #e7e7d0 ; /*#d9d9b5 ;*/
  font-family : Trebuchet MS , Arial , Helvetica , san-serif ;
  font-size : 10pt ;
  line-height : 16pt ;
  text-decoration: none ;
  color: black ;
  margin-left : 8pt ;
  margin-right : 8pt ;
}

/*  These tags are really for the main div of all the pages pther than the front page (which is
managed by Pyblosxom) but we set them up as the default styles to make things easy. */

h1 {
  color : #7e965c ; /*#8da966 ;*/
  font-family : Trebuchet MS , Arial , Helvetica , sans-serif ;
  font-size : 20pt ;
  font-weight : bold ;
  font-style : italic ;
  margin-left : 60pt ; 
}

h2 {
  color : #7e965c ; /* #8da966 ;*/
  font-family : Trebuchet MS , Arial, Helvetica , sans-serif ;
  font-size : 16pt ;
  font-weight : bold ;
}

pre {
  font-family : Trebuchet MS , Arial, Helvetica , sans-serif ;
  font-size : 8pt ;
  line-height : 12pt ;
  margin-left : 20pt ;
}

tt {
  font-family : Trebuchet MS , Arial , Helvetica , sans-serif ;
  font-size: 9pt ;
}

big {
  font-size : 12pt ;
}

small {
  font-size : 9pt ;
}

a:link { 
  color : #666666 ;
  background : #dadaaa ; /*#d5d193 ;*/
  font-weight : bold ;
  text-decoration : none ; 
}

a:active a:hover { 
  color : #999999 ;
  background : #888888 ;
  font-weight : bold ;
  text-decoration : none ; 
}

a:visited { 
  color : #666666 ;
  background : #ddd99e ; /*#dadaaa ;*/
  font-weight : normal ;
  text-decoration : none ; 
}

.image-left {
  float : left ;
  padding : 10px 10px 10px 10px ;
  border : 0px ;
}

.image-right {
  float : right ;
  padding : 10px 10px 10px 10px ;
  border : 0px ;
}


/*  Styles for the footer.  Assume that p and a are the only tags used in the footer. */

#footer p { 
  color : #999999 ;
}

#footer a:link { 
  color : #666666 ;
  background : #dadaaa ;
  font-weight : bold ;
  text-decoration : none ; 
}

#footer a:active a:hover { 
  color : #666666 ;
  background : #888888 ;
  font-weight : bold ;
  text-decoration : none ; 
}

#footer a:visited { 
  color : #666666 ;
  background : #ddd99e ; /*#dadaaa ;*/
  font-weight : normal ;
  text-decoration : none ; 
}

/*  Things to do with the PyBlosxom generated front page */

#banner {
  color : #7e965c ; /*#8da966 ;*/
  font-family : Trebuchet MS , Arial , Helvetica , sans-serif ;
  font-size : 24pt ;
  font-weight : bold ;
  font-style : italic ;
  padding : 12pt ;
  margin-left : 20pt ;
  margin-top : 8pt ;
}

#subbanner {
  position : absolute ;
  color : #7e965c ; /*#8da966 ;*/
  font-family : Trebuchet MS , Arial , Helvetica , sans-serif ;
  font-size : 12pt ;
  font-weight : bold ;
  padding : 6pt ;
  margin-left : 420pt ;
  margin-top : -76pt ;
}

#twitterfollow {
  position : absolute ;
  padding : 6pt ;
  margin-left : 540pt ;
  margin-top : -60pt ;
}

#content { 
  float : left ;
  position : absolute ;
  width : 62% ;
  border-top : 2pt solid #7e965c ; /*#8da966 ;*/
  border-right : 2pt solid #7e965c ; /*#8da966 ;*/
  padding-top : 15pt ;
  padding-right : 12pt ;
}

#content h1 {
  color : #7e965c ;  /*#8da966 ;*/
  font-size : 12pt ; 
  font-weight : bold ;
  font-style : italic ;
  margin-bottom : 10pt ;
}

#content h2 {
  color : #7e965c ; /*#8da966 ;*/
  font-size : 13pt ; 
  font-weight : bold ;
  margin-left : 8pt ;
  margin-bottom : 8pt ;
}

.story {
  margin-left : 8pt ;
}

.storyFooter { 
  color : #999999 ;
  margin-left : 8pt ;
}

.storyFooter hr {
  color : #e7e7d0 ; /*#8da966 ;*/
  background-color : #e7e7d0 ; /*#8da966 ;*/
  height : 2px ;
}

#sidebar { 
  float : right ;
  left : 68% ;
  width : 32% ;
}

#sidebar h1 {
  color : #7e965c ; /*#8da966 ;*/
  font-size : 12pt ;
  line-height : 16pt ;
  margin-top : 13pt ;
  margin-left : 20pt ;
  text-align : left ;
}

#sidebar p {
  font-size : 8pt ;
  margin-left : 4pt ;
}

#sidebar hr {
  color : #e7e7d0 ; /*#d9d9b5 ;*/
  background-color : #e7e7d0 ; /*#d9d9b5 ;*/
  height : 2pt ; 
  /* border-top : 2pt solid #e7e7d0 ; /*#8da966 ;*/
}

/* For the PyBlosxom comments */

.blosxomComments {
  margin-left : 8pt ;
}

.blosxomCommentForm {
  margin-left : 24pt ;
}

/* For the PyBlosxom Calendar. */

.blosxomCalendar {
  font-size : 8pt ;
  padding-left : 20% ;
}

.blosxomCalendarHead { 
  font-family : Trebuchet MS , Arial , Helvetica , san-serif ;
  font-weight : bold ;
  color : #999966 ;
}

.blosxomCalendarWeekHeader { 
  font-family : Trebuchet MS , Arial , Helvetica , san-serif ;
  color : #999966 ;
}

.blosxomCalendarEmpty { 
}

.blosxomCalendarCell { 
}

.blosxomCalendarBlogged { 
}

.blosxomCalendarSpecificDay { 
}

.blosxomCalendarToday { 
}

/*  Things specifically for the CV which is produced with XMLRésumé . */

/*
.resume { 
    background-color : #ffcc99 ;
    border : 2px solid white ;
    margin-bottom : 20px ;
    padding-left : 30pt ;
    padding-right : 30pt ;
}
*/

/* CV section headings are h2.heading with text in a span.headingText */ 

/*
.heading {
    margin-left : -20pt ;
}
*/

.headingText {
  color : #7e965c ; /*#8da966 ;*/
  font-size : 14pt ;
}

.awardTitle { font-weight : bold ; }
.bookTitle { font-style : italic ; }
.citation { font-style : italic ; }
.clearanceLevel { font-weight : bold ; }
.copyright { font-size : 75% ; }
li.degree { margin-bottom : 0.5em ; }
.degreeTitle { font-weight : bold ; }
.employer { font-style : italic ; }
.jobTitle { font-weight : bold ; }
.lastModified { font-size : 75% ; }
.membershipTitle { font-weight : bold ; }
div.referee { margin-bottom : 1em ; }
.refereeName { font-weight : bold ; }
.skillsetTitle { font-weight : bold ; }
table.referees { width : 80% ; }

-->