tor-webwml.git

1) @charset "UTF-8";
2) /* Layout */
3) 
4) /* UNIVERSAL ------------*/
5) 
6) body {
7) 	background: #fff;
8) }
9) 
10) #wrap {
11) 	width: 960px;
12) 	margin: 0 auto;
13) }
14) 
15) .left { float: left; }
16) .right { float: right; }
17) .twenty { width: 20%; }
18) .thirty { width: 30%; }
19) .forty { width: 40%; }
20) .fifty { width: 50%; }
21) .sixty { width: 60%; }
22) .hundred { width: 100%; }
23) 
24) .nopad { padding: 0; }
25) .toppad { padding-top: 10px; }
26) .toptwenty { margin-top: 20px; }
27) .topforty { margin-top: 40px; }
28) 

29) .hidden { display: none; }

30) 
31) /* HEADER ------------*/
32) 
33) #header {
34) 	width: 960px;
35) 	height: 97px;
36) 	margin-bottom: 23px;
37) 	position: relative;
38) }
39) 
40)   h1#logo {
41)     margin: 0;
42)     float: left;
43)   }
44) 
45) 	h1#logo a,
46) 	h1#logo a:visited {

47) 		background: url(../images/tor-logo.jpg) left top no-repeat;

48) 		text-indent: -9999px;
49) 		overflow: hidden;

50) 		width: 150px;

51) 		height: 97px;
52) 		display: block;
53) 	}

54) 

55) #nav {
56)   position: absolute;
57)   top: 30px;

58)   left: 115px;
59)   float: right;

60) }

61) 

62) 		#nav ul {
63) 			height: 50px;
64) 			float: right;
65) 			margin-bottom: 0;
66) 		}

67) 

68) 			#nav ul li {
69) 				float: left;
70) 				display: inline;
71) 				width: auto;
72) 			}

73) 

74) #calltoaction {
75)   height: 30px;
76)   float: right;

77)   margin-top: 100px;

78)   margin-right: 5px;
79)   text-align: center;
80)   }

81) 

82)   #calltoaction ul {
83)     padding: 0;
84)     margin: 0px;
85)     height: 30px;
86)     list-style: none;
87)     float: right;
88)     }
89) 
90)   #calltoaction ul li {
91)     list-style: none;
92)     display: inline;
93)     float: none;
94)     width: 100px;
95)     margin-left: 0px;
96)     }

97) 

98)   #calltoaction ul li a:link,
99)   #calltoaction ul li a:visited {
100)     display: block;
101)     background: url(../images/cta-buttons.jpg) top center no-repeat #885ca4;
102)     padding: 4px 8px;
103)     color: #FFFFFF;
104)     font-weight: bold;
105)     text-decoration: none;
106)     font-size: 13px;
107)     line-height: 22px;
108)     height: 22px;
109)     width: 84px;
110)     float: left;
111)     text-shadow: 1px 1px 0px #111111;
112)     }
113) 
114)   #calltoaction ul li:hover a {
115)     background: url(../images/cta-buttons.jpg) bottom center no-repeat #ff9800;
116)     font-weight: bold;
117)     text-shadow: 1px 1px 0px #111111;
118)     }

119) 

120)   #calltoaction ul li:first-child a:link,
121)   #calltoaction ul li:first-child a:visited,
122)   #calltoaction ul li:hover:first-child a {
123)     -webkit-border-top-left-radius: 7px;
124)     -webkit-border-bottom-left-radius: 7px;
125)     -moz-border-radius-topleft: 7px;
126)     -moz-border-radius-bottomleft: 7px;
127)     border-top-left-radius: 7px;
128)     border-bottom-left-radius: 7px;
129)     }
130) 
131)   #calltoaction ul li:first-child a:link,
132)   #calltoaction ul li:first-child a:visited {
133)     background: url(../images/cta-buttons.jpg) top left no-repeat #885ca4;
134)     }
135) 
136)   #calltoaction ul li:hover:first-child a {
137)     background: url(../images/cta-buttons.jpg) bottom left no-repeat #ff9800;
138)     }
139) 
140)   #calltoaction ul li:last-child a:link,
141)   #calltoaction ul li:last-child a:visited,
142)   #calltoaction ul li:hover:last-child a {
143)     -webkit-border-top-right-radius: 7px;
144)     -webkit-border-bottom-right-radius: 7px;
145)     -moz-border-radius-topright: 7px;
146)     -moz-border-radius-bottomright: 7px;
147)     border-top-right-radius: 7px;
148)     border-bottom-right-radius: 7px;
149)     }
150) 
151)   #calltoaction ul li:last-child a:link,
152)   #calltoaction ul li:last-child a:visited {
153)     background: url(../images/cta-buttons.jpg) top right no-repeat #885ca4;
154)     color: #FFFFFF;
155)     }

156) 

