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

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

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

49) 		width: 150px;

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

53) 

54) 	#nav {
55) 	  float: right;
56) 	}

57) 

58) 		#nav ul {
59) 			height: 50px;
60) 			float: right;
61) 			margin-bottom: 0;
62) 		}

63) 

64) 			#nav ul li {
65) 				float: left;
66) 				display: inline;
67) 				width: auto;
68) 			}

69) 

70) #calltoaction {
71)   height: 30px;
72)   float: right;
73)   margin-top: 10px;
74)   margin-right: 5px;
75)   text-align: center;
76)   }

77) 

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

93) 

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

115) 

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

152) 

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

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

167) 

168) 		#download a:link,
169) 		#download a:visited {
170) 			margin: -17px 0 0;

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

172) 			width: 257px;
173) 			height: 79px;
174) 			float: left;
175) 			padding: 35px 0 0 80px;
176) 			text-decoration: none;
177) 		}

178) 

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

197) 

198) 		#download a:hover {
199) 			background-position: 0 -114px;
200) 		}
201) 		#download a:hover .version,
202) 		#download a:hover .info { color: #f1c6a1; }

203) 

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

212) 

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

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

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

233) 

234) 	#maincol {
235) 		float: right;
236) 		width: 710px;
237) 		margin-bottom: 20px;
238) 	}

239) 

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

245) 
246)     #maincol .topforty .icon img {
247)         border: none;
248)     }
249) 

250) 		.subcol {
251) 			width: 280px;
252) 			float: left;
253) 			margin: 0 0 25px;
254) 		}

255) 

256) 			#content .first {
257) 				margin-right: 20px;
258) 			}
259) 
260) /* SIDEBAR ------------*/

261) 

262) #home #sidecol {
263) 	float: right;
264) 	width: 300px;
265) }

266) 

267) #sidecol {
268) 	float: left;
269) 	width: 230px;
270) 	margin-right: 20px;
271) }

272) 

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

278) 

279) 	#torusers { margin: 0 0 27px; }
280) 		.user {
281) 			margin: 0 0 12px;
282) 			height: auto;
283) 		}
284) 		.user img, .project-icon {
285) 			border: 1px solid #cac8a7;
286) 			float: left;
287) 			margin: 3px 10px 0 0;
288) 		}
289) 		.user p { margin: 0; }

290) 

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

316) 

317) 	.img-shadow .infoblock,
318) 	.img-shadow .important-infoblock {
319) 		padding: 15px;
320) 		width: 188px;
321) 	}

322) 

323) 	.img-shadow .custom-infoblock {
324) 		padding: 15px;
325) 		height: 120px;
326) 		width: 426px;
327) 	}
328) 
329) 	.img-shadow .infoblock p,
330) 	.img-shadow .important-infoblock p,
331) 	.img-shadow .custom-infoblock p {
332) 		margin: 0;
333) 	}

334) 
335) 

336) /* SIDENAV ------------*/
337) 
338) /*Note: #sidenav-sub is used on the downloads page as a tertiary navigation*/
339) 
340) .img-shadow #sidenav,
341) .img-shadow .sidenav-sub {
342) 	padding: 10px 0 0;
343) 	width: 218px;
344) }

345) 

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

348) 

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

352) 

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

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

355) 		background: url(../images/sidenav-arrow.gif) left top no-repeat;
356) 		margin-top: 12px;
357) 	}

358) 

359) 	#sidenav ul li a:link,
360) 	#sidenav ul li a:visited {
361) 		display: block;
362) 		height: auto;
363) 		padding: 8px 15px 8px 26px;
364) 	}

365) 

366) 	#sidenav ul li ul li a:link,
367) 	#sidenav ul li ul li a:visited {
368) 		padding-left: 37px;
369) 	}

370) 

371) 	.sidenav-sub ul li a:link,
372) 	.sidenav-sub ul li a:visited {
373) 		display: block;
374) 		padding: 0 15px 10px 26px;
375) 		line-height: 16px;
376) 	}

377) 

