/*********
 * Base style
 */

body {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  background-color : #888a85;
}

p { 
  padding: 0.3em;
}

blockquote
{ 
  padding-left: 20px;
  margin-left: 2em;
  font-style: italic;
  background-image: url('quote.png');
  background-repeat: no-repeat;
  background-position: top left;

}

strong { 
  font-weight: bold;
}
em { 
  font-style: italic;
}
h1 { 
  font-weight: bold;
  font-size: 174%;
  margin: 0.5em 0;
  color: #555753;
}
h2 { 
  font-weight: bold;
  font-size: 144%;
  margin: 1em 0 0.3em 0;
  color: #8f5902;
}

h2.post 
{ 
  background-image: url('arrow.png');
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1.3em;
  padding-left: 1.3em;
}

h3 { 
  font-weight: bold;
  font-size: 107%;
  margin: 1em 0;
}
h4 { 
  font-weight: bold;
  margin: 1em 0;
}

li { 
  margin-left: 2em;
}

ul li { 
  list-style-type: square;
}

ol li { 
  list-style-type: decimal;
}

q { 
  font-style: italic;
}

q:before { 
  content: open-quote; 
}
q:after { 
  content: close-quote; 
}

/*********
 * Extended style
 */

p.filter { 
  margin-top: 0.3em;
  font-size: 85%;
  color: #555753;           
}

h2 a, h2 a:visited { 
  text-decoration: none;
  color: #555753;
}

p.more {
  text-align: right;
  padding: 0.3em; 
}

p.desc { 
  padding: 0em 0.5em;
}

p.pagedesc { 
  font-family: georgia, times, serif;
  font-style: italic;
  font-size: 136%;
  color: #555753;
  padding-bottom: 1em;
  border-bottom: 1px solid #babdb6;
}

p.date { 
  font-weight: bold;
  text-align: right;
  padding-top: 0;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

div.vcard { 
  font-size: 77%;
  margin-top: 2em;
}

div.intro { 
  padding: 0 3em 0 1em;
  color: #eeeeec;
  font-size: 107%;
}

div.intro p { 

}

img.logo { 
  padding-left: -0.2em;
}

div.intro a, div.intro a:visited { 
  color: #eeeeec;
}

div.intro a:hover { 
  color: #fff;
  background-color: #4e9a06;
}

#hd { 
  color:  #555753;
}
#hd a, #hd a:visited { 
  color:  #555753;
}

#hd a:hover { 
  color: #fff;
  background-color: #4e9a06;
}

#ft { 
  font-size: 77%;
  color:  #555753;
  padding: 3px 3px;
  margin-top: -1em;
}

h3.pos { 
  padding-left: 1em;
  background-color: #4e9a06;
  color: #fff;
}

img.my-head { 
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

/*********
 * Mailing list
 */
#ml { 
  float: right;
  text-align: right;
  padding-right: 10px;
}


/*********
 * Headers
 */

.motto { 
  padding: 0;
  margin: 0;
  background-color: #4e9a06;
  color: #eeeeec;
  font-size: 107%;
  text-align: right;
  font-weight: bold;
}


/*********
 * CV style
 */
.cv h1 { 
  font-size: 136%;
  text-align: center;
}

.cv h2 { 
  font-size: 122%;
}

.cv h3.proj { 
  padding-left: 1em;
  background-color: #c17d11;
  color: #fff;
}

.cv div.letter { 
  text-align: justify;
  max-width: 33em;
  margin: 0 auto;
  background-color: #eeeeec;
  border: 1px solid #888a85;
  padding: 1em;
}

/*********
 * Navigation headers
 */

.nav { 
  background-color: #73d216;
  color: #eeeeec;
}

.nav ul { 
  height: 2em; 
  padding: 0;
  margin-left: 1em;
}
.nav li { 
  float: left;
  margin: 0;
  font-weight: bold;
  list-style: none;
}
.nav li a { 
  padding: 0.3em 0.5em 0 0.5em; 
  display: block;
  text-decoration: none;
  color: #2e3436; 
}

.nav li a:hover { 
  padding: 0.3em 0.5em 1em 0.5em; 
  background-color: #8ae234;
/*  color: #204a87; */
}

.nav li.active a { 
  padding: 1em 0.5em 0.3em 0.5em; 
  background-color: #4e9a06;
  color: #eeeeec; 
}

.nav li.active a:hover { 
  color: #eeeeec;
}

/*********
 * Round corners
 */
.rc-ul{
  width: 100%;
  margin-left: auto;
  margin-right: auto;

  background-image: url('upperleft-vert.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

.rc-ur{
  background-image: url('upperright-vert.gif');
  background-repeat: no-repeat;
  background-position: top right;
}

.rc-ll{
  background-color: #fff; 
  background-image: url('lowerleft-white2.gif');
  background-repeat: no-repeat;
  background-position: bottom left;
}

.rc-lr{
  background-image: url('lowerright-white2.gif');
  background-repeat: no-repeat;
  background-position: bottom right;

}

.corps { 
  background-color: #fff; 

}

.divin { 
  padding: 3% 3% 0 3%; 
}

.divmid { 
  padding: 0 3%; 
}

.mottoin { 
  padding: 0.3em 12px; 

}

pre
{ 
  font-size: 90%;
  border-left: 3px solid #babdb6;  
  margin: 5px 1em;
  padding-left: 5px;
}

table.abook td 
{ 
  vertical-align: top;
  padding: 5px;
}

table.abook td textarea
{ 
  font-family: monospace;
}

span.badd
{ 
  color: #888a85;
}

h2.btitle
{ 
  color: #888a85;
  font-size: 120%;
}