tor-webwml.git

1) @charset "UTF-8";
2) /* Typography */
3) 
4) 
5) /* UNIVERSAL ------------*/
6) 
7) body {

8) 	font-family: Helvetica, Arial, sans-serif;

9) 	font-size: 10pt;

10) 	color: #1a1a1a;
11) }
12) 

13) h1, h2, h3, h4, dt {

14) 	font-family: Georgia, "Times New Roman", Times, serif;
15) 	font-weight: bold;
16) 	color: #23300e;
17) }
18) 
19) h1 a:link,
20) h1 a:visited,
21) h2 a:link,
22) h2 a:visited,
23) h3 a:link,
24) h3 a:visited,
25) h4 a:link,
26) h4 a:visited { text-decoration: none; }
27) 
28) 
29) h1 {
30) 	font-size: 2em;
31) 	line-height: 28px;
32) 	margin-bottom: 10px;
33) }
34) 

35) h2,dt {

36) 	font-size: 1.5em;
37) 	line-height: 28px;
38) 	margin-bottom: 10px;
39) }
40) 	.subcol h2 { margin: 0; }
41) 	#sidenav h2,
42) 	.sidenav-sub h2 { padding: 10px 0 0 10px; }
43) 	h2.bulb {
44) 		background: url(../images/lightbulb.jpg) left top no-repeat;
45) 		padding: 0 0 0 25px;
46) 	}
47) 
48) h3 {

49) 	font-family: Helvetica, Arial, sans-serif;

50) 	font-size: 1.167em;
51) 	line-height: 20px;
52) 	color: #0d1304;
53) }
54) 
55) h4 {

56) 	font-family: Helvetica, Arial, sans-serif;

57) 	line-height: 20px;
58) 	font-size: 1em;
59) }
60) 	.focus h4 { margin-bottom: 5px; }
61) 

62) p, blockquote, ol, ul, dd {

63) 	font-size: 1em;
64) 	line-height: 20px;
65) 	margin-bottom: 18px;
66) }
67) 
68) a:link, a:visited { color: #4e6a20; }
69) a:hover { color: #a07320; }
70) 
71) strong { font-weight: bold; }

72) em, var { font-style: italic; }

73) 
74) blockquote {
75) 	color: #454545;
76) 	font-style: italic;
77) 	padding: 0 20px;
78) }
79) 
80) ol, ul {
81) 	padding-left: 40px;
82) }

83) ol { list-style: outside lower-alpha; }

84) ul { list-style: outside square; }
85) 
86) .small { font-size: 0.833em; }
87) 
88) .caps {
89) 	font-size: 1em;
90) 	text-transform: uppercase;
91) 	margin: 2px 0 5px;
92) }
93) 

94) pre, code, tt {

95)     font-family: Inconsolata, "Lucida Console", "Droid Sans Mono", Cousine, monospace;

96) }
97) 

98) sup {
99)     vertical-align: top;
100) }
101) sub {
102)     vertical-align: bottom;
103) }
104) 

105) /* NAVIGATION ------------*/
106) 
107) #nav ul { font-size: 1.167em; }
108) 
109)   #nav ul li { list-style: none; }
110)   
111)   #nav ul li a:link,
112)   #nav ul li a:visited {
113)     color: #23300e;
114)     text-decoration: none;
115)     padding: 10px 20px 0;
116)     height: 40px;
117)     float: left;
118)   }
119)   #nav ul li a:hover,
120)   #nav ul li a.active { background: url(../images/bg-nav-hover.jpg) left top repeat-x;}
121)   #nav ul li a.active { font-weight: bold; }
122) 
123) #breadcrumbs a:link,
124) #breadcrumbs a:visited,
125) .meta {
126) 	text-transform: uppercase;
127) 	font-size: 0.833em;
128) 	text-decoration: none;
129) }
130) 
131) .meta a:link,
132) .meta a:visited { text-decoration: none; }
133) 
134) 
135) /* BANNER ------------*/
136) 
137) h1.headline {
138) 	color: #fff;

139) 	font-size: 3.0em;

140) 	line-height: 28px;
141) 	font-weight: normal;
142) 	text-shadow: 1px 1px 2px #23300e;
143) 	float: left;
144) 	width: 360px;
145) 	margin-bottom: 12px;
146) }
147) 
148) p.desc {
149) 	font-size: 1.417em;
150) 	line-height: 20px;
151) 	color: #fff;
152) 	text-shadow: 1px 1px 2px #23300e;
153) 	width: 360px;
154) 	float: left;
155) }
156) 
157) #banner ul {
158) 	color: #fff;
159) 	text-shadow: 1px 1px 2px #366b32;
160) 	line-height: 16px;
161) 	font-size: 1.167em;
162) }
163) 
164) #banner .incorrect a:link,
165) #banner .incorrect a:visited {
166) 	color: #fff;
167) 	font-size: 0.833em;
168) 	text-align: right;
169) 	width: 315px;
170) 	float: left;
171) 	padding-right: 45px;
172) 	line-height: 0;
173) 	margin: -3px 0 0;
174) }
175) 
176) /* SIDENAV ------------*/
177) 
178) #sidenav ul {
179) 	margin-bottom: 0;
180) 	padding-left: 0;
181) 	list-style: none;
182) }
183) 
184) #sidenav ul li ul li { font-size: 0.917em; }
185) 
186) #sidenav ul li a:link,
187) #sidenav ul li a:visited {
188) 	text-decoration: none;
189) 	color: #23300e;
190) 	line-height: 18px;
191) }
192) 
193) #sidenav ul li a.active,
194) #sidenav ul li.active,
195) #sidenav ul li a:hover { font-weight: bold; }
196) 
197) .sidenav-sub ul {
198) 	padding-left: 0;
199) 	list-style: none;
200) 	margin-bottom: 0;
201) }
202) 
203) .sidenav-sub ul li a:link,
204) .sidenav-sub ul li a:visited {
205) 	text-decoration: none;
206) 		line-height: 16px;
207) }
208) 
209) /* TABLE ------------*/
210) 
211) table h2,
212) #home-our-projects h2,
213) #home-announcements h2 {
214) 	background: url(../images/table-head.jpg) left top repeat-x;
215) 	color: #f6f6ed;
216) 	padding-left: 10px;
217) 	margin: 0;
218) }

