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) 	  float: right;
57) 	}

58) 

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

64) 

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

70) 

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

78) 

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

94) 

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

116) 

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

153) 

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

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

168) 

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

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

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

179) 

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

198) 

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

204) 

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

213) 

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

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

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

234) 

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

240) 

241) 	#dow-don-left,

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

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

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

257) 

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

263) 

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

268) 

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

274) 

275) #dow-don-right,

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

280)         padding-top: 100px;

281) }

282) 

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

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

294) 

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

320) 

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

326) 

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

338) 
339) 

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

349) 

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

352) 

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

356) 

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

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

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

362) 

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

369) 

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

374) 

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

381) 

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

392) 

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

401) 	border: none;

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

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

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

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

458)   }

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

465) .beige { background: #f5f5df; }

466) .gray { background: #e0e0e0; }

467) 
468) .meta {
469) 	float: right;
470) 	width: auto;
471) }
472) 

473) /* DL PAGE ------------*/

474) 

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

480) 

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

515)   line-height: 32px;

516)   padding: 0px 0 0px 33px;
517)   }
518) 
519) .accordionButton {

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

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

525)   height: 32px;

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

537)   position: relative;
538)   padding-left: 30px;
539)   width: 680px;

540)   }
541) 
542)   .accordionButton:hover {

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

544)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
545)     }
546) 

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

556) 

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

564) 

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

572) 
573)   .accordionContent {

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

581) .accordionContent .fauxhead {
582)   width: 710px;
583)   }
584) 

585) .package {
586)   float: left;

587)   height: 280px;

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

598)     margin-top: 16px;

599)     padding-left: 10px;
600)     }
601) 
602) .downloads {

603)   display: block;
604)   float: left;
605)   width: 238px;
606)   padding: 0 16px 0 0;

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

614)   height: 20px;

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

631)   width: 234px;
632)   height: 69px;

633)   text-decoration: none;

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

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

644)   padding: 10px 0 0 57px;

645)   }
646) 
647) .button .normal {

648)   padding: 5px 0 0 57px;

649)   display: block;
650)   }

651) 

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

656) 

657) /* DOWNLOAD-EASY ---*/
658) 
659) .easy {

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

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

680)   text-align: left;

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

689)   font-size: 1.2em;
690)   padding-top: 8px;
691)   padding-bottom: 4px;

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

701)   text-align: left;

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

709)   text-align: left;

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

725)   padding: 0 8px 0 12px ;

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

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

761) 	}

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

770) 

771) .warning-top {

772)   width: 618px;

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

797) 
798) .warning {

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

808) 

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

820) 

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

822) 

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

835)     background: left top no-repeat;

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

886) 

887) /* FOOTER ------------*/
888) 
889) #footer {

890) 	/* width: 960px; original */
891) 	width: 1024px;

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

900) 		/* width: 78px; original */
901) 		width: 88px;

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

912) 

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

918) 

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

923) 

924) 		#footer input {
925) 			margin: 0;
926) 		}

927) 

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

933) 

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

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

961) 

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

976) 

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

981) 	border: none;

982) 	padding: 1.4em 0.7em;

983) 	width: 163px;
984) 	margin: 0px 0px 0px 10px;

985) }

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

994) 		padding:13px 0px 15px 0px;
995)         position: relative;

996) 		color: black;

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

998) 		font-size: 18px;

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

1003)         z-index:-10;

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

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

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

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

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

1022) 

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

1032) 

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

1038) 		font-style: normal;

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

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

1047) 

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

1050)   width: 87px;

1051)   }
1052) 

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

1067) 

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

1071) 

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

1091) 

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

1096) 

1097) 	.dbox.donate div label {
1098) 		padding: 0px 10px 0px 0px;
1099) 		}
1100) 
1101) 	.dbox.donate .type {
1102) 		padding-left: 20px;
1103) 		}
1104) 
1105) 	.dbox.donate select#t3 {
1106) 		width: auto;
1107) 		margin-bottom: 0px;
1108) 		}
1109) 
1110) 	.dbox.donate ul.amounts {
1111) 		width: auto;
1112) 		}
1113) 
1114) 	.dbox.donate ul.amounts li {
1115) 		display: inline-block;
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) /* BLOG WIDGET ----------*/
1182) 
1183) div.blogRow, div.blogFirstRow {
1184) 	height: 40px;
1185) 	padding: 3px 10px;
1186) 	margin: 0 0;
1187) }
1188) 
1189) div.blogLastRow {
1190) 	height: 20px;
1191) 	text-align: center;
1192) 	}
1193) 
1194) div.blogFirstRow {
1195) 	height: 22px;
1196) 	background: url(../images/table-head.jpg) left top repeat-x #885ca4;
1197) 	}
1198) 	
1199) .blogRow:hover {
1200) 	background: #f6ffd5;
1201) 	}
1202) 
1203) div.blogRow1, div.blogRow3 {
1204) 	background: #eee8f1;
1205) }
1206) 
1207) .blogFeed a {
1208) text-decoration: none;
1209) }
1210) 
1211) .blogFeed p {
1212) margin: 0;
1213) font-size: 12px;
1214) }
1215) 
1216) p.blogTitle {
1217) 	font-weight: bold;
1218) 	text-decoration: underline;
1219) 	}
1220) 
1221) p.blogAuthor {
1222) 	color: #000000;
1223) 	text-align: right;
1224) 	margin-top: -20px;
1225) 	}
1226) 	
1227) p.blogAuthor em{
1228) 	color: #4e6a20;
1229) 	text-align: right;
1230) 	margin-top: -20px;
1231) 	}
1232) 
1233) p.blogDate {
1234) 	color: #000000;
1235) 	}
1236) 	
1237) .blogFeed h2 {
1238) 	font-size: 1.467em;
1239) 	margin: 0;
1240) 	line-height: 23px;
1241) 	color: #f6f6ed;
1242) 	}
1243) 

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

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

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

1300)