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)         max-width: 100%;

13) 	margin: 0 auto;
14) }
15) 
16) .left { float: left; }
17) .right { float: right; }
18) .twenty { width: 20%; }
19) .thirty { width: 30%; }
20) .forty { width: 40%; }
21) .fifty { width: 50%; }
22) .sixty { width: 60%; }
23) .hundred { width: 100%; }
24) 
25) .nopad { padding: 0; }
26) .toppad { padding-top: 10px; }
27) .toptwenty { margin-top: 20px; }
28) .topforty { margin-top: 40px; }
29) 

30) .hidden { display: none; }

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

48) 	    background: url(../images/tor-logo.png) left top no-repeat;
49) 	    background-size: 150px 97px;

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

52) 		width: 150px;

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

56) 

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

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

62) }

63) 

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

69) 

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

75) 

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

79)   margin-top: 100px;

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

83) 

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

99) 

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

121) 

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

158) 

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

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

173) 

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

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

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

184) 

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

203) 

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

209) 

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

218) 

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

228) 	max-width: 100%;

229) }
230) 

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

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

240) 

241) 	#maincol {
242) 		float: right;
243) 		width: 710px;

244)                 max-width: 75%;

245) 		margin-bottom: 20px;
246) 	}

247)         .tb#maincol { max-width: 100%; }

248) 

249) 	#dow-don-left,

250) 	#maincol-left {
251) 		float: left;
252) 		width: 710px;
253) 		margin-bottom: 20px;
254) 	}

255) 
256)     #maincol .topforty .icon img {
257)         border: none;
258)     }
259) 

260) 		.subcol {
261) 			width: 280px;
262) 			float: left;
263) 			margin: 0 0 25px;
264) 		}

265) 

266) 			#content .first {
267) 				margin-right: 20px;
268) 			}
269) 
270) /* SIDEBAR ------------*/

271) 

272) #home #sidecol {
273) 	float: right;
274) 	width: 300px;
275) }

276) 

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

282) 

283) #dow-don-right,

284) #sidecol-right {
285) 	float: right;
286) 	width: 230px;
287) 	margin-left: 20px;

288)         -padding-top: 100px;

289) }

290) 

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

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

302) 

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

328) 

329) 	.img-shadow .infoblock,
330) 	.img-shadow .important-infoblock {
331) 		padding: 15px;
332) 		width: 188px;
333) 	}

334) 

335) 	.img-shadow .custom-infoblock {
336) 		padding: 15px;
337) 		height: 120px;
338) 		width: 426px;
339) 	}
340) 
341) 	.img-shadow .infoblock p,
342) 	.img-shadow .important-infoblock p,
343) 	.img-shadow .custom-infoblock p {
344) 		margin: 0;
345) 	}

346) 
347) 

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

357) 

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

360) 

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

364) 

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

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

367) 		background: url(../images/sidenav-arrow.gif) left top no-repeat;
368) 		margin-top: 12px;
369) 	}

370) 

371) 	#sidenav ul li a:link,
372) 	#sidenav ul li a:visited {
373) 		display: block;
374) 		height: auto;
375) 		padding: 8px 15px 8px 26px;
376) 	}

377) 

378) 	#sidenav ul li ul li a:link,
379) 	#sidenav ul li ul li a:visited {
380) 		padding-left: 37px;
381) 	}

382) 

383) 	.sidenav-sub ul li a:link,
384) 	.sidenav-sub ul li a:visited {
385) 		display: block;
386) 		padding: 0 15px 10px 26px;
387) 		line-height: 16px;
388) 	}

389) 

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

400) 

401) /* TABLE ------------*/
402) 

403) #press tr:nth-child(even) {
404) 	background-color: #e5e5e5;
405) }
406) 

407) table { width: 100%; }
408) 
409) td { padding: 12px; }
410) 
411) table td img,
412) table tr img {

413) 	border: none;

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

441) #home-our-projects td {
442)   height: 92px;
443)   width: 296px;
444)   padding: 6px;
445)   }
446) 

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

