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) 	#dow-don-left,

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

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

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

256) 

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

262) 

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

267) 

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

273) 

274) #dow-don-right,

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

280) 

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

292) 

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

318) 

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

324) 

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

336) 
337) 

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

347) 

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

350) 

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

354) 

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

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

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

360) 

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

367) 

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

372) 

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

379) 

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

390) 

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

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

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

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

456)   }

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

463) .beige { background: #f5f5df; }

464) .gray { background: #e0e0e0; }

465) 
466) .meta {
467) 	float: right;
468) 	width: auto;
469) }
470) 

471) /* DL PAGE ------------*/

472) 

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

478) 

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

513)   line-height: 32px;

514)   padding: 0px 0 0px 33px;
515)   }
516) 
517) .accordionButton {

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

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

523)   height: 32px;

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

535)   position: relative;
536)   padding-left: 30px;
537)   width: 680px;

538)   }
539) 
540)   .accordionButton:hover {

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

542)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
543)     }
544) 

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

554) 

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

562) 

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

570) 
571)   .accordionContent {

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

579) .accordionContent .fauxhead {
580)   width: 710px;
581)   }
582) 

583) .package {
584)   float: left;

585)   height: 280px;

586)   margin: 0px;
587)   padding: 25px 20px 20px 20px;
588)   border-top: 1px solid #888888;
589)   }
590) 
591)   .package h2 {
592)     margin-bottom: 3px;
593)     }
594) 
595)   .package p {

596)     margin-top: 16px;

597)     padding-left: 10px;
598)     }
599) 
600) .downloads {

601)   display: block;
602)   float: left;
603)   width: 238px;
604)   padding: 0 16px 0 0;

605)   text-align: center;
606)   }
607) 
608) .lang {
609)   float: right;
610)   display: none;
611)   width: 80px;

612)   height: 20px;

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

629)   width: 234px;
630)   height: 69px;

631)   text-decoration: none;

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

634)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
635)   -webkit-border-radius: 7px;
636)   -moz-border-radius: 7px;
637)   border-radius: 7px;
638)   }
639) 
640) .button .strong {
641)   display: block;

642)   padding: 10px 0 0 57px;

643)   }
644) 
645) .button .normal {

646)   padding: 5px 0 0 57px;

647)   display: block;
648)   }

649) 

650) .sig {
651)   display: block;
652)   margin: 3px 0px 20px 0px;
653)   }

654) 

655) /* DOWNLOAD-EASY ---*/
656) 
657) .easy {

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

673) 
674) .easy .package h2,
675) .easy .package em {
676)   display: block;
677)   width: 100%;

678)   text-align: left;

679)   }
680) 
681) .easy .package h2 {
682)   padding-top: 10px;
683)   padding-bottom: 5px;
684)   }
685) 
686) .easy .package em {

687)   font-size: 1.2em;
688)   padding-top: 8px;
689)   padding-bottom: 4px;

690)   }
691) 
692) .easy .package p {
693)   padding-left: 0px;
694)   font-size: 15px;
695)   text-align: justify;
696)   }
697) 
698) .easy .package p.alt-dl {

699)   text-align: left;

700)   text-indent: 0px;
701)   padding-left: 0px;
702)   margin-top: 32px;
703)   }
704) 
705) .all-dl {
706)   display: block;

707)   text-align: left;

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

723)   padding: 0 8px 0 12px ;

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

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

759) 	}

760) 
761) .paypal {
762) 	float: left;
763) 	width: auto;
764) 	min-height: 159px;
765) 	max-width: 365px;
766) }
767) 	.paypal span { padding-right: 20px; }

768) 

769) .warning-top {

770)   width: 618px;

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

795) 
796) .warning {

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

806) 

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

818) 

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

820) 

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

833)     background: left top no-repeat;

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

884) 

885) /* FOOTER ------------*/
886) 
887) #footer {

888) 	/* width: 960px; original */
889) 	width: 1024px;

890) 	height: 200px;
891) 	border-top: 1px solid #ddd;
892) 	padding: 20px 0;
893) 	margin: 20px 0 0;
894) }
895) 
896) 	.onion {
897) 		float: left;

898) 		/* width: 78px; original */
899) 		width: 88px;

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

910) 

911) 	#footer .newsletter {
912) 		padding: 0 0 15px 30px;
913) 		width: auto;
914) 		margin-left: 308px;
915) 	}

916) 

917) 		#footer input.textfield {
918) 			width: 220px;
919) 			height: 26px;
920) 		}

