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) 

248) 	#dow-don-left,

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

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

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

264) 

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

270) 

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

275) 

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

281) 

282) #dow-don-right,

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

287)         padding-top: 100px;

288) }

289) 

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

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

301) 

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

327) 

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

333) 

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

345) 
346) 

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

356) 

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

359) 

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

363) 

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

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

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

369) 

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

376) 

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

381) 

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

388) 

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

399) 

400) /* TABLE ------------*/
401) 

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

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

412) 	border: none;

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

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

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

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

469)   }

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

476) .beige { background: #f5f5df; }

477) .gray { background: #e0e0e0; }

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

484) /* DL PAGE ------------*/

485) 

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

491) 

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

504) .android24 {

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

510)   }
511) 

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

531) .android24,

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

535)   line-height: 32px;

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

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

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

545)   height: 32px;

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

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

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

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

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

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

576) 

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

584) 

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

592) 
593)   .accordionContent {

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

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

605) .package {
606)   float: left;

607)   height: 280px;

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

618)     margin-top: 16px;

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

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

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

634)   height: 20px;

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

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

653)   text-decoration: none;

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

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

664)   padding: 10px 0 0 57px;

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

668)   padding: 5px 0 0 57px;

669)   display: block;
670)   }

671) 

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

676) 

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

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

693) 	background-size: 100% 100%;

694) }

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

700)   text-align: left;

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

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

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

721)   text-align: left;

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

729)   text-align: left;

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

745)   padding: 0 8px 0 12px ;

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

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

781) 	}

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

790) 

791) .warning-top {

792)   width: 618px;

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

817) 
818) .warning {

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

828) 

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

840) 

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

842) 

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

855)     background: left top no-repeat;

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

906) 

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

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

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

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

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

932) 

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

938) 

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

943) 

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

947) 

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

953) 

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

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

981) 

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

996) 

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

1001) 	border: none;

1002) 	padding: 1.4em 0.7em;

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

1005) }

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

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

1016) 		color: black;

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

1018) 		font-size: 18px;

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

1023)         z-index:-10;

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

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

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

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

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

1042) 

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

1052) 

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

1058) 		font-style: normal;

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

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

1067) 

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

1070)   width: 87px;

1071)   }
1072) 

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

1087) 

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

1091) 

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

1111) 

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

1116) 

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

1141) 

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

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

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

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

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

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

1172) 		}

1173) 

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

1186) 

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

1193) 

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

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

1218) 

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

1246) 

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

1256) 

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

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

1291)     .projectbox .projectdesc {

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

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

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

1320) 

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

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

1335)     background-color: white;

1336)     padding: 16px 0 0 0;

1337)     font-size: 100%;

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

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

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

1358)     margin: 48px 0 0 0;

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

1364)     padding-top: 12px 16px;

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