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) .android24 {

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

507)   }
508) 

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

528) .android24,

529) .smartphone24,
530) .sourcecode24 {
531)   display: block;

532)   line-height: 32px;

533)   padding: 0px 0 0px 33px;
534)   }
535) 
536) .accordionButton {

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

538)   color: #FFFFFF;
539)   margin: 0;
540)   font-size: 1.1em;
541)   font-weight: bold;

542)   height: 32px;

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

554)   position: relative;
555)   padding-left: 30px;
556)   width: 680px;

557)   }
558) 
559)   .accordionButton:hover {

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

561)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
562)     }
563) 

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

573) 

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

581) 

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

589) 
590)   .accordionContent {

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

598) .accordionContent .fauxhead {
599)   width: 710px;
600)   }
601) 

602) .package {
603)   float: left;

604)   height: 280px;

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

615)     margin-top: 16px;

616)     padding-left: 10px;
617)     }
618) 
619) .downloads {

620)   display: block;
621)   float: left;
622)   width: 238px;
623)   padding: 0 16px 0 0;

624)   text-align: center;
625)   }
626) 
627) .lang {
628)   float: right;
629)   display: none;
630)   width: 80px;

631)   height: 20px;

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

648)   width: 234px;
649)   height: 69px;

650)   text-decoration: none;

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

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

661)   padding: 10px 0 0 57px;

662)   }
663) 
664) .button .normal {

665)   padding: 5px 0 0 57px;

666)   display: block;
667)   }

668) 

669) .sig {
670)   display: block;
671)   margin: 3px 0px 20px 0px;
672)   }

673) 

674) /* DOWNLOAD-EASY ---*/
675) 
676) .easy {

677) 	width: 712px;
678) 	margin-bottom: 10px;
679) 	padding-bottom: 8px;

680)         overflow: hidden;
681)         float: left;
682)         height: 0px;
683) }
684) .easy:active {
685)         height: 100%;

686) }
687) 
688) #download-donate {
689) 	background-attachment: scroll;
690) 	background-clip: border-box;
691) 	background-color: transparent;
692) 	background-image: url(../images/headerbg.jpg);
693) 	background-origin: padding-box;
694) 	background-position: 0% 0%;
695) 	background-repeat: no-repeat;

696) 	background-size: 100% 100%;

697) }

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

703)   text-align: left;

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

712)   font-size: 1.2em;
713)   padding-top: 8px;
714)   padding-bottom: 4px;

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

724)   text-align: left;

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

732)   text-align: left;

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

748)   padding: 0 8px 0 12px ;

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

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

784) 	}

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

793) 

794) .warning-top {

795)   width: 618px;

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

820) 
821) .warning {

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

831) 

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

843) 

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

845) 

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

858)     background: left top no-repeat;

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

909) 

910) /* FOOTER ------------*/
911) 
912) #footer {

913) 	/* width: 960px; original */
914) 	width: 1024px;

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

923) 		/* width: 78px; original */
924) 		width: 88px;

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

935) 

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

941) 

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

946) 

947) 		#footer input {
948) 			margin: 0;
949) 		}

950) 

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

956) 

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

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

984) 

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

999) 

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

1004) 	border: none;

1005) 	padding: 1.4em 0.7em;

1006) 	width: 163px;
1007) 	margin: 0px 0px 0px 10px;

1008) }

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

1017) 		padding:13px 0px 15px 0px;
1018)         position: relative;

1019) 		color: black;

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

1021) 		font-size: 18px;

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

1026)         z-index:-10;

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

1031) 		height: 68px;
1032) 		width: 186px;

1033) 		margin-top: 0px;
1034) 		display: block;

1035) 		background-color: transparent;
1036) 		color: transparent;
1037) 		margin: 10px auto 10px auto;
1038) 		padding: 0px 0px 0px 0px;

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

1045) 

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

1055) 

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

1061) 		font-style: normal;

1062) 		}
1063) 
1064) .dbox.dl {

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

1070) 

1071) 
1072) .dbox.dl input.amount {

1073)   width: 87px;

1074)   }
1075) 

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

1090) 

1091) 	.dbox.donate .drow {
1092) 		margin: 0px 0px 0px 20px;
1093) 		}

1094) 

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

1114) 

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

1119) 

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

1144) 

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

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

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

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

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

1172) 		background-color: transparent;
1173) 		color: transparent;
1174) 		border:0px solid transparent;

1175) 		}

1176) 

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

1189) 

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

1196) 

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

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

1221) 

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

1249) 

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

1259) 

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

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

1294)     .projectbox .projectdesc {

1295)         margin-left: 100px;
1296)     }
1297) /* END */
1298) 

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

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

1323) 

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

1335) 
1336) /* Style The Dropdown Button */
1337) .dropbtn {

1338)     background-color: white;

1339)     padding: 16px 0 0 0;

1340)     font-size: 100%;

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

1349)     padding: 0;
1350)     margin-top: -16px;
1351)     top: 0;

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

1361)     margin: 48px 0 0 0;

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

1367)     padding-top: 12px 16px;

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