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.png) left top no-repeat;
48) 	    background-size: 150px 97px;

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

51) 		width: 150px;

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

55) 

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

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

61) }

62) 

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

68) 

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

74) 

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

78)   margin-top: 100px;

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

82) 

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

98) 

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

120) 

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

157) 

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

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

172) 

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

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

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

183) 

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

202) 

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

208) 

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

217) 

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

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

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

238) 

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

244) 

245) 	#dow-don-left,

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

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

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

261) 

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

267) 

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

272) 

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

278) 

279) #dow-don-right,

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

284)         padding-top: 100px;

285) }

286) 

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

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

298) 

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

324) 

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

330) 

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

342) 
343) 

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

353) 

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

356) 

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

360) 

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

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

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

366) 

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

373) 

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

378) 

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

385) 

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

396) 

397) /* TABLE ------------*/
398) 

399) #press tr:nth-child(even) {
400) 	background-color: #e5e5e5;
401) }
402) 

403) table { width: 100%; }
404) 
405) td { padding: 12px; }
406) 
407) table td img,
408) table tr img {

409) 	border: none;

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

437) #home-our-projects td {
438)   height: 92px;
439)   width: 296px;
440)   padding: 6px;
441)   }
442) 

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

457) .project {
458)   float: left;
459)   padding: 6px;
460)   border: 1px solid #CAC8A7;
461)   height: 76px;
462)   width: 284px;
463)   -webkit-border-radius: 10px;
464)   -moz-border-radius: 10px;
465)   border-radius: 10px;

466)   }

467) 
468) .project img {
469)   border: none;
470)   margin-right: 6px;
471)   }
472) 

473) .beige { background: #f5f5df; }

474) .gray { background: #e0e0e0; }

475) 
476) .meta {
477) 	float: right;
478) 	width: auto;
479) }
480) 

481) /* DL PAGE ------------*/

482) 

483) .windows24 {
484)  /* Open Icon Library - Webpage Icons Package
485)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
486)   background: url("../images/icon-windows24.png") no-repeat scroll left center transparent;
487)   }

488) 

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

523)   line-height: 32px;

524)   padding: 0px 0 0px 33px;
525)   }
526) 
527) .accordionButton {

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

529)   color: #FFFFFF;
530)   margin: 0;
531)   font-size: 1.1em;
532)   font-weight: bold;

533)   height: 32px;

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

545)   position: relative;
546)   padding-left: 30px;
547)   width: 680px;

548)   }
549) 
550)   .accordionButton:hover {

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

552)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
553)     }
554) 

555) .on:before,
556) .off:before {
557)   position: absolute;
558)   content: '';
559)   height: 0px;
560)   width: 0px;
561)   font-size:0px;
562)   line-height:0px;
563)   }

564) 

565) .on:before {
566)   top: 14px;
567)   left: 10px;
568)   border-left:7px solid transparent;
569)   border-right:7px solid transparent;
570)   border-top:7px solid #FFFFFF;
571)   }

572) 

573) .off:before {
574)   top: 9px;
575)   left: 14px;
576)   border-bottom:7px solid transparent;  /* left arrow slant */
577)   border-top:7px solid transparent; /* right arrow slant */
578)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
579)   }

580) 
581)   .accordionContent {

582)   width: 708px;
583)   float: left;
584)   _float: none;  /* Float works in all browsers but IE6 */
585)   background: #FFFFFF;
586)   display: block;
587)   }
588) 

589) .accordionContent .fauxhead {
590)   width: 710px;
591)   }
592) 

593) .package {
594)   float: left;

595)   height: 280px;

596)   margin: 0px;
597)   padding: 25px 20px 20px 20px;
598)   border-top: 1px solid #888888;
599)   }
600) 
601)   .package h2 {
602)     margin-bottom: 3px;
603)     }
604) 
605)   .package p {

606)     margin-top: 16px;

