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) .howto th, .howto td {
664) 	padding: 2px;
665) }
666) 
667) .howto th {
668) 	font-weight: bold;
669) 	text-align: center;
670) }
671) 
672) .howto img {
673) 	border: 0;
674) 	margin: 0;
675) }
676) 

677) #download-donate {
678) 	background-attachment: scroll;
679) 	background-clip: border-box;
680) 	background-color: transparent;
681) 	background-image: url(../images/headerbg.jpg);
682) 	background-origin: padding-box;
683) 	background-position: 0% 0%;
684) 	background-repeat: no-repeat;
685) 	background-size: 100% 100%;	
686) }

687) 
688) .easy .package h2,
689) .easy .package em {
690)   display: block;
691)   width: 100%;

692)   text-align: left;

693)   }
694) 
695) .easy .package h2 {
696)   padding-top: 10px;
697)   padding-bottom: 5px;
698)   }
699) 
700) .easy .package em {

701)   font-size: 1.2em;
702)   padding-top: 8px;
703)   padding-bottom: 4px;

704)   }
705) 
706) .easy .package p {
707)   padding-left: 0px;
708)   font-size: 15px;
709)   text-align: justify;
710)   }
711) 
712) .easy .package p.alt-dl {

713)   text-align: left;

714)   text-indent: 0px;
715)   padding-left: 0px;
716)   margin-top: 32px;
717)   }
718) 
719) .all-dl {
720)   display: block;

721)   text-align: left;

722)   width: 100%;
723)   font-size: 15px;
724) }
725) 
726) .all-dl a{
727)   text-decoration: none;
728)   font-weight: bold;
729) }
730) 
731) .all-dl a:hover{
732)   text-decoration: underline;
733) }
734) 
735) .easy .package {
736)   float: none;

737)   padding: 0 8px 0 12px ;

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

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

773) 	}

774) 
775) .paypal {
776) 	float: left;
777) 	width: auto;
778) 	min-height: 159px;
779) 	max-width: 365px;
780) }
781) 	.paypal span { padding-right: 20px; }

782) 

783) .warning-top {

784)   width: 618px;

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

809) 
810) .warning {

811)   float: left;
812)   _float: none;  /* Float works in all browsers but IE6 */
813)   padding: 25px 25px;
814)   margin-top: 4px;
815)   }
816) 
817)   .warning p {
818)     padding-left: 10px;
819)     }

820) 

821) .focus {
822) 	background: #f4f2c7;
823) 	border: 1px solid #ebd4a9;
824) 	padding: 10px 15px;
825) }
826) 
827) 	.focus .icon {
828) 		float: left;
829) 		width: auto;
830) 		margin-right: 10px;
831) 	}

832) 

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

834) 

835) /* FORM ------------*/
836) 
837) input, select {
838) 	margin: 0 3px 10px 0;
839) }
840) 
841) input.textfield {
842) 	padding: 0 10px;
843) 	vertical-align: top;
844) }
845) 
846) .donate-btn {

847)     background: left top no-repeat;

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

898) 

899) /* FOOTER ------------*/
900) 
901) #footer {

902) 	/* width: 960px; original */
903) 	width: 1024px;

904) 	height: 200px;
905) 	border-top: 1px solid #ddd;
906) 	padding: 20px 0;
907) 	margin: 20px 0 0;
908) }
909) 
910) 	.onion {
911) 		float: left;

912) 		/* width: 78px; original */
913) 		width: 88px;

914) 		padding-right: 20px;
915) 		height: 100%;
916) 	}
917) 
918) 	#footer .about {
919) 		width: 180px;
920) 		padding-right: 30px;
921) 		border-right: 1px solid #ddd;
922) 		float: left;
923) 	}

924) 

925) 	#footer .newsletter {
926) 		padding: 0 0 15px 30px;
927) 		width: auto;
928) 		margin-left: 308px;
929) 	}

930) 

931) 		#footer input.textfield {
932) 			width: 220px;
933) 			height: 26px;
934) 		}

935) 

936) 		#footer input {
937) 			margin: 0;
938) 		}

939) 

940) 	#footer .col {
941) 		float: left;
942) 		width: 100px;
943) 		margin-left: 20px;
944) 	}

945) 

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

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

973) 

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

988) 

989) .dbox {
990) 	float: none;
991) 	text-align: center;
992) 	color: #222222;

993) 	border: none;

994) 	padding: 1.4em 0.7em;

995) 	width: 163px;
996) 	margin: 0px 0px 0px 10px;

997) }

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

1006) 		padding:13px 0px 15px 0px;
1007)         position: relative;

1008) 		color: black;

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

1010) 		font-size: 18px;

1011)         font-weight: normal;
1012)         height: 35px;
1013)         margin-bottom: -20px;
1014)         margin-left: -6px;

1015)         z-index:-10;

1016) 		}
1017) 
1018) 	.dbox input.donate-btn {
1019) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;

1020) 		height: 68px;
1021) 		width: 186px;

1022) 		margin-top: 0px;
1023) 		display: block;

1024) 		background-color: transparent;
1025) 		color: transparent;
1026) 		margin: 10px auto 10px auto;
1027) 		padding: 0px 0px 0px 0px;