157)   #calltoaction ul li:hover:last-child a {
158)     background: url(../images/cta-buttons.jpg) bottom right no-repeat #ff9800;

159)     }
160) 
161) 
162) /* BANNER ------------*/
163) 
164) 		#banner {
165) 			background: url(../images/bg-banner.jpg) left top no-repeat;
166) 			height: 200px;
167) 			width: 600px;
168) 			padding: 23px 15px;
169) 			margin-bottom: 15px;
170) 		}

171) 

172) 		#download a:link,
173) 		#download a:visited {
174) 			margin: -17px 0 0;

175)             background: url(../images/button-download.png) left top no-repeat;

176) 			width: 257px;
177) 			height: 79px;
178) 			float: left;
179) 			padding: 35px 0 0 80px;
180) 			text-decoration: none;
181) 		}

182) 

183) 		#download a .download-tor {
184) 			background: url(../images/button-download-arrow.png) right center no-repeat;
185) 			font-family: "Arial Narrow", Arial, sans-serif;
186) 			color: #fff;
187) 			font-size: 2.167em;
188) 			letter-spacing: 1px;
189) 			padding-right: 25px;
190) 		}
191) 		#download a .version {
192) 			color: #bda5cc;
193) 			font-size: 1.167em;
194) 			line-height: 1.167em;
195) 		}
196) 		#download a .info {
197) 			color: #bda5cc;
198) 			font-size: 0.833em;
199) 			line-height: 0.833em;
200) 		}

201) 

202) 		#download a:hover {
203) 			background-position: 0 -114px;
204) 		}
205) 		#download a:hover .version,
206) 		#download a:hover .info { color: #f1c6a1; }

207) 

208) 			#banner ul {
209) 				background: #387520 url(../images/banner-gradient.jpg) left top repeat-x;
210) 				border: 1px solid #366b32;
211) 				width: 180px;
212) 				float: right;
213) 				margin: 0 15px 0 0;
214) 				padding: 10px 10px 10px 30px;
215) 			}

216) 

217) 			#banner ul li {
218) 				list-style: url(../images/white-bullet.png) outside;
219) 				padding: 5px 0;
220) 			}
221) 
222) /* CONTENT ------------*/
223) 
224) #content {
225) 	width: 960px;
226) }
227) 

228) 	#content img { max-width: 710px; }

229) 
230) 	#breadcrumbs { padding: 0 0 10px 5px; }
231) 
232) 	#home #maincol {
233) 		float: left;
234) 		width: 620px;
235) 		margin-right: 20px;
236) 	}

237) 

238) 	#maincol {
239) 		float: right;
240) 		width: 710px;
241) 		margin-bottom: 20px;
242) 	}

243) 

244) 	#dow-don-left,

245) 	#maincol-left {
246) 		float: left;
247) 		width: 710px;
248) 		margin-bottom: 20px;
249) 	}

250) 
251)     #maincol .topforty .icon img {
252)         border: none;
253)     }
254) 

255) 		.subcol {
256) 			width: 280px;
257) 			float: left;
258) 			margin: 0 0 25px;
259) 		}

260) 

261) 			#content .first {
262) 				margin-right: 20px;
263) 			}
264) 
265) /* SIDEBAR ------------*/

266) 

267) #home #sidecol {
268) 	float: right;
269) 	width: 300px;
270) }

271) 

272) #sidecol {
273) 	float: left;
274) 	width: 230px;
275) 	margin-right: 20px;
276) }

277) 

278) #dow-don-right,

279) #sidecol-right {
280) 	float: right;
281) 	width: 230px;
282) 	margin-left: 20px;

283)         padding-top: 100px;

284) }

285) 

286) 	#torusers { margin: 0 0 27px; }

287) 		.user {
288) 			margin: 0 0 12px;
289) 			height: auto;
290) 		}
291) 		.user img, .project-icon {
292) 			border: 1px solid #cac8a7;
293) 			float: left;
294) 			margin: 3px 10px 0 0;
295) 		}
296) 		.user p { margin: 0; }

297) 

298) /* IMGSHADOW ------------*/
299) 
300) .img-shadow {
301) 	float:left;
302) 	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
303) 	background: url(../images/shadow.gif) no-repeat bottom right;
304) 	margin: 10px 0 10px 10px !important;
305) 	margin: 10px 0 10px 5px;
306) }
307) 
308) 	.img-shadow .infoblock,
309) 	.img-shadow .important-infoblock,
310) 	.img-shadow .custom-infoblock,
311) 	.img-shadow #sidenav,
312) 	.img-shadow .sidenav-sub {
313) 		display: block;
314) 		position: relative;
315) 		margin: -6px 6px 6px -6px;
316) 		background-color: #fff;
317) 		border: 1px solid #ddd;
318) 	}
319) 	.img-shadow .important-infoblock {
320) 		background-color: #f7f8f0;
321) 		border: 1px solid #eeefe8;
322) 	}