607)     padding-left: 10px;
608)     }
609) 
610) .downloads {

611)   display: block;
612)   float: left;
613)   width: 238px;
614)   padding: 0 16px 0 0;

615)   text-align: center;
616)   }
617) 
618) .lang {
619)   float: right;
620)   display: none;
621)   width: 80px;

622)   height: 20px;

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

639)   width: 234px;
640)   height: 69px;

641)   text-decoration: none;

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

644)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
645)   -webkit-border-radius: 7px;
646)   -moz-border-radius: 7px;
647)   border-radius: 7px;
648)   }
649) 
650) .button .strong {
651)   display: block;

652)   padding: 10px 0 0 57px;

653)   }
654) 
655) .button .normal {

656)   padding: 5px 0 0 57px;

657)   display: block;
658)   }

659) 

660) .sig {
661)   display: block;
662)   margin: 3px 0px 20px 0px;
663)   }

664) 

665) /* DOWNLOAD-EASY ---*/
666) 
667) .easy {

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

681) 	background-size: 100% 100%;

682) }

683) 
684) .easy .package h2,
685) .easy .package em {
686)   display: block;
687)   width: 100%;

688)   text-align: left;

689)   }
690) 
691) .easy .package h2 {
692)   padding-top: 10px;
693)   padding-bottom: 5px;
694)   }
695) 
696) .easy .package em {

697)   font-size: 1.2em;
698)   padding-top: 8px;
699)   padding-bottom: 4px;

700)   }
701) 
702) .easy .package p {
703)   padding-left: 0px;
704)   font-size: 15px;
705)   text-align: justify;
706)   }
707) 
708) .easy .package p.alt-dl {

709)   text-align: left;

710)   text-indent: 0px;
711)   padding-left: 0px;
712)   margin-top: 32px;
713)   }
714) 
715) .all-dl {
716)   display: block;

717)   text-align: left;

718)   width: 100%;
719)   font-size: 15px;
720) }
721) 
722) .all-dl a{
723)   text-decoration: none;
724)   font-weight: bold;
725) }
726) 
727) .all-dl a:hover{
728)   text-decoration: underline;
729) }
730) 
731) .easy .package {
732)   float: none;

733)   padding: 0 8px 0 12px ;

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

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

769) 	}

770) 
771) .paypal {
772) 	float: left;
773) 	width: auto;
774) 	min-height: 159px;
775) 	max-width: 365px;
776) }
777) 	.paypal span { padding-right: 20px; }

778) 

779) .warning-top {

780)   width: 618px;

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

805) 
806) .warning {

807)   float: left;
808)   _float: none;  /* Float works in all browsers but IE6 */
809)   padding: 25px 25px;
810)   margin-top: 4px;
811)   }
812) 
813)   .warning p {
814)     padding-left: 10px;
815)     }

816) 

817) .focus {
818) 	background: #f4f2c7;
819) 	border: 1px solid #ebd4a9;
820) 	padding: 10px 15px;
821) }
822) 
823) 	.focus .icon {
824) 		float: left;
825) 		width: auto;
826) 		margin-right: 10px;
827) 	}

828) 

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

830) 

831) /* FORM ------------*/
832) 
833) input, select {
834) 	margin: 0 3px 10px 0;
835) }
836) 
837) input.textfield {
838) 	padding: 0 10px;
839) 	vertical-align: top;
840) }
841) 
842) .donate-btn {

843)     background: left top no-repeat;

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

894) 

895) /* FOOTER ------------*/
896) 
897) #footer {

898) 	/* width: 960px; original */
899) 	width: 1024px;

900) 	height: 200px;
901) 	border-top: 1px solid #ddd;
902) 	padding: 20px 0;
903) 	margin: 20px 0 0;
904) }
905) 
906) 	.onion {
907) 		float: left;

908) 		/* width: 78px; original */
909) 		width: 88px;