461) .project {
462)   float: left;
463)   padding: 6px;
464)   border: 1px solid #CAC8A7;
465)   height: 76px;
466)   width: 284px;
467)   -webkit-border-radius: 10px;
468)   -moz-border-radius: 10px;
469)   border-radius: 10px;

470)   }

471) 
472) .project img {
473)   border: none;
474)   margin-right: 6px;
475)   }
476) 

477) .beige { background: #f5f5df; }

478) .gray { background: #e0e0e0; }

479) 
480) .meta {
481) 	float: right;
482) 	width: auto;
483) }
484) 

485) /* DL PAGE ------------*/

486) 

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

492) 

493) .mac24 {
494)  /* Open Icon Library - Webpage Icons Package
495)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
496)   background: url("../images/icon-mac24.png") no-repeat scroll left center transparent;
497)   }
498) 
499) .linux24 {
500)  /* Open Icon Library - Webpage Icons Package
501)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
502)   background: url("../images/icon-linux24.png") no-repeat scroll left center transparent;
503)   }
504) 

505) .android24 {

506) /* author: Google - Android Logo
507)  * source: http://www.android.com/branding.html 
508)  * license:  Creative Commons Atribución 3.0 Unported */
509)     background: url("../images/icon-android24.png") no-repeat scroll left center transparent;
510)     background-size: 24px;

511)   }
512) 

513) .smartphone24 {
514) /* Icon from the Crystal set
515)  * author: Everaldo Coelho
516)  * source: http://www.everaldo.com/crystal/
517)  * license: LGPL v2 */
518)   background: url("../images/icon-smartphone24.png") no-repeat scroll left center transparent;
519)   }
520) 
521) .sourcecode24 {
522) /* Icon from the Crystal set
523)  * author: Everaldo Coelho
524)  * source: http://www.everaldo.com/crystal/
525)  * license: LGPL v2 */
526)   background: url("../images/icon-sourcecode24.png") no-repeat scroll left center transparent;
527)   }
528) 
529) .windows24,
530) .mac24,
531) .linux24,

532) .android24,

533) .smartphone24,
534) .sourcecode24 {
535)   display: block;

536)   line-height: 32px;

537)   padding: 0px 0 0px 33px;
538)   }
539) 
540) .accordionButton {

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

542)   color: #FFFFFF;
543)   margin: 0;
544)   font-size: 1.1em;
545)   font-weight: bold;

546)   height: 32px;

547)   float: left;
548)   _float: none;  /* Float works in all browsers but IE6 */
549)   border: 1px solid #FFFFFF;
550)   border-bottom: none;
551)   cursor: pointer;
552)   -webkit-border-top-left-radius: 7px;
553)   -webkit-border-top-right-radius: 7px;
554)   -moz-border-radius-topleft: 7px;
555)   -moz-border-radius-topright: 7px;
556)   border-top-left-radius: 7px;
557)   border-top-right-radius: 7px;

558)   position: relative;
559)   padding-left: 30px;
560)   width: 680px;

561)   }
562) 
563)   .accordionButton:hover {

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

565)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
566)     }
567) 

568) .on:before,
569) .off:before {
570)   position: absolute;
571)   content: '';
572)   height: 0px;
573)   width: 0px;
574)   font-size:0px;
575)   line-height:0px;
576)   }

577) 

578) .on:before {
579)   top: 14px;
580)   left: 10px;
581)   border-left:7px solid transparent;
582)   border-right:7px solid transparent;
583)   border-top:7px solid #FFFFFF;
584)   }

585) 

586) .off:before {
587)   top: 9px;
588)   left: 14px;
589)   border-bottom:7px solid transparent;  /* left arrow slant */
590)   border-top:7px solid transparent; /* right arrow slant */
591)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
592)   }

593) 
594)   .accordionContent {

595)   width: 708px;
596)   float: left;
597)   _float: none;  /* Float works in all browsers but IE6 */
598)   background: #FFFFFF;
599)   display: block;
600)   }
601) 

602) .accordionContent .fauxhead {
603)   width: 710px;
604)   }
605) 

606) .package {
607)   float: left;

608)   height: 280px;