323) 

324) 	.img-shadow .infoblock,
325) 	.img-shadow .important-infoblock {
326) 		padding: 15px;
327) 		width: 188px;
328) 	}

329) 

330) 	.img-shadow .custom-infoblock {
331) 		padding: 15px;
332) 		height: 120px;
333) 		width: 426px;
334) 	}
335) 
336) 	.img-shadow .infoblock p,
337) 	.img-shadow .important-infoblock p,
338) 	.img-shadow .custom-infoblock p {
339) 		margin: 0;
340) 	}

341) 
342) 

343) /* SIDENAV ------------*/
344) 
345) /*Note: #sidenav-sub is used on the downloads page as a tertiary navigation*/
346) 
347) .img-shadow #sidenav,
348) .img-shadow .sidenav-sub {
349) 	padding: 10px 0 0;
350) 	width: 218px;
351) }

352) 

353) 	#sidenav ul li,
354) 	.sidenav-sub ul li { border-bottom: 1px solid #ddd; }

355) 

356) 	#sidenav ul li.dropdown a:link,
357) 	#sidenav ul li.dropdown a:visited { background: url(../images/sidenav-arrow.gif) left center no-repeat; }
358) 	#sidenav ul li.dropdown a.active { background: url(../images/sidenav-arrow-active.gif) left center no-repeat; }

359) 

360) 	.sidenav-sub ul li.dropdown a:link,

361) 	.sidenav-sub ul li.dropdown a:visited {

362) 		background: url(../images/sidenav-arrow.gif) left top no-repeat;
363) 		margin-top: 12px;
364) 	}

365) 

366) 	#sidenav ul li a:link,
367) 	#sidenav ul li a:visited {
368) 		display: block;
369) 		height: auto;
370) 		padding: 8px 15px 8px 26px;
371) 	}

372) 

373) 	#sidenav ul li ul li a:link,
374) 	#sidenav ul li ul li a:visited {
375) 		padding-left: 37px;
376) 	}

377) 

378) 	.sidenav-sub ul li a:link,
379) 	.sidenav-sub ul li a:visited {
380) 		display: block;
381) 		padding: 0 15px 10px 26px;
382) 		line-height: 16px;
383) 	}

384) 

385) 	#sidenav ul li.active {
386) 		background: url(../images/sidenav-active.png) left center no-repeat;
387) 		width: 230px;
388) 		border: 0;
389) 	}
390) 
391)   #sidenav ul li ul li ul li a:link,
392) 	#sidenav ul li ul li ul li a:visited {
393) 		padding-left: 48px;
394) 	}

395) 

396) /* TABLE ------------*/
397) 
398) table { width: 100%; }
399) 
400) td { padding: 12px; }
401) 
402) table td img,
403) table tr img {

404) 	border: none;

405) 	float: left;
406) 	margin-right: 10px;
407) }
408) 
409) .icon {
410) 	float: left;
411) 	width: auto;
412) 	margin-right: 15px;
413) 	padding: 10px 0;
414) 	border: 0;
415) }
416) 
417) .calendar {
418) 	background: url(../images/icon-calendar.jpg) left top no-repeat;
419) 	float: left;
420) 	margin-right: 10px;
421) 	width: 45px;
422) 	height: 54px;
423) 	text-align: center;
424) 	padding: 4px 0;
425) }
426) .fauxhead {
427) 	background: url(../images/table-arrow.jpg) right top no-repeat;
428) 	width: 100%;
429) 	height: 11px;
430) }
431) 

432) #home-our-projects td {
433)   height: 92px;
434)   width: 296px;
435)   padding: 6px;
436)   }
437) 

438) #ecosystem_presentation {
439)   height: 30px;
440)   padding-top: 10px;
441)   padding-left: 60px;
442)   vertical-align: middle;
443)   background: url("../images/video.png") no-repeat scroll left center transparent;
444)   font-size: 1.7em;
445)   font-weight: bold;
446) }
447) 
448) #ecosystem_presentation a {
449)   text-decoration: none;
450) }
451) 

452) .project {
453)   float: left;
454)   padding: 6px;
455)   border: 1px solid #CAC8A7;
456)   height: 76px;
457)   width: 284px;
458)   -webkit-border-radius: 10px;
459)   -moz-border-radius: 10px;
460)   border-radius: 10px;

461)   }

462) 
463) .project img {
464)   border: none;
465)   margin-right: 6px;
466)   }
467) 

468) .beige { background: #f5f5df; }

469) .gray { background: #e0e0e0; }

470) 
471) .meta {
472) 	float: right;
473) 	width: auto;
474) }
475) 

476) /* DL PAGE ------------*/

477) 

