/* $Id: clean.css,v 1.16 2007/05/04 15:43:54 meulien Exp $ */

body {
  text-align: justify;
  color: black; 
  background: white;
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: 10%; 
  margin-right: 5%; 
  font-family: Verdana, sans-serif;
  background-image: url("../img/tatami.png");
  background-repeat: repeat; }

p { 
    font-size: 1em;
    text-indent: 1em; 
    margin-top: 0.5em; 
    margin-bottom: 0; }

:lang(fr) > Q { quotes: '«' '»'; }
:lang(en) > p { text-indent: 0em; }

a[hreflang]:after { content: " [" attr(hreflang) "]"; }

h1 {    
     text-align: left;
     font-size: 140%;
     font-weight: bold; }
          
h2 { 
    text-align: left;
    clear: left;
    font-size: 120%;
    font-weight: bold; 
    border-bottom: 1px dotted #aaaa77;}
      
li {
     margin-bottom: 1em; }

pre.bash {
  font-size: .95em;
  width: 45em;
  color: black;
  background: #DCDCDC;
}

div.feet { 
    text-align: right; 
    margin-top: 1.5em; 
    font-size: 75%;
    margin-bottom: 1.5em; }
       
div.valid {
    font-size: 75%; }

div.date {
    font-size: 75%; }
    
div.page {
    min-width: 50em;
    max-width: 60em;
    background-image: none;
    background-color: #ffffff;
    padding: .5em 2em ;
    border-style:  ridge; }

span.prompt {
  color: #CC0099;
  font-weight: bold; }

span.prompt:after {
  content: " "; }

span.input {
  font-weight: bold; }

div.lang { 
    text-align: right;
    font-size: 75% }
        
:link { 
    color: #7b7bc6; 
    background: transparent;
    text-decoration: none; }

@media screen {
a[href]:hover {
    background: #e6e6e6;
    text-decoration: none; } }

:visited { 
    color: #7b7bc6; 
    background: transparent; 
    text-decoration: none; }

span.firstname { 
    text-transform: capitalize;
    font-variant: small-caps; }
   
span.title {
    font-weight: bold; }

img.inline {
    float: right;
    padding-left: 2em; }