/* HIDE NOT PRINTABLE ELEMENTS */

.grid, .navigation.secondary, img, .intro .action, .separator, .navigation.language{ display: none; }


/* FONTS */

body { font: 14pt/18pt "Palatino Linotype", Palatino, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia; }

/* LAYOUT & STYLE */

body{ background: white; color: black; text-align: center; }

.wrapper{ width: auto; margin: 4% 8% 0 16%; padding: 0 0 0 2%; float: none !important; border-left: 1pt dotted #333; }

a{ color: black; text-decoration: none; font-weight: normal; }

ul{ list-style: square; }
ol{ list-style: upper-roman; }

.title{ letter-spacing: -1pt; font-size: 24pt; border-bottom: 2px solid black; margin: 0; padding: 0; clear: both; }
  .section .title{ font-size: 20pt; font-weight: normal; margin-top: 10%; text-transform: uppercase; border-top: 1px solid black; line-height: 26pt; letter-spacing: 4pt; }
  .title.l2{ font-weight: normal; font-style: italic; text-transform: lowercase; font-size: 24pt; line-height: 18pt; width: 50%; border-bottom: 1pt solid black; margin: 0 auto; margin-top: 5%; letter-spacing: 3pt; border-top: 0; }
.logotype{ font-size: 34pt; line-height: 24pt; }
.slogan{ text-transform: uppercase; font-size: 12pt; letter-spacing: 2pt; margin: 0; padding: 0; }
.intro{ font-style: italic; font-size: 20pt; }
  #header .intro{ font-size: 22pt; padding: 1% 20%; }
.list{ text-align: left; margin-left: 30%; font-size: 14pt; }
.designs{ margin-left: 0; }
  .designs .title{ text-align: center; margin-bottom: 2%; }
  .designs .action{ margin-left: 30%; }
.policy{ font-style: italic; width: 60%; border: 1pt solid black; padding: 2%; margin: 0 auto; }
.policy ul{ list-style: none; font-size: 12pt; }
.vcard dd{ text-transform: uppercase; margin-top: 10pt; }
.quotes{ list-style: none; }
  .quote{ width: 50%; font-style: italic; margin: 0 auto; margin-bottom: 5%; text-indent: 0; }
    .quote span{ text-transform: uppercase; font-style: normal; font-size: 12pt; font-weight: bold; }

#content a:link:after, #content a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}
#content a[href^="/"]:after {
  content: " (http://www.dariobrozzi.com" attr(href) ") ";
}
acronym:after {
  content: " (" attr(title) ") ";
}
acronym {
  border: none;
}
#content a[href^="#"]:after {
  content: "";
}
em {
  font-weight: bold;
}