478) .windows24 {
479)  /* Open Icon Library - Webpage Icons Package
480)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
481)   background: url("../images/icon-windows24.png") no-repeat scroll left center transparent;
482)   }

483) 

484) .mac24 {
485)  /* Open Icon Library - Webpage Icons Package
486)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
487)   background: url("../images/icon-mac24.png") no-repeat scroll left center transparent;
488)   }
489) 
490) .linux24 {
491)  /* Open Icon Library - Webpage Icons Package
492)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
493)   background: url("../images/icon-linux24.png") no-repeat scroll left center transparent;
494)   }
495) 
496) .smartphone24 {
497) /* Icon from the Crystal set
498)  * author: Everaldo Coelho
499)  * source: http://www.everaldo.com/crystal/
500)  * license: LGPL v2 */
501)   background: url("../images/icon-smartphone24.png") no-repeat scroll left center transparent;
502)   }
503) 
504) .sourcecode24 {
505) /* Icon from the Crystal set
506)  * author: Everaldo Coelho
507)  * source: http://www.everaldo.com/crystal/
508)  * license: LGPL v2 */
509)   background: url("../images/icon-sourcecode24.png") no-repeat scroll left center transparent;
510)   }
511) 
512) .windows24,
513) .mac24,
514) .linux24,
515) .smartphone24,
516) .sourcecode24 {
517)   display: block;

518)   line-height: 32px;

519)   padding: 0px 0 0px 33px;
520)   }
521) 
522) .accordionButton {

523)   background: url("../images/table-title.jpg") repeat-x left bottom #885CA4;

524)   color: #FFFFFF;
525)   margin: 0;
526)   font-size: 1.1em;
527)   font-weight: bold;

528)   height: 32px;

529)   float: left;
530)   _float: none;  /* Float works in all browsers but IE6 */
531)   border: 1px solid #FFFFFF;
532)   border-bottom: none;
533)   cursor: pointer;
534)   -webkit-border-top-left-radius: 7px;
535)   -webkit-border-top-right-radius: 7px;
536)   -moz-border-radius-topleft: 7px;
537)   -moz-border-radius-topright: 7px;
538)   border-top-left-radius: 7px;
539)   border-top-right-radius: 7px;

540)   position: relative;
541)   padding-left: 30px;
542)   width: 680px;

543)   }
544) 
545)   .accordionButton:hover {

546)     background: url("../images/table-title-hover.jpg") repeat-x left bottom #885CA4;

547)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
548)     }
549) 

550) .on:before,
551) .off:before {
552)   position: absolute;
553)   content: '';
554)   height: 0px;
555)   width: 0px;
556)   font-size:0px;
557)   line-height:0px;
558)   }

559) 

560) .on:before {
561)   top: 14px;
562)   left: 10px;
563)   border-left:7px solid transparent;
564)   border-right:7px solid transparent;
565)   border-top:7px solid #FFFFFF;
566)   }

567) 

568) .off:before {
569)   top: 9px;
570)   left: 14px;
571)   border-bottom:7px solid transparent;  /* left arrow slant */
572)   border-top:7px solid transparent; /* right arrow slant */
573)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
574)   }

575) 
576)   .accordionContent {

577)   width: 708px;
578)   float: left;
579)   _float: none;  /* Float works in all browsers but IE6 */
580)   background: #FFFFFF;
581)   display: block;
582)   }
583) 

584) .accordionContent .fauxhead {
585)   width: 710px;
586)   }
587) 

588) .package {
589)   float: left;

590)   height: 280px;

591)   margin: 0px;
592)   padding: 25px 20px 20px 20px;
593)   border-top: 1px solid #888888;
594)   }
595) 
596)   .package h2 {
597)     margin-bottom: 3px;
598)     }
599) 
600)   .package p {

601)     margin-top: 16px;

602)     padding-left: 10px;
603)     }
604) 
605) .downloads {

606)   display: block;
607)   float: left;
608)   width: 238px;
609)   padding: 0 16px 0 0;

610)   text-align: center;
611)   }
612) 
613) .lang {
614)   float: right;
615)   display: none;
616)   width: 80px;

617)   height: 20px;

618)   margin: 0px 7px 0px 0px;
619)   padding: 0px 0px 0px 3px;
620)   background-color: #fefff7;
621)   border: 2px solid #CCCFB8;
622)   border-top: 0px;
623)   -webkit-border-bottom-left-radius: 5px;
624)   -webkit-border-bottom-right-radius: 5px;
625)   -moz-border-radius-bottomleft: 5px;
626)   -moz-border-radius-bottomright: 5px;
627)   border-bottom-left-radius: 5px;
628)   border-bottom-right-radius: 5px;
629)   }
630) 
631) .button {
632)   text-align: center;
633)   display: block;

634)   width: 234px;
635)   height: 69px;

636)   text-decoration: none;

637)   background: url(../images/button-downloadpage.png) bottom left no-repeat;
638)   margin: 0px auto 8px auto;