378) 	#sidenav ul li.active {
379) 		background: url(../images/sidenav-active.png) left center no-repeat;
380) 		width: 230px;
381) 		border: 0;
382) 	}
383) 
384)   #sidenav ul li ul li ul li a:link,
385) 	#sidenav ul li ul li ul li a:visited {
386) 		padding-left: 48px;
387) 	}

388) 

389) /* TABLE ------------*/
390) 
391) table { width: 100%; }
392) 
393) td { padding: 12px; }
394) 
395) table td img,
396) table tr img {
397) 	border: 1px solid #cac8a7;
398) 	float: left;
399) 	margin-right: 10px;
400) }
401) 
402) .icon {
403) 	float: left;
404) 	width: auto;
405) 	margin-right: 15px;
406) 	padding: 10px 0;
407) 	border: 0;
408) }
409) 
410) .calendar {
411) 	background: url(../images/icon-calendar.jpg) left top no-repeat;
412) 	float: left;
413) 	margin-right: 10px;
414) 	width: 45px;
415) 	height: 54px;
416) 	text-align: center;
417) 	padding: 4px 0;
418) }
419) .fauxhead {
420) 	background: url(../images/table-arrow.jpg) right top no-repeat;
421) 	width: 100%;
422) 	height: 11px;
423) }
424) 

425) #home-our-projects td {
426)   height: 92px;
427)   width: 296px;
428)   padding: 6px;
429)   }
430) 

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

445) .project {
446)   float: left;
447)   padding: 6px;
448)   border: 1px solid #CAC8A7;
449)   height: 76px;
450)   width: 284px;
451)   -webkit-border-radius: 10px;
452)   -moz-border-radius: 10px;
453)   border-radius: 10px;

454)   }

455) 
456) .project img {
457)   border: none;
458)   margin-right: 6px;
459)   }
460) 

461) .beige { background: #f5f5df; }

462) .gray { background: #e0e0e0; }

463) 
464) .meta {
465) 	float: right;
466) 	width: auto;
467) }
468) 

469) /* DL PAGE ------------*/

470) 

471) .windows24 {
472)  /* Open Icon Library - Webpage Icons Package
473)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
474)   background: url("../images/icon-windows24.png") no-repeat scroll left center transparent;
475)   }

476) 

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

511)   line-height: 32px;

512)   padding: 0px 0 0px 33px;
513)   }
514) 
515) .accordionButton {

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

517)   color: #FFFFFF;
518)   margin: 0;
519)   font-size: 1.1em;
520)   font-weight: bold;

521)   height: 32px;

522)   float: left;
523)   _float: none;  /* Float works in all browsers but IE6 */
524)   border: 1px solid #FFFFFF;
525)   border-bottom: none;
526)   cursor: pointer;
527)   -webkit-border-top-left-radius: 7px;
528)   -webkit-border-top-right-radius: 7px;
529)   -moz-border-radius-topleft: 7px;
530)   -moz-border-radius-topright: 7px;
531)   border-top-left-radius: 7px;
532)   border-top-right-radius: 7px;

533)   position: relative;
534)   padding-left: 30px;
535)   width: 680px;

536)   }
537) 
538)   .accordionButton:hover {

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

540)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
541)     }
542) 

543) .on:before,
544) .off:before {
545)   position: absolute;
546)   content: '';
547)   height: 0px;
548)   width: 0px;
549)   font-size:0px;
550)   line-height:0px;
551)   }

552) 

553) .on:before {
554)   top: 14px;
555)   left: 10px;
556)   border-left:7px solid transparent;
557)   border-right:7px solid transparent;
558)   border-top:7px solid #FFFFFF;
559)   }

560) 

561) .off:before {
562)   top: 9px;
563)   left: 14px;
564)   border-bottom:7px solid transparent;  /* left arrow slant */
565)   border-top:7px solid transparent; /* right arrow slant */
566)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
567)   }

568) 
569)   .accordionContent {

570)   width: 708px;
571)   float: left;
572)   _float: none;  /* Float works in all browsers but IE6 */
573)   background: #FFFFFF;
574)   display: block;
575)   }
576) 

577) .accordionContent .fauxhead {
578)   width: 710px;
579)   }
580) 