609)   margin: 0px;
610)   padding: 25px 20px 20px 20px;
611)   border-top: 1px solid #888888;
612)   }
613) 
614)   .package h2 {
615)     margin-bottom: 3px;
616)     }
617) 
618)   .package p {

619)     margin-top: 16px;

620)     padding-left: 10px;
621)     }
622) 
623) .downloads {

624)   display: block;
625)   float: left;
626)   width: 238px;
627)   padding: 0 16px 0 0;

628)   text-align: center;
629)   }
630) 
631) .lang {
632)   float: right;
633)   display: none;
634)   width: 80px;

635)   height: 20px;

636)   margin: 0px 7px 0px 0px;
637)   padding: 0px 0px 0px 3px;
638)   background-color: #fefff7;
639)   border: 2px solid #CCCFB8;
640)   border-top: 0px;
641)   -webkit-border-bottom-left-radius: 5px;
642)   -webkit-border-bottom-right-radius: 5px;
643)   -moz-border-radius-bottomleft: 5px;
644)   -moz-border-radius-bottomright: 5px;
645)   border-bottom-left-radius: 5px;
646)   border-bottom-right-radius: 5px;
647)   }
648) 
649) .button {
650)   text-align: center;
651)   display: block;

652)   width: 234px;
653)   height: 69px;

654)   text-decoration: none;

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

657)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
658)   -webkit-border-radius: 7px;
659)   -moz-border-radius: 7px;
660)   border-radius: 7px;
661)   }
662) 
663) .button .strong {
664)   display: block;

665)   padding: 10px 0 0 57px;

666)   }
667) 
668) .button .normal {

669)   padding: 5px 0 0 57px;

670)   display: block;
671)   }

672) 

673) .sig {
674)   display: block;
675)   margin: 3px 0px 20px 0px;
676)   }

677) 

678) /* DOWNLOAD-EASY ---*/
679) 
680) .easy {

681) 	width: 712px;
682) 	margin-bottom: 10px;
683) 	padding-bottom: 8px;
684) }
685) 
686) #download-donate {
687) 	background-attachment: scroll;
688) 	background-clip: border-box;
689) 	background-color: transparent;
690) 	background-image: url(../images/headerbg.jpg);
691) 	background-origin: padding-box;
692) 	background-position: 0% 0%;
693) 	background-repeat: no-repeat;

694) 	background-size: 100% 100%;

695) }

696) 
697) .easy .package h2,
698) .easy .package em {
699)   display: block;
700)   width: 100%;

701)   text-align: left;

702)   }
703) 
704) .easy .package h2 {
705)   padding-top: 10px;
706)   padding-bottom: 5px;
707)   }
708) 
709) .easy .package em {

710)   font-size: 1.2em;
711)   padding-top: 8px;
712)   padding-bottom: 4px;

713)   }
714) 
715) .easy .package p {
716)   padding-left: 0px;
717)   font-size: 15px;
718)   text-align: justify;
719)   }
720) 
721) .easy .package p.alt-dl {

722)   text-align: left;

723)   text-indent: 0px;
724)   padding-left: 0px;
725)   margin-top: 32px;
726)   }
727) 
728) .all-dl {
729)   display: block;

730)   text-align: left;

731)   width: 100%;
732)   font-size: 15px;
733) }
734) 
735) .all-dl a{
736)   text-decoration: none;
737)   font-weight: bold;
738) }
739) 
740) .all-dl a:hover{
741)   text-decoration: underline;
742) }
743) 
744) .easy .package {
745)   float: none;

746)   padding: 0 8px 0 12px ;

747)   }
748) 
749) .open {
750)   display: block;
751)   }
752) 
753) .lang-alt {
754)   line-height: 15px;
755)   font-size: 10px;
756)   float: right;
757)   margin-right: 10px;
758) }
759) 
760) .expander {
761)   text-align: right;
762)   float: right;
763)   padding: 10px 20px 0 0px;
764)   font-size: 15px;
765)   display: none;
766) }

767) 
768) /* MISC ------------*/
769) 
770) .title {
771) 	background: url(../images/table-title-arrow.jpg) right top no-repeat;
772) 	padding: 10px 25px 0 10px;
773) 	height: 33px;
774) 	float: left;
775) }
776) 
777) 	.title a:link,
778) 	.title a:visited {
779) 		background: url(../images/table-title.jpg) left top no-repeat;
780) 		height: 33px;
781) 		display: block;