639)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
640)   -webkit-border-radius: 7px;
641)   -moz-border-radius: 7px;
642)   border-radius: 7px;
643)   }
644) 
645) .button .strong {
646)   display: block;

647)   padding: 10px 0 0 57px;

648)   }
649) 
650) .button .normal {

651)   padding: 5px 0 0 57px;

652)   display: block;
653)   }

654) 

655) .sig {
656)   display: block;
657)   margin: 3px 0px 20px 0px;
658)   }

659) 

660) /* DOWNLOAD-EASY ---*/
661) 
662) .easy {

663) 	width: 712px;
664) 	margin-bottom: 10px;
665) 	padding-bottom: 8px;
666) }
667) 
668) #download-donate {
669) 	background-attachment: scroll;
670) 	background-clip: border-box;
671) 	background-color: transparent;
672) 	background-image: url(../images/headerbg.jpg);
673) 	background-origin: padding-box;
674) 	background-position: 0% 0%;
675) 	background-repeat: no-repeat;
676) 	background-size: 100% 100%;	
677) }

678) 
679) .easy .package h2,
680) .easy .package em {
681)   display: block;
682)   width: 100%;

683)   text-align: left;

684)   }
685) 
686) .easy .package h2 {
687)   padding-top: 10px;
688)   padding-bottom: 5px;
689)   }
690) 
691) .easy .package em {

692)   font-size: 1.2em;
693)   padding-top: 8px;
694)   padding-bottom: 4px;

695)   }
696) 
697) .easy .package p {
698)   padding-left: 0px;
699)   font-size: 15px;
700)   text-align: justify;
701)   }
702) 
703) .easy .package p.alt-dl {

704)   text-align: left;

705)   text-indent: 0px;
706)   padding-left: 0px;
707)   margin-top: 32px;
708)   }
709) 
710) .all-dl {
711)   display: block;

712)   text-align: left;

713)   width: 100%;
714)   font-size: 15px;
715) }
716) 
717) .all-dl a{
718)   text-decoration: none;
719)   font-weight: bold;
720) }
721) 
722) .all-dl a:hover{
723)   text-decoration: underline;
724) }
725) 
726) .easy .package {
727)   float: none;

728)   padding: 0 8px 0 12px ;

729)   }
730) 
731) .open {
732)   display: block;
733)   }
734) 
735) .lang-alt {
736)   line-height: 15px;
737)   font-size: 10px;
738)   float: right;
739)   margin-right: 10px;
740) }
741) 
742) .expander {
743)   text-align: right;
744)   float: right;
745)   padding: 10px 20px 0 0px;
746)   font-size: 15px;
747)   display: none;
748) }

749) 
750) /* MISC ------------*/
751) 
752) .title {
753) 	background: url(../images/table-title-arrow.jpg) right top no-repeat;
754) 	padding: 10px 25px 0 10px;
755) 	height: 33px;
756) 	float: left;
757) }
758) 
759) 	.title a:link,
760) 	.title a:visited {
761) 		background: url(../images/table-title.jpg) left top no-repeat;
762) 		height: 33px;
763) 		display: block;

764) 	}

765) 
766) .paypal {
767) 	float: left;
768) 	width: auto;
769) 	min-height: 159px;
770) 	max-width: 365px;
771) }
772) 	.paypal span { padding-right: 20px; }

773) 

774) .warning-top {

775)   width: 618px;

776)   padding: 10px 10px 10px 60px;
777)   margin: 0px 10px 0px 10px;
778)   display: block;
779)   background: url("../images/warning.png") no-repeat scroll 2px 23px #FFFEB6;
780)   border: 1px solid #A6A427;
781)   border-bottom: none;
782)   -webkit-border-top-left-radius: 5px;
783)   -webkit-border-top-right-radius: 5px;
784)   -moz-border-radius-topleft: 5px;
785)   -moz-border-radius-topright: 5px;
786)   border-top-left-radius: 5px;
787)   border-top-right-radius: 5px;
788)   }
789) 
790)   .warning-top h2 {
791)     padding-right: 15px;
792)     padding-left: 0px;
793)     margin-bottom: 5px;
794)     }
795) 
796)   .warning-top p {
797)     padding-left: 10px;
798)     margin-bottom: 0px;
799)     }

800) 
801) .warning {

802)   float: left;
803)   _float: none;  /* Float works in all browsers but IE6 */
804)   padding: 25px 25px;
805)   margin-top: 4px;
806)   }
807) 
808)   .warning p {
809)     padding-left: 10px;
810)     }

811) 

812) .focus {
813) 	background: #f4f2c7;
814) 	border: 1px solid #ebd4a9;
815) 	padding: 10px 15px;
816) }
817) 
818) 	.focus .icon {
819) 		float: left;
820) 		width: auto;
821) 		margin-right: 10px;
822) 	}

823) 

824) .featured-project { width: 313px; }

825) 