581) .package {
582)   float: left;
583)   width: 668px;
584)   margin: 0px;
585)   padding: 25px 20px 20px 20px;
586)   border-top: 1px solid #888888;
587)   }
588) 
589)   .package h2 {
590)     margin-bottom: 3px;
591)     }
592) 
593)   .package p {
594)     margin-top: 20px;
595)     margin-bottom: 5px;
596)     padding-left: 10px;
597)     }
598) 
599) .downloads {
600)   float: right;
601)   width: 200px;
602)   padding: 0px;
603)   margin: 0px 0 0 20px;
604)   text-align: center;
605)   }
606) 
607) .lang {
608)   float: right;
609)   display: none;
610)   width: 80px;

611)   height: 20px;

612)   margin: 0px 7px 0px 0px;
613)   padding: 0px 0px 0px 3px;
614)   background-color: #fefff7;
615)   border: 2px solid #CCCFB8;
616)   border-top: 0px;
617)   -webkit-border-bottom-left-radius: 5px;
618)   -webkit-border-bottom-right-radius: 5px;
619)   -moz-border-radius-bottomleft: 5px;
620)   -moz-border-radius-bottomright: 5px;
621)   border-bottom-left-radius: 5px;
622)   border-bottom-right-radius: 5px;
623)   }
624) 
625) .button {
626)   text-align: center;
627)   display: block;
628)   width: 200px;
629)   height: 60px;
630)   text-decoration: none;
631)   background: url(../images/button-downloadpage.png) bottom left no-repeat #FF9800;
632)   margin: 0px auto 0px auto;
633)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
634)   -webkit-border-radius: 7px;
635)   -moz-border-radius: 7px;
636)   border-radius: 7px;
637)   }
638) 
639) .button:hover {
640)   background: url(../images/button-downloadpage.png) top left no-repeat #FF9800;
641)   }
642) 
643) .button .strong {
644)   display: block;
645)   padding: 10px 0 0 0px;
646)   }
647) 
648) .button .normal {
649)   padding: 5px 0 0 0px;
650)   display: block;
651)   }

652) 

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

657) 

658) /* DOWNLOAD-EASY ---*/
659) 
660) .easy {
661)   width: 710px;
662)   background: url(../images/easy-bg.png) repeat-x scroll left 85px;
663)   margin-bottom: 10px;

664)   padding-bottom: 15px;

665)   }
666) 
667) .easy .package h2,
668) .easy .package em {
669)   display: block;
670)   width: 100%;
671)   text-align: center;
672)   }
673) 
674) .easy .package h2 {

675)   font-size: 24px;

676)   font-weight: normal;
677)   padding-top: 10px;
678)   padding-bottom: 5px;
679)   }
680) 
681) .easy .package em {
682)   font-size: 12px;
683)   padding-bottom: 30px;
684)   }
685) 
686) .easy .package p {
687)   padding-left: 0px;
688)   font-size: 15px;
689)   text-align: justify;
690)   }
691) 
692) .easy .package p.alt-dl {
693)   text-align: center;
694)   text-indent: 0px;
695)   padding-left: 0px;
696)   margin-top: 32px;
697)   }
698) 
699) .all-dl {
700)   display: block;
701)   text-align: center;
702)   width: 100%;
703)   font-size: 15px;
704) }
705) 
706) .all-dl a{
707)   text-decoration: none;
708)   font-weight: bold;
709) }
710) 
711) .all-dl a:hover{
712)   text-decoration: underline;
713) }
714) 
715) .easy .package {
716)   float: none;
717)   padding-left: 30px;
718)   padding-right: 30px;
719)   width: 651px;
720)   }
721) 
722) .easy .downloads {
723)   margin-left: 30px;
724)   padding-top: 125px;
725)   background: url(../images/easy-tbb.png) no-repeat scroll center 10px;
726)   }
727) 
728) .easy.windows,
729) .easy.linux,
730) .easy.mac {
731)   border: 1px solid #885CA4;

732)   -webkit-border-radius: 10px;
733)   -moz-border-radius: 10px;
734)   border-radius: 10px;  }

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

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