782) 	}

783) 
784) .paypal {
785) 	float: left;
786) 	width: auto;
787) 	min-height: 159px;
788) 	max-width: 365px;
789) }
790) 	.paypal span { padding-right: 20px; }

791) 

792) .warning-top {

793)   width: 618px;

794)   padding: 10px 10px 10px 60px;
795)   margin: 0px 10px 0px 10px;
796)   display: block;
797)   background: url("../images/warning.png") no-repeat scroll 2px 23px #FFFEB6;
798)   border: 1px solid #A6A427;
799)   border-bottom: none;
800)   -webkit-border-top-left-radius: 5px;
801)   -webkit-border-top-right-radius: 5px;
802)   -moz-border-radius-topleft: 5px;
803)   -moz-border-radius-topright: 5px;
804)   border-top-left-radius: 5px;
805)   border-top-right-radius: 5px;
806)   }
807) 
808)   .warning-top h2 {
809)     padding-right: 15px;
810)     padding-left: 0px;
811)     margin-bottom: 5px;
812)     }
813) 
814)   .warning-top p {
815)     padding-left: 10px;
816)     margin-bottom: 0px;
817)     }

818) 
819) .warning {

820)   float: left;
821)   _float: none;  /* Float works in all browsers but IE6 */
822)   padding: 25px 25px;
823)   margin-top: 4px;
824)   }
825) 
826)   .warning p {
827)     padding-left: 10px;
828)     }

829) 

830) .focus {
831) 	background: #f4f2c7;
832) 	border: 1px solid #ebd4a9;
833) 	padding: 10px 15px;
834) }
835) 
836) 	.focus .icon {
837) 		float: left;
838) 		width: auto;
839) 		margin-right: 10px;
840) 	}

841) 

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

843) 

844) /* FORM ------------*/
845) 
846) input, select {
847) 	margin: 0 3px 10px 0;
848) }
849) 
850) input.textfield {
851) 	padding: 0 10px;
852) 	vertical-align: top;
853) }
854) 
855) .donate-btn {

856)     background: left top no-repeat;

857) 	height: 26px;
858) 	width: 92px;
859) 	text-indent: -9999px;
860) 	overflow: hidden;
861) 	border: 0;
862) 	vertical-align: top;
863) 	margin-top: 5px;
864) }
865) 	.donate-btn:hover {
866) 		background-position: 0 -26px;
867) 		cursor: pointer;
868) 	}
869) 
870) .signup {
871) 	background: #96c35a;
872) 	border-top: 1px solid #6ab334;
873) 	border-left: 1px solid #6ab334;
874) 	border-bottom: 1px solid #5a952b;
875) 	border-right: 1px solid #5a952b;
876) 	height: 31px;
877) 	padding: 0 5px;
878) 	vertical-align: top;
879) 	color: #222c14;
880) 	font-weight: bold;
881) 	font-size: 1em;
882) 	line-height: 1em;
883) }
884) 	.signup:hover { background: #6ab334; }
885) 
886) select#lang {
887) 	float: left;
888) 	width: 160px;
889) 	margin-right: 3px;
890) }
891) .go {
892) 	background: #96c35a;
893) 	border-top: 1px solid #6ab334;
894) 	border-left: 1px solid #6ab334;
895) 	border-bottom: 1px solid #5a952b;
896) 	border-right: 1px solid #5a952b;
897) 	padding: 0 5px;
898) 	vertical-align: top;
899) 	color: #222c14;
900) 	font-weight: bold;
901) 	font-size: 1em;
902) 	line-height: 1em;
903) 	height: 18px;
904) }
905) 	.go:hover { background: #6ab334; }
906) 

907) 

908) /* FOOTER ------------*/
909) 
910) #footer {

911) 	/* width: 960px; original */
912) 	width: 1024px;

913) 	height: 200px;
914) 	border-top: 1px solid #ddd;
915) 	padding: 20px 0;
916) 	margin: 20px 0 0;
917) }
918) 
919) 	.onion {
920) 		float: left;

