/*


Title       : Some styles to basic html
Label       : html.css
Copyright   : © 2002, 2003, 2004, "ADNX" <http://adnx.org>.
Licence     : "CeCILL" <http://www.cecill.info/licences/Licence_CeCILL_V1.1-US.html> 
              ("GPL" <http://www.gnu.org/copyleft/gpl.html> like)
Creator     : [FG] "Frédéric Glorieux" <frederic.glorieux@ajlsm.com> 
              ("AJLSM" <http://ajlsm.com>)
Description : This sheet have been tested for some years in many situtations, to
              provide a fast no too poor layout to html. This is less a designer 
              job than a simple useful tool for XML developper who are able to 
              produce correct simple HTML.
Reference   : "The CSS Anarchist's Cookbook" 
              <http://www.oreillynet.com/pub/a/network/2000/07/21/magazine/css_anarchist.html>
Reference   : Koch, Peter-Paul "QuirksMode" <http://www.quirksmode.org/>
              It contains more than 150 pages with CSS and JavaScript tips and tricks, 
              and is one of the best sources on the WWW for studying and defeating 
              browser incompatibilities.
              It is free of charge and ads, and largely free of copyrights.

*/
/*
TOTHINK

a snippet to workaround the position:fixed in IE

#navig    {
    position: fixed;
    _position: absolute;
    top: 0;
    _top: expression(documentElement.scrollTop + 0 + "px");
}


*/


    /* rules to keep HTML printable */
    
    @media print {
        body { font-size:12pt !important; }
        /* show links ? moz 
        a[href^="http://"]:after { content: " <"attr(href)"> "; }
        */
        /* show anchors ? moz 
        a[name]:before { content: "[" attr(name) "] "; }
        */
        /* *[id]:before { content: "[" attr(id) "] "; } */
        /* still buggy in moz */
    * {
            float:none !important; 
            position:relative !important; 
            height:auto !important;
            width:auto !important;
            overflow:visible !important;
    }
        .noprint {display:none; }
        /* try to render table printable */
        table {width:100%; font-size:80%; }
    }



/*
  Global styles 
*/

    
    /* a dark on light */
  body { 
    font-family:  "Bitstream Vera Sans", " Trebuchet MS", " Verdana", Helvetica, sans-serif; 
    background: white;
    color: black;
    font-weight:normal; 
  } 
  /* very useful cross browser declaration to fill full window for vertical alignment */
  html,body {
    height: 100%;
  }
  /* 
  default page margins for a simple text without layout 
  default left margin is calculated in chars to display blocks in it
  */
  body {
    margin-bottom:5em;  
    margin-left:5em; 
    margin-right:4%; 
    margin-top:3%; 
  }
    /* needed for total inherit font-size */
  pre, table {
    font-size:100%; 
  }

/* for contents.html */
dd.collection {
  padding-top:2em;
  padding-bottom:2em;
  border-left:1px dotted;
  margin-left:2ex;
  padding-left:1ex;
}
dd.resource {
  border-left:1px dotted;
  margin-left:2ex;
  padding-left:1ex;
  padding-bottom:3ex;
  padding-top:1ex;
}
dt.resource {
  margin-top:0;
  margin-bottom:0;
}

    /*
        TEXT
     */

  p { 
    text-align:justify; 
  }


#abstract {
    background:#FCFAE0;
    padding:1em;
  }

.abstract, .description {
    text-align:justify; 
    font-family: Verdana, sans-serif; 
  }
  p.first-line-indent {
    text-indent:2em;
  }
   .marginalia {
    text-align:right;
    width:10ex;
    font-size:80%;
    float:right;
    clear:none;
    right:0;
    color:#4263B0;
  }
    .hanging-indent { 
    text-indent: -3em; margin-left: 3em; 
    }
   p.bibliorecord {text-indent:-4em; margin-left:4em;}
  .bibnote {margin-left:0; text-indent:0; text-align:justify; font-size:smaller; font-family:sans-serif; }


    /* for sizes of blocks from border and not content, useful in case of CSS layout instead of tables */