921) 

922) 		#footer input {
923) 			margin: 0;
924) 		}

925) 

926) 	#footer .col {
927) 		float: left;
928) 		width: 100px;
929) 		margin-left: 20px;
930) 	}

931) 

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

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

959) 

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

974) 

975) .dbox {
976) 	float: none;
977) 	text-align: center;
978) 	color: #222222;

979) 	border: none;

980) 	padding: 1.4em 0.7em;

981) 	width: 163px;
982) 	margin: 0px 0px 0px 10px;

983) }

984) 
985) 	.dbox p {
986) 		display: block;
987) 		padding: 0px 0px 0px 0px;
988) 		margin: 0px 0px 0px 0px;
989) 		}
990) 
991) 	.dbox h2 {

992) 		padding:13px 0px 15px 0px;
993)         position: relative;
994)         width: 190px;

995) 		color: black;

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

997) 		font-size: 18px;

998)         font-weight: normal;
999)         height: 35px;
1000)         margin-bottom: -20px;
1001)         margin-left: -6px;

1002)         z-index:-10;

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

1007) 		height: 68px;
1008) 		width: 186px;

1009) 		margin-top: 0px;
1010) 		display: block;

1011) 		background-color: transparent;
1012) 		color: transparent;
1013) 		margin: 10px auto 10px auto;
1014) 		padding: 0px 0px 0px 0px;

1015) 		}
1016) 
1017) 	.dbox span {
1018) 		float: left;
1019) 		padding-right: 0px;
1020) 		}

1021) 

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

1031) 

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

1037) 		font-style: normal;

1038) 		}
1039) 
1040) .dbox.dl {

1041)   float: none;
1042)   width: 177px;
1043)   margin: 0px 5px 20px 5px;
1044)   }
1045) 

1046) 

1047) 
1048) .dbox.dl input.amount {

1049)   width: 87px;

1050)   }
1051) 

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

1066) 

1067) 	.dbox.donate .drow {
1068) 		margin: 0px 0px 0px 20px;
1069) 		}

1070) 

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

1090) 

1091) 	.dbox.donate span {
1092) 		float: left;
1093) 		padding-right: 0px;
1094) 		}

1095) 

1096) 	.dbox.donate div label {
1097) 		padding: 0px 10px 0px 0px;
1098) 		}
1099) 
1100) 	.dbox.donate .type {
1101) 		padding-left: 20px;
1102) 		}
1103) 
1104) 	.dbox.donate select#t3 {
1105) 		width: auto;
1106) 		margin-bottom: 0px;
1107) 		}
1108) 
1109) 	.dbox.donate ul.amounts {
1110) 		width: auto;
1111) 		}
1112) 
1113) 	.dbox.donate ul.amounts li {
1114) 		display: inline-block;

1115) 		margin-left: 15px;

1116) 		}
1117) 
1118) 	.dbox.donate ul.amounts li label {
1119) 		padding: 0px 0px 0px 5px;
1120) 		}

1121) 

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

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

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

1128) 		background-color: transparent;
1129) 		color: transparent;
1130) 		border:0px solid transparent;

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

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

1152) 		}

1153) 

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

1166) 

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

1173) 

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

1181) /*
1182)  Project page
1183) */
1184) 
1185)     #projectpage td {
1186)         width: 50%;
1187)     }
1188) 
1189)     .projectbox {
1190)         width: 710px;
1191)         position: relative;
1192)         margin-bottom: 80px;
1193)     }
1194) 
1195) 
1196)     .projectbox .name {
1197)         font-size: 1.5em;
1198)         font-weight: bold;
1199)     }
1200) 
1201)     .projectbox a img {
1202)         float: none;
1203)         position: absolute;
1204)         top: 0;
1205)         left: 0;
1206)     }
1207) 
1208)     .projectbox .projectdesc {
1209)         margin-left: 100px;
1210)     }
1211) /* END */
1212) 

1213) /*
1214) ** Markup free clearing
1215) ** Details: http://www.positioniseverything.net/easyclearing.html
1216) */
1217) .clearfix:after {
1218)   content: ".";
1219)   display: block;
1220)   height: 0;
1221)   clear: both;
1222)   visibility: hidden;
1223) }
1224) 
1225) .clearfix {
1226)   display: inline-block;
1227) }
1228) 
1229) /* Hides from IE-mac \*/
1230) * html .clearfix {
1231)   height: 1%;
1232) }
1233) .clearfix {
1234)   display: block;
1235) }

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