921) 		/* width: 78px; original */
922) 		width: 88px;

923) 		padding-right: 20px;
924) 		height: 100%;
925) 	}
926) 
927) 	#footer .about {
928) 		width: 180px;
929) 		padding-right: 30px;
930) 		border-right: 1px solid #ddd;
931) 		float: left;
932) 	}

933) 

934) 	#footer .newsletter {
935) 		padding: 0 0 15px 30px;
936) 		width: auto;
937) 		margin-left: 308px;
938) 	}

939) 

940) 		#footer input.textfield {
941) 			width: 220px;
942) 			height: 26px;
943) 		}

944) 

945) 		#footer input {
946) 			margin: 0;
947) 		}

948) 

949) 	#footer .col {
950) 		float: left;
951) 		width: 100px;
952) 		margin-left: 20px;
953) 	}

954) 

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

957) 
958) 
959) /* DONATION ADDITIONS ----------- */
960) 
961) small {
962) 	margin: 0px auto 0px auto;
963) 	text-align: center;
964) 	font-size: 10px;
965) 	font-style: italic;
966) 	}
967) 
968) .hlist {
969) 	text-align: center;
970) 	display: block;
971) 	width: 100%;
972) 	padding: 0px 0px;
973) 	list-style: none;
974) 	margin: 0px 0px 18px 0px;
975) 	}
976) 
977) 	.hlist li {
978) 		display: inline-block;
979) 		border-right: 1px solid #444444;
980) 		margin-left: -4px;
981) 		}

982) 

983) 	.hlist li.last {
984) 		border-right: 0px solid #444444;
985) 		}
986) 
987) 	.hlist a {
988) 		display: block;
989) 		top: 0px;
990) 		right: 0px;
991) 		bottom: 0px;
992) 		left: 0px;
993) 		text-decoration: none;
994) 		font-weight: bold;
995) 		padding: 0px 8px;
996) 		}

997) 

998) .dbox {
999) 	float: none;
1000) 	text-align: center;
1001) 	color: #222222;

1002) 	border: none;

1003) 	padding: 1.4em 0.7em;

1004) 	width: 163px;
1005) 	margin: 0px 0px 0px 10px;

1006) }

1007) 
1008) 	.dbox p {
1009) 		display: block;
1010) 		padding: 0px 0px 0px 0px;
1011) 		margin: 0px 0px 0px 0px;
1012) 		}
1013) 
1014) 	.dbox h2 {

1015) 		padding:13px 0px 15px 0px;
1016)         position: relative;

1017) 		color: black;

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

1019) 		font-size: 18px;

1020)         font-weight: normal;
1021)         height: 35px;
1022)         margin-bottom: -20px;
1023)         margin-left: -6px;

1024)         z-index:-10;

1025) 		}
1026) 
1027) 	.dbox input.donate-btn {
1028) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1029) 		height: 68px;
1030) 		width: 186px;

1031) 		margin-top: 0px;
1032) 		display: block;

1033) 		background-color: transparent;
1034) 		color: transparent;
1035) 		margin: 10px auto 10px auto;
1036) 		padding: 0px 0px 0px 0px;

1037) 		}
1038) 
1039) 	.dbox span {
1040) 		float: left;
1041) 		padding-right: 0px;
1042) 		}

1043) 

1044) 	.dbox div label {
1045) 		padding: 0px 10px 0px 0px;
1046) 		}
1047) 
1048) 	.dbox h6#ppinfo{
1049) 		width: 100%;
1050) 		text-align: center;
1051) 		margin: -15px auto 0px auto;
1052) 		}

1053) 

1054) 	.dbox small,
1055) 	.dbox.donate #ppinfo {
1056) 		margin: 0px auto 0px auto;
1057) 		text-align: center;
1058) 		font-size: 10px;

1059) 		font-style: normal;

1060) 		}
1061) 
1062) .dbox.dl {

1063)   float: none;
1064)   width: 177px;
1065)   margin: 0px 5px 20px 5px;
1066)   }
1067) 

1068) 

1069) 
1070) .dbox.dl input.amount {

1071)   width: 87px;

1072)   }
1073) 