910) 		padding-right: 20px;
911) 		height: 100%;
912) 	}
913) 
914) 	#footer .about {
915) 		width: 180px;
916) 		padding-right: 30px;
917) 		border-right: 1px solid #ddd;
918) 		float: left;
919) 	}

920) 

921) 	#footer .newsletter {
922) 		padding: 0 0 15px 30px;
923) 		width: auto;
924) 		margin-left: 308px;
925) 	}

926) 

927) 		#footer input.textfield {
928) 			width: 220px;
929) 			height: 26px;
930) 		}

931) 

932) 		#footer input {
933) 			margin: 0;
934) 		}

935) 

936) 	#footer .col {
937) 		float: left;
938) 		width: 100px;
939) 		margin-left: 20px;
940) 	}

941) 

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

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

969) 

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

984) 

985) .dbox {
986) 	float: none;
987) 	text-align: center;
988) 	color: #222222;

989) 	border: none;

990) 	padding: 1.4em 0.7em;

991) 	width: 163px;
992) 	margin: 0px 0px 0px 10px;

993) }

994) 
995) 	.dbox p {
996) 		display: block;
997) 		padding: 0px 0px 0px 0px;
998) 		margin: 0px 0px 0px 0px;
999) 		}
1000) 
1001) 	.dbox h2 {

1002) 		padding:13px 0px 15px 0px;
1003)         position: relative;

1004) 		color: black;

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

1006) 		font-size: 18px;

1007)         font-weight: normal;
1008)         height: 35px;
1009)         margin-bottom: -20px;
1010)         margin-left: -6px;

1011)         z-index:-10;

1012) 		}
1013) 
1014) 	.dbox input.donate-btn {
1015) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1016) 		height: 68px;
1017) 		width: 186px;

1018) 		margin-top: 0px;
1019) 		display: block;

1020) 		background-color: transparent;
1021) 		color: transparent;
1022) 		margin: 10px auto 10px auto;
1023) 		padding: 0px 0px 0px 0px;

1024) 		}
1025) 
1026) 	.dbox span {
1027) 		float: left;
1028) 		padding-right: 0px;
1029) 		}

1030) 

1031) 	.dbox div label {
1032) 		padding: 0px 10px 0px 0px;
1033) 		}
1034) 
1035) 	.dbox h6#ppinfo{
1036) 		width: 100%;
1037) 		text-align: center;
1038) 		margin: -15px auto 0px auto;
1039) 		}

1040) 

1041) 	.dbox small,
1042) 	.dbox.donate #ppinfo {
1043) 		margin: 0px auto 0px auto;
1044) 		text-align: center;
1045) 		font-size: 10px;

1046) 		font-style: normal;

1047) 		}
1048) 
1049) .dbox.dl {

1050)   float: none;
1051)   width: 177px;
1052)   margin: 0px 5px 20px 5px;
1053)   }
1054) 

1055) 

1056) 
1057) .dbox.dl input.amount {

1058)   width: 87px;

1059)   }
1060) 

1061) .dbox.donate {
1062) 	float: none;
1063) 	padding: 30px 30px;
1064) 	width: 626px;
1065) 	min-height: 0px;
1066) 	max-width: none;
1067) 	text-align: left;
1068) 	}
1069) 
1070) 	.dbox.donate input ,
1071) 	.dbox.donate select {
1072) 		padding-bottom: 0px;
1073) 		margin-bottom: 0px;
1074) 		}

1075) 

1076) 	.dbox.donate .drow {
1077) 		margin: 0px 0px 0px 20px;
1078) 		}

1079) 

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

1099) 

1100) 	.dbox.donate span {
1101) 		float: left;
1102) 		padding-right: 0px;
1103) 		}

1104) 

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

1129) 

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

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

1132) 		height: 26px;
1133) 		width: 115px;
1134) 		margin-top: -3px;
1135) 		display: inline-block;

1136) 		background-color: transparent;
1137) 		color: transparent;
1138) 		border:0px solid transparent;

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

1157) 		background-color: transparent;
1158) 		color: transparent;
1159) 		border:0px solid transparent;