769) 	}

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

778) 

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

804) 
805) .warning {

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

815) 

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

827) 

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

829) 

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

842)     background: left top no-repeat;

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

893) 

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

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

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

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

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

919) 

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

925) 

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

930) 

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

934) 

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

940) 

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

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

968) 

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

983) 

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

988) 	border: none;
989)     background: #F0DBFA;

990) 	padding: 20px 20px;
991) 	width: 163px;
992) 	margin: 0px 0px 0px 10px;

993) 	-webkit-border-radius: 5px;
994) 	-moz-border-radius: 5px;
995) 	border-radius: 5px;

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

1005) 		background: url('../images/top_bg.png') no-repeat;

1006) 		color: #23300E;

1007) 		padding:13px 0px 15px 0px;
1008)         position: relative;
1009)         top: -33px;
1010)         width: 190px;
1011)         color: white;
1012)         font-family: Helvetica, Arial, sans-serif;
1013)         font-size: 15px;
1014)         font-weight: normal;
1015)         height: 35px;
1016)         margin-bottom: -20px;
1017)         margin-left: -6px;

1018) 		}
1019) 
1020) 	.dbox input ,
1021) 	.dbox select {
1022) 	   background-color: #fefff7;
1023) 	   color: #23300E;

1024) 	   border:2px solid #BAB8BD;

1025) 	   -webkit-border-radius: 5px;
1026) 	   -moz-border-radius: 5px;
1027) 	   border-radius: 5px;
1028) 	   padding: 0px 0px 0px 5px;
1029) 	   margin: 0px 0px 10px 0px;
1030) 	   }
1031) 
1032) 		.dbox input:focus ,
1033) 		.dbox select:focus {

1034) 		        outline:none;
1035) 		        border:2px solid #BAB8BD;      

1036) 		  }

1037) 

1038) 		.dbox input.radio {

1039) 		  border: 0px solid;
1040) 		  background: #ffffed;
1041) 		  padding: 0px 0px;
1042) 		  }

1043) 

1044) 	.dbox select.cur {
1045) 		margin-right: 5px;
1046) 		text-align: left;
1047) 		}
1048) 
1049) 	.dbox input.amount {
1050) 		width: 100px;
1051) 		margin-right: 0px;
1052) 		text-align: left;
1053) 		}

1054) 

1055) 	.dbox select#t3 {
1056) 		width: 100%;
1057) 		margin-bottom: 20px;
1058) 		padding: 0px 0px;
1059) 		}
1060) 
1061) 	.dbox input.donate-btn {
1062) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
1063) 		height: 26px;

1064) 		width: 150px;

1065) 		margin-top: 0px;
1066) 		display: block;

1067) 		background-color: transparent;
1068) 		color: transparent;
1069) 		border:0px solid transparent;
1070) 		-webkit-border-radius: 5px;
1071) 		-moz-border-radius: 5px;
1072) 		border-radius: 5px;
1073) 		margin: 10px auto 10px auto;
1074) 		padding: 0px 0px 0px 0px;

1075) 		}
1076) 
1077) 	.dbox span {
1078) 		float: left;
1079) 		padding-right: 0px;
1080) 		}

1081) 

1082) 	.dbox div label {
1083) 		padding: 0px 10px 0px 0px;
1084) 		}
1085) 
1086) 	.dbox h6#ppinfo{
1087) 		width: 100%;
1088) 		text-align: center;
1089) 		margin: -15px auto 0px auto;
1090) 		}

1091) 

1092) 	.dbox small,
1093) 	.dbox.donate #ppinfo {
1094) 		margin: 0px auto 0px auto;
1095) 		text-align: center;
1096) 		font-size: 10px;
1097) 		font-style: italic;
1098) 		}
1099) 
1100) .dbox.dl {

1101)   float: none;
1102)   width: 177px;
1103)   margin: 0px 5px 20px 5px;

1104)   border:1px solid #785688;

1105)   }
1106) 

1107) 

1108) 
1109) .dbox.dl input.amount {

1110)   width: 87px;

