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) pre {
69)     margin-bottom: 18px;
70) }
71) 

72) a:link, a:visited { color: #4e6a20; }
73) a:hover { color: #a07320; }
74) 
75) strong { font-weight: bold; }

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

77) 
78) blockquote {
79) 	color: #454545;
80) 	font-style: italic;
81) 	padding: 0 20px;
82) }
83) 
84) ol, ul {
85) 	padding-left: 40px;
86) }

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

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

98) pre, code, tt {

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

100) }
101) 

102) sup {
103)     vertical-align: top;
104) }
105) sub {
106)     vertical-align: bottom;
107) }
108) 

109) /* NAVIGATION ------------*/
110) 
111) #nav ul { font-size: 1.167em; }
112) 
113)   #nav ul li { list-style: none; }

114) 

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

143) 	font-size: 3.0em;

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

217) #home-announcements h2,

218) #home-users h2,

219) #home-helpus h2 {

220) 	background: url(../images/table-head.jpg) left top repeat-x;
221) 	color: #f6f6ed;
222) 	padding-left: 10px;
223) 	margin: 0;
224) }

225) 
226) .project p {
227)   line-height: 18px;
228) }
229) 

230) table h3 { font-size: 1.167em; }
231) table p {

232) 	margin: 0;

233) }
234) 
235) table .name {
236) 	font-size: 1.5em;
237) 	font-weight: bold;
238) 	color: #23300e;
239) }
240) 
241) .calendar .month { color: #fff; }
242) .calendar .day {
243) 	font-weight: bold;
244) 	color: #4d4d4d;
245) 	font-size: 1.429em;
246) 	line-height: 32px;
247) }
248) 

249) /* DL PAGE ------------*/

250) 

251) .package h2 {

252)     color: #2A2A2A;
253)     font-family: Helvetica, Arial, sans-serif;
254)     font-size: 24px;
255)     font-weight: normal;

256)   }
257) 

258) .package h2 big {
259)     font-size: 1.5em;
260) }
261) 

262) .package p {

263)   text-indent: 0px;

264)   line-height: 18px;
265)   }
266) 

267) .package em {
268)     font-style: normal;
269) }
270) 

271) .lang {
272)   line-height: 18px;
273)   color: #23300E;

274)   font-size: 14px;

275)   }
276) 
277) .button .strong {

278)   text-transform: uppercase;

279)   font-size: 20px;
280)   font-weight: bold;
281)   color: #FFFFFF;
282)   }
283) 
284) .button .normal {
285)   font-size: 12px;
286)   font-weight: bold;
287)   color: #FFFFFF;
288)   }
289) 
290) .siginfo {
291)   font-size: 10px;
292)   text-decoration: none;
293)   }
294) 
295) .additional {
296)   font-size: 12px;
297)   line-height: 16px;
298)   }

299) 
300) /* MISC ------------*/
301) 
302) .continue a:link,
303) .continue a:visited {
304) 	float: right;
305) 	font-weight: bold;
306) 	text-decoration: none;
307) }
308) 
309) .paypal {
310) 	font-size: 1.167em;
311) 	color: #666;
312) }
313) 

314) .amazon {
315) 	font-size: 1.167em;
316) 	color: #666;
317) }
318) 

319) .warning-top h2 {
320)   font-size: 1em;
321)   line-height: 18px;
322)   }
323) 
324) .warning-top p {
325)   font-size: 0.8em;
326)   line-height: 14px;
327)   }
328) 

329) .warning p {
330) 	color: #3a3a3a;
331) 	margin-bottom: 0;
332) 	line-height: 20px;
333) }
334) 
335) .focus .name {
336) 	font-size: 1.5em;
337) 	font-weight: bold;
338) 	color: #4e6a20;
339) }
340) .focus p { margin: 0; }
341) 
342) .title {
343) 	font-size: 1.167em;
344) 	font-weight: bold;
345) 	color: #f6f6ed;
346) }
347) 
348) 	.title a:link,
349) 	.title a:visited {
350) 		font-weight: bold;
351) 		color: #f6f6ed;
352) 	}
353) 	.title a:hover { color: #f6f6ed; }

354) 

355) .or {
356) 	color: #c0e07a;
357) 	font-size: 3em;
358) 	padding: 30px 20px;
359) 	font-weight: bold;

360) }

361) 
362) .fakeol {
363) 	font-family: Georgia, "Times New Roman", Times, serif;
364) 	font-size: 3em;
365) 	color: #e4c07e;
366) 	vertical-align: text-top;
367) 	float: left;
368) 	width: 40px;
369) }
370) 
371) .instructions {
372) 	margin-bottom: 18px;
373) 	float: left;
374) 	width: 620px;
375) 	line-height: 18px;
376) }
377) 
378) .current-relay,
379) .target-relay {
380) 	font-family: Georgia, "Times New Roman", Times, serif;
381) 	font-size: 2.5em;
382) }
383) .current-relay { color: #695279; }
384) .target-relay { color: #4e6a20; }
385) 
386) 
387) /* FOOTER ------------*/
388) 
389) #footer p,
390) #footer ul {

391) 	font-size: 0.9em;

392) }
393) #footer ul {
394) 	padding-left: 0;
395) 	list-style: none;

396) }

397) 
398) #footer ul li {
399) 	line-height: 18px;
400) }
401) 

402) /* PROJECTS TABLE ----*/
403) 
404) #projects {
405)   font-family: sans-serif;
406)   width: 100%;
407)   border-collapse: collapse;
408) }
409) 
410) #projects td, #projects th {
411)   font-size: 1.2em;
412)   border: 1px solid #98bf21;
413)   padding: 3px 7px 2px 7px;
414) }
415) 
416) #projects th {
417)   font-size: 1.4em;
418)   text-align: left;
419)   padding-top: 5px;
420)   padding-bottom: 4px;
421)   background-color: #A7C942;
422)   color: #fff;
423) }
424) 

425) #projects tr:nth-child(2n+1) td {