@charset "UTF-8"; /* defaults to, anyway */
/* 
default.css for APA Alcampell website
*/

/*
   hacks
*/
/* avoid text at the body level that isn't wrapped in a block level element -- runs the risk on some browsers of being rendered with the wrong font and margins */
h1,h2,h3,h4,h5,h6,p,ul { /* workaround for a bug where the browser forgets to use the inherited font family */
  font-family: "DejaVu Sans", sans-serif;
}
pre { /* set the font family for pre elements, as some browsers forget to use a fixed pitch font when you set the font size or other properties for pre */
  font-family: "DejaVu Sans mono", monospace;
}

/*
   site template
*/

/* generic and misc */
body {
  margin: 0px;
  font-family: "DejaVu Sans", sans-serif;
}
img {
  border: none;
}
:lang(ca) {
  /* font: inherit; */
}
:lang(es) {
  font-style: italic;
}
:lang(es) i {
  font-style: normal;
}
:lang(en) {
  font-weight: bolder;
}
a.plain { /* use to render link anchors in plain text format */
  color: inherit;
  text-decoration: none;
}

/* link & dynamic pseudo-classes: cal visibilitat sobre fons .maincolumn i .navcolumn, q.v. */
:link { /* for unvisited links */
  color: #000099;
}
:visited { /* for visited links */
  color: #660000;
}
a:focus, a:hover { /* when link has focus or mouse is over link */
  background: #336600;
  color: white;
}
a:active { /* when link is clicked */
  background: transparent;;
  color: #660066;
}

/* page layout */
#header_wrapper {
  margin: 0%;
  background: #336699;
}
#header {
  margin-left: 10%;
  min-height: 118px; /* img is 118x118px */
  background: #993300 url("/images/olivera.png") no-repeat;
  padding: 1.5em 12% 1em 2em;
}
    p.cap {
      margin: 0%;
      color: #99CC66;
      font-family: "DejaVu Sans", sans-serif;
      font-weight: bold;
    }
    p.titol {
      font-size: 160%;
    }
    p.txt {
      font-size: 120%;
    }

#main_wrapper {
  margin: 0;
  background: #99CC66;
}

#columns_wrapper {
  margin-left: 10%;
  margin-right: 10%;
}

#navcolumn {
  float: right;
  width: 220px; /* allow for padding + img width up to ~180px*/
  background: transparent;
  z-index: 1;
}
    div.navpane {
      margin: 0;
      background: #009999;
      padding: 1.5em;
      font-weight: bold;
    }
    p.strip {
      margin-left: -3em;
      background: #993300;
      padding: 1em 1em 0.5em 3em;
      color: #99CC66;
      font-family: "DejaVu Sans", sans-serif;
      font-weight: bold;
      font-size: 120%;
    }
#maincolumn {
  margin-right: 150px;
  background: #CCCCCC;
  padding: 2em 25% 2em 2em;
}
    p.track {
      font-size: smaller;
      letter-spacing: 0.1em;
    }
    /* no rutlla...
    p.track:lang(en):before {
      content: "You are here: ";
    }
    p.track:lang(ca):before] {
      content: "Ets aquí: ";
    }
    p.track:lang(es):before {
      content: "Estás aquí: ";
    }
    */
    p.track:before {
      content: "\0025BA ";
    }

#footer {
  clear: both;
  display: block;
  margin: 3em 4% 1% 4%;
}
    div.box {
      border: thin solid;
      padding: 0em 1em 0em 1em; /* keeps clear from borders when narrowed */ 
      background: #FFCC99;
      text-align: center;
    }
    img.valid {
      margin: 6px;
      display: block;
      float: right;
    }

p.blabla {
  font-family: "DejaVu Serif", serif;
}

/* tables; cf http://webdesign.about.com/od/tables/a/aa020707.htm */
table  {
  border-collapse: collapse;
  font-style: normal; /* :lang() takes precedence; see hack below */
  font-family: "DejaVu Sans", sans-serif;
}
:lang(es) td, :lang(es) th { /* needs a hack for every :lang() that sets font-style */
  font-style: normal;
}
td, th  {
  border: thin solid;
  padding: 1em;
  text-align: left;
  vertical-align: top;
 }
th  {
  font-weight: bold;
}

/*
   EOF default.css
*/