/*
 * CSS Stylesheet for French Perl Workshop 2005
 * --------------------------------------------
 * This is the main CSS stylesheet for the French Perl Workshop 2005 
 * web site. It includes other CSS stylesheets in order to keep the 
 * whole thing understandable. 
 * 
 */
 
/* Import the stylesheet that defines the main layout */
@import url("basic.css");
@import url("menu.css");
@import url("invoice.css");

/* Default fonts ============================== */
body, input, textarea {
  font-family: "Verdana", sans-serif;
  font-size: small;
}

/* Styles for links =========================== */
a {
  text-decoration: none;
}

a img {
  border: none;
}

a[href]:hover, a[href]:focus {
  text-decoration: underline;
  color: #260;
}

/* Generic styles ============================= */
.hidden { display: none; }
.nowrap { white-space: nowrap; }
.center { margin-left: auto; margin-right: auto; }

/* Title style ================================ */
#title  { margin-left: 5%; }
#title2 { margin-left: 10%; }

/* Columns layout ============================= */
.column {
  width: 45%;
  float: left;
  margin-right: 2%;
}

/* Lists styles =============================== */
li {
  list-style: none;
}

ul.flat {
  margin-left: 0px;
  padding-left: 0px;
}

ul.flat li {
  list-style: none inside;
  margin-bottom: 1em;
}

li:before {
  content: "\00BB\00A0";
  color: #777;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 2em;
}

/* Images styles ============================== */
.thumbnail {
  float: right;
}

/* Quotations ================================= */
blockquote.litt em {
  font-family: "Zapf Chancery", "URW Chancery L", cursive;
  font-size: x-large;
}

blockquote.litt div {
  padding-left: 2em;
  font-family: "Times New Roman", serif;
}

/* Styles for boxes =========================== */
.abstract {
  font-size: 110%;
  font-weight: bold;
}

#copyright {
  font-style: italic;
  font-size: 80%;
  color: #999;
  clear: both;
}

/* Styles for sponsors ======================== */
div.sponsor {
  width: 90%;
  clear: both;
  margin-bottom: 2em;
}

div.sponsor span {
  float: left;
  width: 140px;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 5px;
  border-left: solid 1px #e0e0f7;
  border-bottom: solid 1px #e0e0f7;
  -moz-border-radius: 15px;  border-radius: 15px;
  background-color: #f5f5ff;
  text-align: center;
}

div.sponsor p {
  padding: 2px;
  border-top: solid 1px #e0e0f7;
  border-right: solid 1px #e0e0f7;
  -moz-border-radius: 15px;  border-radius: 15px;
  background-color: #eef;
}

/* Styles for schedule ======================== */
tr.header, td.header, td.venue, td.out, td.r1, td.r2, td.r3 {
  vertical-align: top;
}

td.out, td.venue, td.r1, td.r2, td.r3 {
  padding: 2px;
}

td.r1, td.r2, td.r3 {
  -moz-border-radius: 5px;  border-radius: 5px;
}

td.out   { background-color: #bcfcac; padding-bottom: 2ex; }
td.venue { background-color: #ccfa77; }
td.r1    { background-color: #b0c8ff; }
td.r2    { background-color: #ffc8bf; }
td.r3    { background-color: #f7caff; }

@media print {
  td.header {
    border-top: solid 1px black;
  }
  td.venue, td.out {
    border-top: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
  }
  td.r1, td.r2, td.r3 {
    color: black;
    border: solid 1px black;
    border-top-color: #aaa; border-left-color: #aaa;
  }
}

/* Styles for printing ======================== */
@media print {
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid }
  body { font-family: "Times New Roman", serif; }
  p { text-align: justify; }
  #navbar, #buttons { display: none; }
}