/*
  div {
    -moz-box-sizing: margin-box;
    box-sizing: margin-box;
  }
*/
    
  /*
      LINKS
   */
    
  a {
  
  }
    
  a:link { 
    cursor: pointer;
    cursor: hand;
    color:#000080; 
  }
    
    
  a:visited { 
    color:#000080;
  }
  a:hover, 
  a:hover * { 
    text-decoration:underline; 
    color: red; 
  }
  a:active, 
  a:active * {
    background:#CC3333;
    color:#FFFFFF; 
    text-decoration:none; 
  }

  /*
      LISTS
   */

  li { 
    text-align:justify; 
  }
  li p { 
    text-indent:0px; 
  }
  dl.glossary dt { 
    font-weight: bold; 
    margin-top:1ex; 
    margin-bottom:0.2ex;  
    color: #663300;
  }
  dl.glossary dd { 
    text-align:justify; 
    margin-top:0ex; 
    margin-bottom:1em; 
  }
  dl.glossary dd p {
    margin-top:0.5ex;
    margin-bottom:0.5ex;
  }
  dl.item {
    background-color:#FFFFFF;
    border-color:#F0EDE0;
    color:black;
  }
  dl.item dt {
    background-color:#F0EDE0;
  }
  dl.item {
    -moz-border-radius: 10px;
    border: 2px solid;
    width: 30ex;
    width-max:50ex;
    min-width: 20ex;
    margin: 0px 0px 8px 2%;
    padding: 0px;
  }
  
  dl.item dt {
    padding-top:0.7ex;
    padding-bottom:0.7ex;
    padding-left:1em;
    padding-right:1em;
    margin:0;
  }
  dl.item dd {
    margin-left:0;
    padding-left:1.5em;
    padding-right:1em;
    padding-top:1ex;
    padding-bottom:1ex;
  }
  dl.item dd p {
    padding-top:1ex;
    padding-bottom:1ex;
  }
  
  blockquote.quotations {
    border-left:1px dotted;
    padding:1ex;
    font-family: "Bitstream Vera Serif", Garamond, Melior, Georgia, Times, serif;
  }
  
  .mail blockquote {
    border-left:dotted 1px #000080;
    padding:1ex;
    margin:0;
    margin-left:1em;
    background:#FFFFCC; 
  }

  .mail blockquote blockquote {
    background:#EEEEEE; 
  }

  .mail blockquote blockquote blockquote {
    background:#FFFFCC; 
  }



    /*    dd dt
        { display: inline} */
    /* not easy enough to override
    menu {
        border: 2px outset;
        padding-top: 1ex; padding-bottom: 1ex; padding-left: 1em; padding-right: 1em;
    }
    menu * { text-align:left; }
    menu a:link { display:block; }
    menu a:link, menu a:visited { text-decoration: none; padding-left:1ex; padding-right:1ex}
    menu a:active { color: white; background:red;   }
    */
    
    
    
    /*
        SEMANTIC and textual
     */
    
    big   { font-weight: 900; text-align:center; }
    b, strong { font-weight: bold; }
    i, em { font-style: italic;}
    u { text-decoration:underline; }
    abbr  {}
    acronym { font-weight: bold; }
    cite  { font-style: italic;} 
    q     { font-style: italic; }
    samp  {  }
    dfn   { font-weight:bold; font-style:italic; }
    samp  { font-style:italic; }
    var   { font-style:normal; font-weight:bold;}
    address {}
    ins     {}
    del     {}
    
    /* to test
    IMG,OBJECT,APPLET,EMBED,IFRAME {
    display:expression(
        parseInt(this.offsetWidth)==468 || parseInt(this.currentStyle.width)==468 
        || (this.src && this.src.indexOf('http\:\/\/ad')==0) ? 'none' : '');
    }
    */
    
    
    /*
        TABLES
     */
    table.table { 
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif;
    }

  caption { 
        text-align:left; 
        padding:0; 
    }
    /* highlight  light on dark #4682B4 */
    
    caption td, 
    caption small,
    caption a,
    caption { 
        background-color:#6082A0; 
        color:#FFFFCC; 
        border:0px;
    }
    caption a:link, 
    caption a:visited { 
        color: #CCEEFF; 
    }
    caption a:hover { 
        color: #3F577E; 
        background:#FCFAe0 
    }
    table.table td { 
        padding-left:0.5ex; 
        padding-right:0.5ex; 
        border-bottom: solid 1px #CCCCCC; 
    }
    table.table td pre {
      margin:0; padding:0;
    }
        /* ButtonFace #DCDAD0  #F0EDE0*/
    th {
        background:#DCDAD0;
        text-align:left;
        vertical-align:top;
        padding-left:1em;
        padding-right:1ex;
    }
    tr.even {
      background:#EEEEEE;
    }

    .alert { 
        color: red;
        font-weight:bold;
        text-align:left;
        text-indent: 0;
    }
    
    
    /*
        TITLES
     */
    
    /* title of document */
    /* decide as marker of document title */
    center h1,
    h1.title    {
        font-size:200%;
        font-weight: 900; 
        text-align:right;
        border:none;
        background:Window;
        color:#000000;
        margin-bottom:2em;
    }
    /* subtitle of document */
    h1 em, em, h1 i, em h1, i h1 { 
        font-family: Garamond, Melior, Georgia, Times,  serif; 
    }
    center em h1,
    h1.subtitle {
        font-family: Garamond, Melior, Georgia, Times,  serif; 
        margin-top:0px; 
        padding-top:0px;
        font-size:150%;
        font-style:italic;
        font-weight:normal; 
        text-align:center;
        border:none;
        margin-bottom:2em;
    }
    
    h1 { 
        font-family:Verdana, sans-serif;
        padding-top:0px;
        margin-top:2em;
        padding-top:0.2ex;
        padding-bottom:0.2ex;
        margin-bottom:1em;
        font-weight: 900; 
        font-size:117%;
        margin-left:-2em;
        padding-left:2em;        
        background-color:#DDAA66; 
        color:White;
     }
    h1 a:link, h1 a:visited, h1 a:hover { 
        background-color:#DDAA66; 
        color:White;
        text-decoration:none;
    }
    h1 a:hover {
      text-decoration:underline;
    }
    
    h1 em { 
        font-weight:normal; display:block; color : #332000;
    }
        
    h2 {
        color: #000000;
        border-bottom: 1px solid #CC8000; 
        font-size:117%; 
        margin-top:1em; 
        margin-bottom:1ex;
        margin-left:-2em;
        padding-left:2em;        
        font-family:Verdana, sans-serif;
    }
    h2 a:link, h2 a:visited { 
        text-decoration:none; color:#0000FF; 
    }
        
    h3{ 
        font-weight: 900; 
        font-size:100%; 
        margin-top:1em; 
        margin-bottom:1em;
        margin-left:-2em;
        font-family:Verdana, sans-serif;
    }
    
    h3 a:link { 
        text-decoration:none 
    }
    
    h6 { 
        font-weight:900; 
        font-size:100%; 
        margin-top:1em; 
        margin-bottom:0.5ex;
    }

  th h1,
    th h2,
    th h3,
    th h4,
    th h5,
    th h6,
    caption h1, 
    caption h2, 
    caption h3, 
    caption h4, 
    caption h5, 
    caption h6 { 
        margin:0;
    }
    
    

    /*
        CONTROLS
     */
    
    form.form { 
        background-color:#D0DAE0; 
        color:#000000; 
        margin:0; 
        border:outset 2px; 
        padding:1ex; 
    }
    
    textarea { 
        width:100%;
    }
    
    
    input,select,textarea {
        background-color: #FFFFFF;
        color: #000000;
    }
    
    
    input:focus, 
    select:focus, 
    textarea:focus {
        background-color: #ffffff;
    }
    legend {
          border-bottom: groove 2; padding-left:1em; padding-right:1em; padding-top: 0.4ex;
          padding-bottom: 0.2ex;
          margin-bottom:1ex;
          font-weight:900; 
    }
    select { 
        background: White; color: Black;
        font-size:80%; 
        vertical-align:bottom;
    }
    
    input[type=submit], 
    input[type=reset], 
    input[type=button],
    button { 
        cursor: pointer;
        cursor: hand;
    }
        
    label {
        white-space:nowrap
    }
    
    span.subject {
        text-decoration:underline;
    }
    input { 
        font-size:90%; 
    }
    
    
    
  /* 
    Preformatting, or code formatting 
  */
  kbd   {  
    font-style: normal; 
    font-weight: bold; 
    border-width: 2px; 
    border-style: outset;
    padding-left: 1ex; 
    padding-right: 1ex; 
    text-decoration: none
  }

    /* a dark blue */
    code { 
        color:#3F577E; 
    } 
    /* InfoBackground #FCFAE0  */
    pre.text {
        white-space:pre;
        font-family: Bitstream Vera Serif, "Trebuchet MS", Universal, Arial, sans-serif; 
    }
    /* IE5 Mac hack \*/
    pre {
        padding-bottom:1.5em;
        width: 95%;
        overflow: auto;
        overflow-y: hidden !important;
    }
    /* End IE5 Mac hack */

    pre.code, pre.xml, pre.java, pre.preformatted-text {
        font-family: "Lucida Console", Courier, "MS Courier New", monospace; 
        padding-left:2em;
        padding-top:1ex;
        padding-right:1ex;
        line-height: 110%;
        font-size:80%;
        color:#000000;
        background-color:#F5F5F0;
    }
    pre.code * {
        background:white;
    }

    /* A simple code view */
    
    div.code-comment {
        font-family: Bitstream Vera Serif, "Trebuchet MS", Universal, Arial, sans-serif; 
        background:#FFFFCC;
        font-weight:bold;
    }
    
    div.code {
        font-family: Arial, sans-serif; 
    }

    div.code div.code,
    div.code div.code-comment {
        margin-left:5px; 
        padding-left:20px; 
        border-left: 1px dotted;
        margin-top:0px; 
        margin-bottom:0px; 
        margin-right:0px; 
    }
    kbd { 
        background-color:#D0DAE0; 
        color:#000000; 
    }
    /* GreyText #C0B899 */
    
    
    
    /*
        break every non semantic HTML
     */
    
    
    blink {
        text-decoration: inherit !important;
    }
    
    
    /* no banner in mozilla ? */
    /*
    *[height="60"][width="468"], *[height="60px"][width="468px"] {
    opacity: 0.1 !important;
    }
    */
    
    /*
    img:hover { height: 100% !important; width: 100% !important;}
    a:link img, a:visited img {outline: 2px solid blue !important;}
    a:hover img {border: 2px solid red !important;}
    */
    
    /*
    fed up of navigation ?
    a:hover, a:focus {display: none !important;}
    img {height: 40px; width: 40px }
    
    */
    
    /* 
    very light and intersting show structure view
    
    * {display: block !important; margin-left: 1em !important; padding-left: 0.5em;
    border-left: 1px solid black !important; font-size: 1em !important;
    background: white !important; color: black !Important;}
    img {height: 1em !important;}
    table {display: table !important; height: auto !important;}
    tr {display: table-row !important; height: auto !important;}
    th {display: table-header !important; height: auto !important;}
    td {display: table-cell !important; height: auto !important;}
    */
    
    
    /* SNIPPETS to think */
    
    /* alpha modif on hover image
    .pic, a.pic, a.pic img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5; 
    }
    a.pic:hover, a.pic:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    } 
    */

    /*

     GENERATED CONTENTS 
  
  don't really works, but could be useful in XML editor context ?
  */
    /*
        a[href^="mailto:"]:before { content: "\2709  " }
    */
        kbd:before {content: "[";}
        kbd:after  {content: "]";}
        cite:before { content: "\""} 
        cite:after { content: "\""}
        q:before { content: "« "}
        q:after { content: " »"}

/********* end sheet ************/