826) /* FORM ------------*/
827) 
828) input, select {
829) 	margin: 0 3px 10px 0;
830) }
831) 
832) input.textfield {
833) 	padding: 0 10px;
834) 	vertical-align: top;
835) }
836) 
837) .donate-btn {

838)     background: left top no-repeat;

839) 	height: 26px;
840) 	width: 92px;
841) 	text-indent: -9999px;
842) 	overflow: hidden;
843) 	border: 0;
844) 	vertical-align: top;
845) 	margin-top: 5px;
846) }
847) 	.donate-btn:hover {
848) 		background-position: 0 -26px;
849) 		cursor: pointer;
850) 	}
851) 
852) .signup {
853) 	background: #96c35a;
854) 	border-top: 1px solid #6ab334;
855) 	border-left: 1px solid #6ab334;
856) 	border-bottom: 1px solid #5a952b;
857) 	border-right: 1px solid #5a952b;
858) 	height: 31px;
859) 	padding: 0 5px;
860) 	vertical-align: top;
861) 	color: #222c14;
862) 	font-weight: bold;
863) 	font-size: 1em;
864) 	line-height: 1em;
865) }
866) 	.signup:hover { background: #6ab334; }
867) 
868) select#lang {
869) 	float: left;
870) 	width: 160px;
871) 	margin-right: 3px;
872) }
873) .go {
874) 	background: #96c35a;
875) 	border-top: 1px solid #6ab334;
876) 	border-left: 1px solid #6ab334;
877) 	border-bottom: 1px solid #5a952b;
878) 	border-right: 1px solid #5a952b;
879) 	padding: 0 5px;
880) 	vertical-align: top;
881) 	color: #222c14;
882) 	font-weight: bold;
883) 	font-size: 1em;
884) 	line-height: 1em;
885) 	height: 18px;
886) }
887) 	.go:hover { background: #6ab334; }
888) 

889) 

890) /* FOOTER ------------*/
891) 
892) #footer {

893) 	/* width: 960px; original */
894) 	width: 1024px;

895) 	height: 200px;
896) 	border-top: 1px solid #ddd;
897) 	padding: 20px 0;
898) 	margin: 20px 0 0;
899) }
900) 
901) 	.onion {
902) 		float: left;

903) 		/* width: 78px; original */
904) 		width: 88px;

905) 		padding-right: 20px;
906) 		height: 100%;
907) 	}
908) 
909) 	#footer .about {
910) 		width: 180px;
911) 		padding-right: 30px;
912) 		border-right: 1px solid #ddd;
913) 		float: left;
914) 	}

915) 

916) 	#footer .newsletter {
917) 		padding: 0 0 15px 30px;
918) 		width: auto;
919) 		margin-left: 308px;
920) 	}

921) 

922) 		#footer input.textfield {
923) 			width: 220px;
924) 			height: 26px;
925) 		}

926) 

927) 		#footer input {
928) 			margin: 0;
929) 		}

930) 

931) 	#footer .col {
932) 		float: left;
933) 		width: 100px;
934) 		margin-left: 20px;
935) 	}

936) 

937) 		#footer .first { margin-left: 30px; }
938) 		#footer .wider { width: 201px; }

939) 
940) 
941) /* DONATION ADDITIONS ----------- */
942) 
943) small {
944) 	margin: 0px auto 0px auto;
945) 	text-align: center;
946) 	font-size: 10px;
947) 	font-style: italic;
948) 	}
949) 
950) .hlist {
951) 	text-align: center;
952) 	display: block;
953) 	width: 100%;
954) 	padding: 0px 0px;
955) 	list-style: none;
956) 	margin: 0px 0px 18px 0px;
957) 	}
958) 
959) 	.hlist li {
960) 		display: inline-block;
961) 		border-right: 1px solid #444444;
962) 		margin-left: -4px;
963) 		}

964) 

965) 	.hlist li.last {
966) 		border-right: 0px solid #444444;
967) 		}
968) 
969) 	.hlist a {
970) 		display: block;
971) 		top: 0px;
972) 		right: 0px;
973) 		bottom: 0px;
974) 		left: 0px;
975) 		text-decoration: none;
976) 		font-weight: bold;
977) 		padding: 0px 8px;
978) 		}

979) 

980) .dbox {
981) 	float: none;
982) 	text-align: center;
983) 	color: #222222;

984) 	border: none;

985) 	padding: 1.4em 0.7em;

986) 	width: 163px;
987) 	margin: 0px 0px 0px 10px;

988) }

989) 
990) 	.dbox p {
991) 		display: block;
992) 		padding: 0px 0px 0px 0px;
993) 		margin: 0px 0px 0px 0px;
994) 		}
995) 
996) 	.dbox h2 {

997) 		padding:13px 0px 15px 0px;
998)         position: relative;

999) 		color: black;

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

1001) 		font-size: 18px;

