/**
 * Colors taken from the tango-project palette
 * http://tango-project.org/Tango_Icon_Theme_Guidelines#Color_Palette
 * Butter
 *  #fce94f
 *  #edd400
 *  #c4a000
 * 
 * Orange
 *  #fcaf3e
 *  #f57900
 *  #ce5c00
 * 
 * Chocolate
 *  #e9b96e
 *  #c17d11
 *  #8f5902
 * 
 * Chameleon
 *  #8ae234
 *  #73d216
 *  #4e9a06
 * 
 * Sky Blue
 *  #729fcf
 *  #3465a4
 *  #204a87
 * 
 * Plum
 *  #ad7fa8
 *  #75507b
 *  #5c3566
 * 
 * Scarlet Red
 *  #ef2929
 *  #cc0000
 *  #a40000
 * 
 * Aluminium
 *  #eeeeec
 *  #d3d7cf
 *  #babdb6
 *  #888a85
 *  #555753
 *  #2e3436
 * 
 */

html, body {
    margin:0;
    padding:0;
    background-color:#f7f7f5;
    color:#2e3436;
}

body {
    font-size:85%;
    font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
    margin-bottom:10px;
}

a, #print {
  color:#204a87;
  text-decoration:underline;
  cursor:pointer;
}

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

a:hover, #print:hover {
    color:#3465a4;
}

a img {
    border:none;
}

code, pre {
  color:#555753;
  font-weight:bold;
}

pre {
  border:1px solid #eeeeec;
  background-color:white;
  padding:0.25em 0.5em;
}

@media screen {
  #contenu a[href^=http] {
    background: url(/style/lien-externe.gif) no-repeat center right;
    padding-right: 12px;
  }
  /* inner link to other adwain domains */
  #contenu a[href*=adwain] {
    background:transparent;
    padding-right:0;
  }
  
  /* duplicated style for browsers that don't support css3 attribute selector.
     the class is set with js */
  #contenu .externlink {
    background: url(/style/lien-externe.gif) no-repeat center right;
    padding-right: 12px;
  }
  #contenu .maillink {
    background: url(/style/mail.gif) no-repeat center right;
    padding-right: 16px;
  }
}

#prelude {
    position:absolute;
    margin:0;
    padding:0;
    color:#8cc4ff/*#3465a4*/;
}

#prelude a {
    color:#8cc4ff/*#3465a4*/;
}
#prelude a:hover {
    color:#3465a4/*#204a87*/;
}

h1, h2, h1 a, h2 a {
    color:#c17d11 !important;
}

h1 {
    margin-top:0;
    font-size:2em;
    border-bottom:1px solid #e6e6e4;
    /*margin-left:-5px;
    margin-right:-5px;
    padding-left:5px;
    padding-right:5px;*/
}

h2 {
    font-size:1.5em;
}

h3, h4, h3 a, h4 a {
    color:#75507b !important;
}

h3 {
    font-size:1.2em;
}

h4 {
    font-size:1em;
}


#logo {
    height:9em;
    background-color:#8cc4ff;
    background:url(http://adwain.org/style/degrade_logo.png) #f7f7f5 repeat-x 0 0;
}

#logo a {
    /*background:url(http://adwain.org/style/adwain_logo.png) transparent no-repeat 0 1.5em;
    text-indent: -5000px;*/
    padding-top:0.4em;
    padding-left:0.25em;
    font-weight:bold;
    font-variant:small-caps;
    letter-spacing:-0.05em;
    text-decoration:none;
    font-size:3em;
    color:#3465a4;
    display:block;
    width:98%;
    height:3em;
}

#main {
    width:60%/*66%*/;
    float:left;
    min-width:42em;
    margin-right:1em;
    margin-top:2em;
}

#contenu {
    font-family:Georgia, Goudy, Baskerville, Garamond, serif;
    width:40em;
    margin:auto;
}

#menu {
    margin-left:61%/*70%*/;
    padding:1px 1em;
    margin-top:3em;
    width:12em;
    /*background-color:#eee;
    -moz-border-radius:0.5em;*/
    background:url(http://adwain.org/style/degrade.png) #f7f7f5 repeat-x 0 0;
    border:1px solid #eee;
}

#menu_active, #menu_active a {
    color:#2e3436 !important;
    font-weight:bold;
}

#menu h2 {
    font-size:1.25em;
    color:#c17d11;
    margin-top:0.83em;
    margin-bottom:0.83em;
}

#menu h2 a {
    color:#c17d11 !important;
}

#menu ul {
    list-style-type:square;
    list-style-position:inside;
    color:#729fcf;
    margin-left:0;
    margin-top:1em;
    margin-bottom:1em;
    padding:0;
}

#menu li {
    margin-left:0;
    padding-left:0;
}

#menu a {
    text-decoration:none;
}

#menu a:hover {
    color:#729fcf;
}

#footer {
    font-family:Georgia, Goudy, Baskerville, Garamond, serif;
    font-style:italic;
    clear:both;
    color:#555753;
    text-align:right;
    padding-right:34%;
    padding-top:1em;
}

#footer a {
    color:#3465a4;
}

ul {
    list-style-type:square;
    padding-left:1.7em;
    margin-left:0;
}

dt {
  font-weight:bold;
  font-variant:small-caps;
  margin:0.5em 0 0.25em 0;
}

dd {
  margin-left:1.5em;
  padding-left:0;
  margin-bottom:0.5em;
}

dd p, dd ul {
  margin:0.25em 0;
}

address {
    margin-left:1em;
}

/**
Enforced via javascript due to lack of
support of :before and :after in IE
cite:before {
  content:"«";
}
cite:after {
  content:"»";
}
**/

/* form */
.field label {
  display:block;
}

label span {
  color:red;
}

.error {
    color: red;
}

input, textarea {
  font-family:sans-serif;
  border:1px solid #d3d7cf;
}

input[type='text'], textarea {
  background-color:#eeeeec;
}

input[type='text']:focus, textarea:focus {
  background-color:#fffffc;
}

input[type='submit'] {
  background-color:#d3d7cf;
}

textarea {
  font-size:100%;
}

/* footnoteLinks */
@media screen {
    .footNoteLinks {
      display: none;
    }
    
    #footerLinks {
        display:none;
    }
}


/* CV */
@media screen {
  #cv_en, #cv_fr {
    background: url(/style/uk.png) no-repeat left center;
    padding-left: 19px;
  }
  #cv_fr {
    background-image: url(/style/fr.png);
  }
  #contactBox a.maillink {
    padding-left: 30px;
    background-position:10px center;
  }
  #pdf {
    background: url(/style/pdf.png) no-repeat center left;
    padding-left: 19px;
  }
}

#contactBox {
  float:right;
  margin:0;
  padding:0;
  border:3px double;
  background-color:white;
}

#contactBox a {
  display:block;
  margin:0;
  padding:5px 10px;
  font-weight:bold;
  font-variant:small-caps;
  text-decoration:none;
}

#generalInfos {
  padding:5px 20px 5px 10px;
  border-bottom:1px solid #babdb6;
  border-left:5px solid #babdb6;
  float:left;
  margin-bottom:1em;
}

#generalInfos p {
  margin:0;
}