1028) 		}
1029) 
1030) 	.dbox span {
1031) 		float: left;
1032) 		padding-right: 0px;
1033) 		}

1034) 

1035) 	.dbox div label {
1036) 		padding: 0px 10px 0px 0px;
1037) 		}
1038) 
1039) 	.dbox h6#ppinfo{
1040) 		width: 100%;
1041) 		text-align: center;
1042) 		margin: -15px auto 0px auto;
1043) 		}

1044) 

1045) 	.dbox small,
1046) 	.dbox.donate #ppinfo {
1047) 		margin: 0px auto 0px auto;
1048) 		text-align: center;
1049) 		font-size: 10px;

1050) 		font-style: normal;

1051) 		}
1052) 
1053) .dbox.dl {

1054)   float: none;
1055)   width: 177px;
1056)   margin: 0px 5px 20px 5px;
1057)   }
1058) 

1059) 

1060) 
1061) .dbox.dl input.amount {

1062)   width: 87px;

1063)   }
1064) 

1065) .dbox.donate {
1066) 	float: none;
1067) 	padding: 30px 30px;
1068) 	width: 626px;
1069) 	min-height: 0px;
1070) 	max-width: none;
1071) 	text-align: left;
1072) 	}
1073) 
1074) 	.dbox.donate input ,
1075) 	.dbox.donate select {
1076) 		padding-bottom: 0px;
1077) 		margin-bottom: 0px;
1078) 		}

1079) 

1080) 	.dbox.donate .drow {
1081) 		margin: 0px 0px 0px 20px;
1082) 		}

1083) 

1084) 	.dbox.donate .drow div {
1085) 		padding: 0px 0 0 0px;
1086) 		width: auto;
1087) 		display: block;
1088) 		}
1089) 
1090) 	.dbox.donate h3 {
1091) 		padding-left: 0px;
1092) 		color: #23300E;
1093) 		margin: 0 0 10px 0;
1094) 		}
1095) 
1096) 	.dbox.donate h4 {
1097) 		padding-left: 20px;
1098) 		}
1099) 
1100) 	.dbox.donate p {
1101) 		padding: 5px 20px 15px 40px;
1102) 		}

1103) 

1104) 	.dbox.donate span {
1105) 		float: left;
1106) 		padding-right: 0px;
1107) 		}

1108) 

1109) 	.dbox.donate div label {
1110) 		padding: 0px 10px 0px 0px;
1111) 		}
1112) 
1113) 	.dbox.donate .type {
1114) 		padding-left: 20px;
1115) 		}
1116) 
1117) 	.dbox.donate select#t3 {
1118) 		width: auto;
1119) 		margin-bottom: 0px;
1120) 		}
1121) 
1122) 	.dbox.donate ul.amounts {
1123) 		width: auto;
1124) 		}
1125) 
1126) 	.dbox.donate ul.amounts li {
1127) 		display: inline-block;
1128) 		}
1129) 
1130) 	.dbox.donate ul.amounts li label {
1131) 		padding: 0px 0px 0px 5px;
1132) 		}

1133) 

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

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

1136) 		height: 26px;
1137) 		width: 115px;
1138) 		margin-top: -3px;
1139) 		display: inline-block;

1140) 		background-color: transparent;
1141) 		color: transparent;
1142) 		border:0px solid transparent;

1143) 		}
1144) 
1145) .dbox.dsmall {
1146) 	position: relative;
1147) 	display: inline-block;
1148) 	width: 170px;
1149) 	height: 140px;
1150) 	text-align: center;
1151) 	margin: 0px 10px;
1152) 	vertical-align: top;
1153) 	}
1154) 
1155) 	.dbox.dsmall input.donate-btn {
1156) 		background: url() left top no-repeat transparent;
1157) 		width: auto;
1158) 		height: auto;
1159) 		margin-top: 0px;
1160) 		display: block;

1161) 		background-color: transparent;
1162) 		color: transparent;
1163) 		border:0px solid transparent;

1164) 		}

1165) 

1166) 	.dbox.dsmall div label {
1167) 		padding: 0px 0px 0px 0px;
1168) 		}
1169) 
1170) 	.dbox.dsmall small {
1171) 		display: block;
1172) 		position: absolute;
1173) 		width: 172px;
1174) 		float: none;
1175) 		bottom: 20px;
1176) 		margin: 0px auto;
1177) 		}

1178) 

1179) 	.givv p {
1180) 		text-align: justify;
1181) 		margin-top: 10px;
1182) 		font-size: 11px;
1183) 		line-height: 13px;
1184) 		}

1185) 

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

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

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

1288) /*
1289) ** Markup free clearing
1290) ** Details: http://www.positioniseverything.net/easyclearing.html
1291) */
1292) .clearfix:after {
1293)   content: ".";
1294)   display: block;
1295)   height: 0;
1296)   clear: both;
1297)   visibility: hidden;
1298) }
1299) 
1300) .clearfix {
1301)   display: inline-block;
1302) }
1303) 
1304) /* Hides from IE-mac \*/
1305) * html .clearfix {
1306)   height: 1%;
1307) }
1308) .clearfix {
1309)   display: block;
1310) }

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