1074) .dbox.donate {
1075) 	float: none;
1076) 	padding: 30px 30px;
1077) 	width: 626px;
1078) 	min-height: 0px;
1079) 	max-width: none;
1080) 	text-align: left;
1081) 	}
1082) 
1083) 	.dbox.donate input ,
1084) 	.dbox.donate select {
1085) 		padding-bottom: 0px;
1086) 		margin-bottom: 0px;
1087) 		}

1088) 

1089) 	.dbox.donate .drow {
1090) 		margin: 0px 0px 0px 20px;
1091) 		}

1092) 

1093) 	.dbox.donate .drow div {
1094) 		padding: 0px 0 0 0px;
1095) 		width: auto;
1096) 		display: block;
1097) 		}
1098) 
1099) 	.dbox.donate h3 {
1100) 		padding-left: 0px;
1101) 		color: #23300E;
1102) 		margin: 0 0 10px 0;
1103) 		}
1104) 
1105) 	.dbox.donate h4 {
1106) 		padding-left: 20px;
1107) 		}
1108) 
1109) 	.dbox.donate p {
1110) 		padding: 5px 20px 15px 40px;
1111) 		}

1112) 

1113) 	.dbox.donate span {
1114) 		float: left;
1115) 		padding-right: 0px;
1116) 		}

1117) 

1118) 	.dbox.donate div label {
1119) 		padding: 0px 10px 0px 0px;
1120) 		}
1121) 
1122) 	.dbox.donate .type {
1123) 		padding-left: 20px;
1124) 		}
1125) 
1126) 	.dbox.donate select#t3 {
1127) 		width: auto;
1128) 		margin-bottom: 0px;
1129) 		}
1130) 
1131) 	.dbox.donate ul.amounts {
1132) 		width: auto;
1133) 		}
1134) 
1135) 	.dbox.donate ul.amounts li {
1136) 		display: inline-block;
1137) 		}
1138) 
1139) 	.dbox.donate ul.amounts li label {
1140) 		padding: 0px 0px 0px 5px;
1141) 		}

1142) 

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

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

1145) 		height: 26px;
1146) 		width: 115px;
1147) 		margin-top: -3px;
1148) 		display: inline-block;

1149) 		background-color: transparent;
1150) 		color: transparent;
1151) 		border:0px solid transparent;

1152) 		}
1153) 
1154) .dbox.dsmall {
1155) 	position: relative;
1156) 	display: inline-block;
1157) 	width: 170px;
1158) 	height: 140px;
1159) 	text-align: center;
1160) 	margin: 0px 10px;
1161) 	vertical-align: top;
1162) 	}
1163) 
1164) 	.dbox.dsmall input.donate-btn {
1165) 		background: url() left top no-repeat transparent;
1166) 		width: auto;
1167) 		height: auto;
1168) 		margin-top: 0px;
1169) 		display: block;

1170) 		background-color: transparent;
1171) 		color: transparent;
1172) 		border:0px solid transparent;

1173) 		}

1174) 

1175) 	.dbox.dsmall div label {
1176) 		padding: 0px 0px 0px 0px;
1177) 		}
1178) 
1179) 	.dbox.dsmall small {
1180) 		display: block;
1181) 		position: absolute;
1182) 		width: 172px;
1183) 		float: none;
1184) 		bottom: 20px;
1185) 		margin: 0px auto;
1186) 		}

1187) 

1188) 	.givv p {
1189) 		text-align: justify;
1190) 		margin-top: 10px;
1191) 		font-size: 11px;
1192) 		line-height: 13px;
1193) 		}

1194) 

1195) 	dwolla p {
1196) 		text-align: justify;
1197) 		margin-top: 10px;
1198) 		font-size: 11px;
1199) 		line-height: 13px;
1200) 		}
1201) 

1202) /* BLOG WIDGET ----------*/
1203) 
1204) div.blogRow, div.blogFirstRow {
1205) 	height: 40px;
1206) 	padding: 3px 10px;
1207) 	margin: 0 0;
1208) }
1209) 
1210) div.blogLastRow {
1211) 	height: 20px;
1212) 	text-align: center;
1213) 	}
1214) 
1215) div.blogFirstRow {
1216) 	height: 22px;
1217) 	background: url(../images/table-head.jpg) left top repeat-x #885ca4;
1218) 	}

