1/* --------------------------------------------------------------
2
3   fancy-type.css
4   * Lots of pretty advanced classes for manipulating text.
5
6   See the Readme file in this folder for additional instructions.
7
8-------------------------------------------------------------- */
9
10/* Indentation instead of line shifts for sibling paragraphs. */
11   p + p { text-indent:2em; margin-top:-1.5em; }
12   form p + p  { text-indent: 0; } /* Don't want this in forms. */
13
14
15/* For great looking type, use this code instead of asdf:
16   <span class="alt">asdf</span>
17   Best used on prepositions and ampersands. */
18
19.alt {
20  color: #666;
21  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
22  font-style: italic;
23  font-weight: normal;
24}
25
26
27/* For great looking quote marks in titles, replace "asdf" with:
28   <span class="dquo">&#8220;</span>asdf&#8221;
29   (That is, when the title starts with a quote mark).
30   (You may have to change this value depending on your font size). */
31
32.dquo { margin-left: -.5em; }
33
34
35/* Reduced size type with incremental leading
36   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
37
38   This could be used for side notes. For smaller type, you don't necessarily want to
39   follow the 1.5x vertical rhythm -- the line-height is too much.
40
41   Using this class, it reduces your font size and line-height so that for
42   every four lines of normal sized type, there is five lines of the sidenote. eg:
43
44   New type size in em's:
45     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
46
47   New line-height value:
48     12px x 1.5 = 18px (old line-height)
49     18px x 4 = 72px
50     72px / 5 = 14.4px (new line height)
51     14.4px / 10px = 1.44 (new line height in em's) */
52
53p.incr, .incr p {
54	font-size: 10px;
55	line-height: 1.44em;
56	margin-bottom: 1.5em;
57}
58
59
60/* Surround uppercase words and abbreviations with this class.
61   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
62
63.caps {
64  font-variant: small-caps;
65  letter-spacing: 1px;
66  text-transform: lowercase;
67  font-size:1.2em;
68  line-height:1%;
69  font-weight:bold;
70  padding:0 2px;
71}
72