1002)         font-weight: normal;
1003)         height: 35px;
1004)         margin-bottom: -20px;
1005)         margin-left: -6px;

1006)         z-index:-10;

1007) 		}
1008) 
1009) 	.dbox input.donate-btn {
1010) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1011) 		height: 68px;
1012) 		width: 186px;

1013) 		margin-top: 0px;
1014) 		display: block;

1015) 		background-color: transparent;
1016) 		color: transparent;
1017) 		margin: 10px auto 10px auto;
1018) 		padding: 0px 0px 0px 0px;

1019) 		}
1020) 
1021) 	.dbox span {
1022) 		float: left;
1023) 		padding-right: 0px;
1024) 		}

1025) 

1026) 	.dbox div label {
1027) 		padding: 0px 10px 0px 0px;
1028) 		}
1029) 
1030) 	.dbox h6#ppinfo{
1031) 		width: 100%;
1032) 		text-align: center;
1033) 		margin: -15px auto 0px auto;
1034) 		}

1035) 

1036) 	.dbox small,
1037) 	.dbox.donate #ppinfo {
1038) 		margin: 0px auto 0px auto;
1039) 		text-align: center;
1040) 		font-size: 10px;

1041) 		font-style: normal;

1042) 		}
1043) 
1044) .dbox.dl {

1045)   float: none;
1046)   width: 177px;
1047)   margin: 0px 5px 20px 5px;
1048)   }
1049) 

1050) 

1051) 
1052) .dbox.dl input.amount {

1053)   width: 87px;

1054)   }
1055) 

1056) .dbox.donate {
1057) 	float: none;
1058) 	padding: 30px 30px;
1059) 	width: 626px;
1060) 	min-height: 0px;
1061) 	max-width: none;
1062) 	text-align: left;
1063) 	}
1064) 
1065) 	.dbox.donate input ,
1066) 	.dbox.donate select {
1067) 		padding-bottom: 0px;
1068) 		margin-bottom: 0px;
1069) 		}

1070) 

1071) 	.dbox.donate .drow {
1072) 		margin: 0px 0px 0px 20px;
1073) 		}

1074) 

1075) 	.dbox.donate .drow div {
1076) 		padding: 0px 0 0 0px;
1077) 		width: auto;
1078) 		display: block;
1079) 		}
1080) 
1081) 	.dbox.donate h3 {
1082) 		padding-left: 0px;
1083) 		color: #23300E;
1084) 		margin: 0 0 10px 0;
1085) 		}
1086) 
1087) 	.dbox.donate h4 {
1088) 		padding-left: 20px;
1089) 		}
1090) 
1091) 	.dbox.donate p {
1092) 		padding: 5px 20px 15px 40px;
1093) 		}

1094) 

1095) 	.dbox.donate span {
1096) 		float: left;
1097) 		padding-right: 0px;
1098) 		}

1099) 

1100) 	.dbox.donate div label {
1101) 		padding: 0px 10px 0px 0px;
1102) 		}
1103) 
1104) 	.dbox.donate .type {
1105) 		padding-left: 20px;
1106) 		}
1107) 
1108) 	.dbox.donate select#t3 {
1109) 		width: auto;
1110) 		margin-bottom: 0px;
1111) 		}
1112) 
1113) 	.dbox.donate ul.amounts {
1114) 		width: auto;
1115) 		}
1116) 
1117) 	.dbox.donate ul.amounts li {
1118) 		display: inline-block;
1119) 		}
1120) 
1121) 	.dbox.donate ul.amounts li label {
1122) 		padding: 0px 0px 0px 5px;
1123) 		}

1124) 

1125) 	.dbox.donate input.donate-btn {

1126) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1127) 		height: 26px;
1128) 		width: 115px;
1129) 		margin-top: -3px;
1130) 		display: inline-block;

1131) 		background-color: transparent;
1132) 		color: transparent;
1133) 		border:0px solid transparent;

1134) 		}
1135) 
1136) .dbox.dsmall {
1137) 	position: relative;
1138) 	display: inline-block;
1139) 	width: 170px;
1140) 	height: 140px;
1141) 	text-align: center;
1142) 	margin: 0px 10px;
1143) 	vertical-align: top;
1144) 	}
1145) 
1146) 	.dbox.dsmall input.donate-btn {
1147) 		background: url() left top no-repeat transparent;
1148) 		width: auto;
1149) 		height: auto;
1150) 		margin-top: 0px;
1151) 		display: block;

1152) 		background-color: transparent;
1153) 		color: transparent;
1154) 		border:0px solid transparent;

1155) 		}

1156) 

1157) 	.dbox.dsmall div label {
1158) 		padding: 0px 0px 0px 0px;
1159) 		}
1160) 
1161) 	.dbox.dsmall small {
1162) 		display: block;
1163) 		position: absolute;
1164) 		width: 172px;
1165) 		float: none;
1166) 		bottom: 20px;
1167) 		margin: 0px auto;
1168) 		}