219) 
220) .project p {
221)   line-height: 18px;
222) }
223) 

224) table h3 { font-size: 1.167em; }
225) table p {
226) 	margin: 0; 
227) }
228) 
229) table .name {
230) 	font-size: 1.5em;
231) 	font-weight: bold;
232) 	color: #23300e;
233) }
234) 
235) .calendar .month { color: #fff; }
236) .calendar .day {
237) 	font-weight: bold;
238) 	color: #4d4d4d;
239) 	font-size: 1.429em;
240) 	line-height: 32px;
241) }
242) 

243) /* DL PAGE ------------*/

244) 

245) .package h2 {
246)   color: #4E6A20;
247)   font-size: 22px;
248)   line-height: 22px;
249)   font-weight: bold;
250)   }
251) 
252) .package p {

253)   text-indent: 0px;

254)   line-height: 18px;
255)   }
256) 
257) .lang {
258)   line-height: 18px;
259)   color: #23300E;
260)   font-size: 10px;
261)   }
262) 
263) .button .strong {
264)   font-size: 20px;
265)   font-weight: bold;
266)   color: #FFFFFF;
267)   }
268) 
269) .button .normal {
270)   font-size: 12px;
271)   font-weight: bold;
272)   font-style: italic;
273)   color: #FFFFFF;
274)   }
275) 
276) .siginfo {
277)   font-size: 10px;
278)   text-decoration: none;
279)   font-style: italic;
280)   }
281) 
282) .additional {
283)   font-size: 12px;
284)   line-height: 16px;
285)   }

286) 
287) /* MISC ------------*/
288) 
289) .continue a:link,
290) .continue a:visited {
291) 	float: right;
292) 	font-weight: bold;
293) 	text-decoration: none;
294) }
295) 
296) .paypal {
297) 	font-size: 1.167em;
298) 	color: #666;
299) }
300) 

301) .amazon {
302) 	font-size: 1.167em;
303) 	color: #666;
304) }
305) 

306) .warning-top h2 {
307)   font-size: 1em;
308)   line-height: 18px;
309)   }
310) 
311) .warning-top p {
312)   font-size: 0.8em;
313)   line-height: 14px;
314)   }
315) 

316) .warning p {
317) 	color: #3a3a3a;
318) 	margin-bottom: 0;
319) 	line-height: 20px;
320) }
321) 
322) .focus .name {
323) 	font-size: 1.5em;
324) 	font-weight: bold;
325) 	color: #4e6a20;
326) }
327) .focus p { margin: 0; }
328) 
329) .title {
330) 	font-size: 1.167em;
331) 	font-weight: bold;
332) 	color: #f6f6ed;
333) }
334) 
335) 	.title a:link,
336) 	.title a:visited {
337) 		font-weight: bold;
338) 		color: #f6f6ed;
339) 	}
340) 	.title a:hover { color: #f6f6ed; }
341) 	
342) .or {
343) 	color: #c0e07a;
344) 	font-size: 3em;
345) 	padding: 30px 20px;
346) 	font-weight: bold;
347) }	
348) 
349) .fakeol {
350) 	font-family: Georgia, "Times New Roman", Times, serif;
351) 	font-size: 3em;
352) 	color: #e4c07e;
353) 	vertical-align: text-top;
354) 	float: left;
355) 	width: 40px;
356) }
357) 
358) .instructions {
359) 	margin-bottom: 18px;
360) 	float: left;
361) 	width: 620px;
362) 	line-height: 18px;
363) }
364) 
365) .current-relay,
366) .target-relay {
367) 	font-family: Georgia, "Times New Roman", Times, serif;
368) 	font-size: 2.5em;
369) }
370) .current-relay { color: #695279; }
371) .target-relay { color: #4e6a20; }
372) 
373) 
374) /* FOOTER ------------*/
375) 
376) #footer p,
377) #footer ul {
378) 	font-size: 0.833em;
379) }
380) #footer ul {
381) 	padding-left: 0;
382) 	list-style: none;
383) }	
384) 
385) #footer ul li {
386) 	line-height: 18px;
387) }
388)