tor-webwml.git

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

29) .hidden { display: none; }

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

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

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

50) 		width: 150px;

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

54) 

55) #nav {
56)   position: absolute;
57)   top: 30px;
58)   left: 130px; float: right;
59) }

60) 

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

66) 

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

72) 

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

76)   margin-top: 100px;

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

80) 

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

96) 

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

118) 

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

155) 

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

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

170) 

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

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

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

181) 

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

200) 

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

206) 

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

215) 

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

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

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

236) 

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

242) 

243) 	#dow-don-left,

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

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

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

259) 

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

265) 

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

270) 

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

276) 

277) #dow-don-right,

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

282)         padding-top: 100px;

283) }

284) 

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

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

296) 

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

322) 

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

328) 

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

340) 
341) 

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

351) 

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

354) 

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

358) 

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

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

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

364) 

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

371) 

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

376) 

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

383) 

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

394) 

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

403) 	border: none;

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

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

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

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

460)   }

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

467) .beige { background: #f5f5df; }

468) .gray { background: #e0e0e0; }

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

475) /* DL PAGE ------------*/

476) 

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

482) 

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

517)   line-height: 32px;

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

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

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

527)   height: 32px;

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

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

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

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

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

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

558) 

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

566) 

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

574) 
575)   .accordionContent {

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

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

587) .package {
588)   float: left;

589)   height: 280px;

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

600)     margin-top: 16px;

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

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

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

616)   height: 20px;

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

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

635)   text-decoration: none;

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

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

646)   padding: 10px 0 0 57px;

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

650)   padding: 5px 0 0 57px;

651)   display: block;
652)   }

653) 

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

658) 

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

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

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

682)   text-align: left;

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

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

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

703)   text-align: left;

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

711)   text-align: left;

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

727)   padding: 0 8px 0 12px ;

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

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

763) 	}

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

772) 

773) .warning-top {

774)   width: 618px;

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

799) 
800) .warning {

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

810) 

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

822) 

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

824) 

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

837)     background: left top no-repeat;

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

888) 

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

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

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

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

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

914) 

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

920) 

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

925) 

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

929) 

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

935) 

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

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

963) 

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

978) 

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

983) 	border: none;

984) 	padding: 1.4em 0.7em;

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

987) }

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

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

998) 		color: black;

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

1000) 		font-size: 18px;

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

1005)         z-index:-10;

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

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

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

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

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

1024) 

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

1034) 

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

1040) 		font-style: normal;

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

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

1049) 

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

1052)   width: 87px;

1053)   }
1054) 

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

1069) 

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

1073) 

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

1093) 

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

1098) 

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

1123) 

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

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

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

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

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

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

1154) 		}

1155) 

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

1168) 

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

1175) 

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

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

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

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

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

1302) 

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

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

1317)     background-color: white;

1318)     padding: 16px 0 0 0;

1319)     font-size: 100%;

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

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

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

1345)     padding-top: 12px 16px;