1111)   }
1112) 

1113) .dbox.donate {
1114) 	float: none;
1115) 	padding: 30px 30px;
1116) 	width: 626px;
1117) 	min-height: 0px;
1118) 	max-width: none;
1119) 	text-align: left;
1120) 	}
1121) 
1122) 	.dbox.donate input ,
1123) 	.dbox.donate select {
1124) 		padding-bottom: 0px;
1125) 		margin-bottom: 0px;
1126) 		}

1127) 

1128) 	.dbox.donate .drow {
1129) 		margin: 0px 0px 0px 20px;
1130) 		}

1131) 

1132) 	.dbox.donate .drow div {
1133) 		padding: 0px 0 0 0px;
1134) 		width: auto;
1135) 		display: block;
1136) 		}
1137) 
1138) 	.dbox.donate h3 {
1139) 		padding-left: 0px;
1140) 		color: #23300E;
1141) 		margin: 0 0 10px 0;
1142) 		}
1143) 
1144) 	.dbox.donate h4 {
1145) 		padding-left: 20px;
1146) 		}
1147) 
1148) 	.dbox.donate p {
1149) 		padding: 5px 20px 15px 40px;
1150) 		}

1151) 

1152) 	.dbox.donate span {
1153) 		float: left;
1154) 		padding-right: 0px;
1155) 		}

1156) 

1157) 	.dbox.donate div label {
1158) 		padding: 0px 10px 0px 0px;
1159) 		}
1160) 
1161) 	.dbox.donate .type {
1162) 		padding-left: 20px;
1163) 		}
1164) 
1165) 	.dbox.donate select#t3 {
1166) 		width: auto;
1167) 		margin-bottom: 0px;
1168) 		}
1169) 
1170) 	.dbox.donate ul.amounts {
1171) 		width: auto;
1172) 		}
1173) 
1174) 	.dbox.donate ul.amounts li {
1175) 		display: inline-block;

1176) 		margin-left: 15px;

1177) 		}
1178) 
1179) 	.dbox.donate ul.amounts li label {
1180) 		padding: 0px 0px 0px 5px;
1181) 		}

1182) 

1183) 	.dbox.donate input.donate-btn {
1184) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
1185) 		height: 26px;
1186) 		width: 115px;
1187) 		margin-top: -3px;
1188) 		display: inline-block;

1189) 		background-color: transparent;
1190) 		color: transparent;
1191) 		border:0px solid transparent;

1192) 		}
1193) 
1194) .dbox.dsmall {
1195) 	position: relative;
1196) 	display: inline-block;
1197) 	width: 170px;
1198) 	height: 140px;
1199) 	text-align: center;
1200) 	margin: 0px 10px;
1201) 	vertical-align: top;
1202) 	}
1203) 
1204) 	.dbox.dsmall input.donate-btn {
1205) 		background: url() left top no-repeat transparent;
1206) 		width: auto;
1207) 		height: auto;
1208) 		margin-top: 0px;
1209) 		display: block;

1210) 		background-color: transparent;
1211) 		color: transparent;
1212) 		border:0px solid transparent;

1213) 		}

1214) 

1215) 	.dbox.dsmall div label {
1216) 		padding: 0px 0px 0px 0px;
1217) 		}
1218) 
1219) 	.dbox.dsmall small {
1220) 		display: block;
1221) 		position: absolute;
1222) 		width: 172px;
1223) 		float: none;
1224) 		bottom: 20px;
1225) 		margin: 0px auto;
1226) 		}

1227) 

1228) 	.givv p {
1229) 		text-align: justify;
1230) 		margin-top: 10px;
1231) 		font-size: 11px;
1232) 		line-height: 13px;
1233) 		}

1234) 

1235) 	dwolla p {
1236) 		text-align: justify;
1237) 		margin-top: 10px;
1238) 		font-size: 11px;
1239) 		line-height: 13px;
1240) 		}
1241) 

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

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

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

1298) 

1299) .dbox.dl p:last-child a{color: #785688;
1300) text-decoration: underline;
1301) font-weight: bold;
1302) }

1303) .dbox.dl select{