1219) 

1220) .blogRow:hover {
1221) 	background: #f6ffd5;
1222) 	}
1223) 
1224) div.blogRow1, div.blogRow3 {
1225) 	background: #eee8f1;
1226) }
1227) 
1228) .blogFeed a {
1229) text-decoration: none;
1230) }
1231) 
1232) .blogFeed p {
1233) margin: 0;
1234) font-size: 12px;
1235) }
1236) 
1237) p.blogTitle {
1238) 	font-weight: bold;
1239) 	text-decoration: underline;
1240) 	}
1241) 
1242) p.blogAuthor {
1243) 	color: #000000;
1244) 	text-align: right;
1245) 	margin-top: -20px;
1246) 	}

1247) 

1248) p.blogAuthor em{
1249) 	color: #4e6a20;
1250) 	text-align: right;
1251) 	margin-top: -20px;
1252) 	}
1253) 
1254) p.blogDate {
1255) 	color: #000000;
1256) 	}

1257) 

1258) .blogFeed h2 {
1259) 	font-size: 1.467em;
1260) 	margin: 0;
1261) 	line-height: 23px;
1262) 	color: #f6f6ed;
1263) 	}
1264) 

1265) /*
1266)  Project page
1267) */
1268) 
1269)     #projectpage td {
1270)         width: 50%;
1271)     }
1272) 
1273)     .projectbox {
1274)         width: 710px;
1275)         position: relative;
1276)         margin-bottom: 80px;
1277)     }
1278) 
1279) 
1280)     .projectbox .name {
1281)         font-size: 1.5em;
1282)         font-weight: bold;
1283)     }
1284) 
1285)     .projectbox a img {
1286)         float: none;
1287)         position: absolute;
1288)         top: 0;
1289)         left: 0;
1290)     }
1291) 

1292)     .projectbox .projectdesc {

1293)         margin-left: 100px;
1294)     }
1295) /* END */
1296) 

1297) /*
1298) ** Markup free clearing
1299) ** Details: http://www.positioniseverything.net/easyclearing.html
1300) */
1301) .clearfix:after {
1302)   content: ".";
1303)   display: block;
1304)   height: 0;
1305)   clear: both;
1306)   visibility: hidden;
1307) }
1308) 
1309) .clearfix {
1310)   display: inline-block;
1311) }
1312) 
1313) /* Hides from IE-mac \*/
1314) * html .clearfix {
1315)   height: 1%;
1316) }
1317) .clearfix {
1318)   display: block;
1319) }

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

1321) 

1322) .joblink {
1323)   display: block;
1324)   font-size: 128%;
1325)   font-weight: bold;
1326)   padding: 10px 5px;
1327)   text-align: right;
1328) }
1329) 
1330) .joblink a {
1331)   text-decoration: none;
1332) }

1333) 
1334) /* Style The Dropdown Button */
1335) .dropbtn {

1336)     background-color: white;

1337)     padding: 16px 0 0 0;

1338)     font-size: 100%;

1339)     border: none;
1340)     cursor: pointer;
1341) }
1342) 
1343) /* The container <div> - needed to position the dropdown content */
1344) .dropdown {
1345)     position: relative;
1346)     display: inline-block;

1347)     padding: 0;
1348)     margin-top: -16px;
1349)     top: 0;

1350) }
1351) 
1352) /* Dropdown Content (Hidden by Default) */
1353) .dropdown-content {
1354)     display: none;
1355)     position: absolute;
1356)     background-color: #f9f9f9;
1357)     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1358)     z-index: 1;

1359)     margin: 48px 0 0 0;

1360) }
1361) 
1362) /* Links inside the dropdown */
1363) .dropdown-content a {
1364)     color: black;

1365)     padding-top: 12px 16px;

1366)     text-decoration: none;
1367)     display: block;
1368) }
1369) 
1370) /* Show the dropdown menu on hover */
1371) .dropdown:hover .dropdown-content {
1372)     display: block;

1373) }