1160) 		}

1161) 

1162) 	.dbox.dsmall div label {
1163) 		padding: 0px 0px 0px 0px;
1164) 		}
1165) 
1166) 	.dbox.dsmall small {
1167) 		display: block;
1168) 		position: absolute;
1169) 		width: 172px;
1170) 		float: none;
1171) 		bottom: 20px;
1172) 		margin: 0px auto;
1173) 		}

1174) 

1175) 	.givv p {
1176) 		text-align: justify;
1177) 		margin-top: 10px;
1178) 		font-size: 11px;
1179) 		line-height: 13px;
1180) 		}

1181) 

1182) 	dwolla p {
1183) 		text-align: justify;
1184) 		margin-top: 10px;
1185) 		font-size: 11px;
1186) 		line-height: 13px;
1187) 		}
1188) 

1189) /* BLOG WIDGET ----------*/
1190) 
1191) div.blogRow, div.blogFirstRow {
1192) 	height: 40px;
1193) 	padding: 3px 10px;
1194) 	margin: 0 0;
1195) }
1196) 
1197) div.blogLastRow {
1198) 	height: 20px;
1199) 	text-align: center;
1200) 	}
1201) 
1202) div.blogFirstRow {
1203) 	height: 22px;
1204) 	background: url(../images/table-head.jpg) left top repeat-x #885ca4;
1205) 	}

1206) 

1207) .blogRow:hover {
1208) 	background: #f6ffd5;
1209) 	}
1210) 
1211) div.blogRow1, div.blogRow3 {
1212) 	background: #eee8f1;
1213) }
1214) 
1215) .blogFeed a {
1216) text-decoration: none;
1217) }
1218) 
1219) .blogFeed p {
1220) margin: 0;
1221) font-size: 12px;
1222) }
1223) 
1224) p.blogTitle {
1225) 	font-weight: bold;
1226) 	text-decoration: underline;
1227) 	}
1228) 
1229) p.blogAuthor {
1230) 	color: #000000;
1231) 	text-align: right;
1232) 	margin-top: -20px;
1233) 	}

1234) 

1235) p.blogAuthor em{
1236) 	color: #4e6a20;
1237) 	text-align: right;
1238) 	margin-top: -20px;
1239) 	}
1240) 
1241) p.blogDate {
1242) 	color: #000000;
1243) 	}

1244) 

1245) .blogFeed h2 {
1246) 	font-size: 1.467em;
1247) 	margin: 0;
1248) 	line-height: 23px;
1249) 	color: #f6f6ed;
1250) 	}
1251) 

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

1279)     .projectbox .projecesc {

1280)         margin-left: 100px;
1281)     }
1282) /* END */
1283) 

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

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

1308) 

1309) .joblink {
1310)   display: block;
1311)   font-size: 128%;
1312)   font-weight: bold;
1313)   padding: 10px 5px;
1314)   text-align: right;
1315) }
1316) 
1317) .joblink a {
1318)   text-decoration: none;
1319) }

1320) 
1321) /* Style The Dropdown Button */
1322) .dropbtn {

1323)     background-color: white;

1324)     padding: 16px 0 0 0;

1325)     font-size: 100%;

1326)     border: none;
1327)     cursor: pointer;
1328) }
1329) 
1330) /* The container <div> - needed to position the dropdown content */
1331) .dropdown {
1332)     position: relative;
1333)     display: inline-block;

1334)     padding: 0;
1335)     margin-top: -16px;
1336)     top: 0;

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

1346)     margin: 48px 0 0 0;

1347) }
1348) 
1349) /* Links inside the dropdown */
1350) .dropdown-content a {
1351)     color: black;

1352)     padding-top: 12px 16px;

1353)     text-decoration: none;
1354)     display: block;
1355) }
1356) 
1357) /* Show the dropdown menu on hover */
1358) .dropdown:hover .dropdown-content {
1359)     display: block;