1169) 

1170) 	.givv p {
1171) 		text-align: justify;
1172) 		margin-top: 10px;
1173) 		font-size: 11px;
1174) 		line-height: 13px;
1175) 		}

1176) 

1177) 	dwolla p {
1178) 		text-align: justify;
1179) 		margin-top: 10px;
1180) 		font-size: 11px;
1181) 		line-height: 13px;
1182) 		}
1183) 

1184) /* BLOG WIDGET ----------*/
1185) 
1186) div.blogRow, div.blogFirstRow {
1187) 	height: 40px;
1188) 	padding: 3px 10px;
1189) 	margin: 0 0;
1190) }
1191) 
1192) div.blogLastRow {
1193) 	height: 20px;
1194) 	text-align: center;
1195) 	}
1196) 
1197) div.blogFirstRow {
1198) 	height: 22px;
1199) 	background: url(../images/table-head.jpg) left top repeat-x #885ca4;
1200) 	}
1201) 	
1202) .blogRow:hover {
1203) 	background: #f6ffd5;
1204) 	}
1205) 
1206) div.blogRow1, div.blogRow3 {
1207) 	background: #eee8f1;
1208) }
1209) 
1210) .blogFeed a {
1211) text-decoration: none;
1212) }
1213) 
1214) .blogFeed p {
1215) margin: 0;
1216) font-size: 12px;
1217) }
1218) 
1219) p.blogTitle {
1220) 	font-weight: bold;
1221) 	text-decoration: underline;
1222) 	}
1223) 
1224) p.blogAuthor {
1225) 	color: #000000;
1226) 	text-align: right;
1227) 	margin-top: -20px;
1228) 	}
1229) 	
1230) p.blogAuthor em{
1231) 	color: #4e6a20;
1232) 	text-align: right;
1233) 	margin-top: -20px;
1234) 	}
1235) 
1236) p.blogDate {
1237) 	color: #000000;
1238) 	}
1239) 	
1240) .blogFeed h2 {
1241) 	font-size: 1.467em;
1242) 	margin: 0;
1243) 	line-height: 23px;
1244) 	color: #f6f6ed;
1245) 	}
1246) 

1247) /*
1248)  Project page
1249) */
1250) 
1251)     #projectpage td {
1252)         width: 50%;
1253)     }
1254) 
1255)     .projectbox {
1256)         width: 710px;
1257)         position: relative;
1258)         margin-bottom: 80px;
1259)     }
1260) 
1261) 
1262)     .projectbox .name {
1263)         font-size: 1.5em;
1264)         font-weight: bold;
1265)     }
1266) 
1267)     .projectbox a img {
1268)         float: none;
1269)         position: absolute;
1270)         top: 0;
1271)         left: 0;
1272)     }
1273) 
1274)     .projectbox .projectdesc {
1275)         margin-left: 100px;
1276)     }
1277) /* END */
1278) 

1279) /*
1280) ** Markup free clearing
1281) ** Details: http://www.positioniseverything.net/easyclearing.html
1282) */
1283) .clearfix:after {
1284)   content: ".";
1285)   display: block;
1286)   height: 0;
1287)   clear: both;
1288)   visibility: hidden;
1289) }
1290) 
1291) .clearfix {
1292)   display: inline-block;
1293) }
1294) 
1295) /* Hides from IE-mac \*/
1296) * html .clearfix {
1297)   height: 1%;
1298) }
1299) .clearfix {
1300)   display: block;
1301) }

1302) /* End hide from IE-mac */

1303) 

1304) .joblink {
1305)   display: block;
1306)   font-size: 128%;
1307)   font-weight: bold;
1308)   padding: 10px 5px;
1309)   text-align: right;
1310) }
1311) 
1312) .joblink a {
1313)   text-decoration: none;
1314) }

1315) 
1316) /* Style The Dropdown Button */
1317) .dropbtn {

1318)     background-color: white;

1319)     padding: 16px 0 0 0;

1320)     font-size: 100%;

1321)     border: none;
1322)     cursor: pointer;
1323) }
1324) 
1325) /* The container <div> - needed to position the dropdown content */
1326) .dropdown {
1327)     position: relative;
1328)     display: inline-block;

1329)     padding: 0;
1330)     margin-top: -16px;
1331)     top: 0;

1332) }
1333) 
1334) /* Dropdown Content (Hidden by Default) */
1335) .dropdown-content {
1336)     display: none;
1337)     position: absolute;
1338)     background-color: #f9f9f9;
1339)     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1340)     z-index: 1;

1341)     margin: 48px 0 0 0;

1342) }
1343) 
1344) /* Links inside the dropdown */
1345) .dropdown-content a {
1346)     color: black;

1347)     padding-top: 12px 16px;