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)         padding-top: 100px;

280) }

281) 

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

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

293) 

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

319) 

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

325) 

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

337) 
338) 

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

348) 

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

351) 

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

355) 

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

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

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

361) 

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

368) 

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

373) 

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

380) 

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

391) 

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

400) 	border: none;

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

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

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

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

457)   }

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

464) .beige { background: #f5f5df; }

465) .gray { background: #e0e0e0; }

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

472) /* DL PAGE ------------*/

473) 

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

479) 

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

514)   line-height: 32px;

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

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

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

524)   height: 32px;

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

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

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

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

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

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

555) 

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

563) 

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

571) 
572)   .accordionContent {

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

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

584) .package {
585)   float: left;

586)   height: 280px;

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

597)     margin-top: 16px;

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

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

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

613)   height: 20px;

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

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

632)   text-decoration: none;

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

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

643)   padding: 10px 0 0 57px;

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

647)   padding: 5px 0 0 57px;

648)   display: block;
649)   }

650) 

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

655) 

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

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

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

679)   text-align: left;

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

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

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

700)   text-align: left;

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

708)   text-align: left;

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

724)   padding: 0 8px 0 12px ;

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

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

760) 	}

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

769) 

770) .warning-top {

771)   width: 618px;

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

796) 
797) .warning {

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

807) 

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

819) 

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

821) 

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

834)     background: left top no-repeat;

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

885) 

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

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

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

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

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

911) 

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

917) 

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

922) 

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

926) 

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

932) 

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

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

960) 

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

975) 

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

980) 	border: none;

981) 	padding: 1.4em 0.7em;

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

984) }

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

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

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) 		}
1116) 
1117) 	.dbox.donate ul.amounts li label {
1118) 		padding: 0px 0px 0px 5px;
1119) 		}

1120) 

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

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

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

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

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

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

1151) 		}

1152) 

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

1165) 

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

1172) 

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

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

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

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

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