tor-webwml.git

1) @charset "UTF-8";
2) /* Layout */
3) 
4) /* UNIVERSAL ------------*/
5) 
6) body {
7) 	background: #fff;
8) }
9) 
10) #wrap {
11) 	width: 960px;
12) 	margin: 0 auto;
13) }
14) 
15) .left { float: left; }
16) .right { float: right; }
17) .twenty { width: 20%; }
18) .thirty { width: 30%; }
19) .forty { width: 40%; }
20) .fifty { width: 50%; }
21) .sixty { width: 60%; }
22) .hundred { width: 100%; }
23) 
24) .nopad { padding: 0; }
25) .toppad { padding-top: 10px; }
26) .toptwenty { margin-top: 20px; }
27) .topforty { margin-top: 40px; }
28) 
29) 
30) /* HEADER ------------*/
31) 
32) #header {
33) 	width: 960px;
34) 	height: 97px;
35) 	margin-bottom: 23px;
36) 	position: relative;
37) }
38) 
39)   h1#logo {
40)     margin: 0;
41)     float: left;
42)   }
43) 
44) 	h1#logo a,
45) 	h1#logo a:visited {

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

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

49) 		width: 150px;

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

53) 

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

57) 

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

63) 

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

69) 

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

77) 

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

93) 

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

115) 

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

152) 

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

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

167) 

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

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

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

178) 

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

197) 

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

203) 

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

212) 

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

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

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

233) 

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

239) 

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

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

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

255) 

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

261) 

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

266) 

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

272) 

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

278) 

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

290) 

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

316) 

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

322) 

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

334) 
335) 

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

345) 

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

348) 

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

352) 

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

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

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

358) 

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

365) 

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

370) 

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

377) 

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

388) 

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

425) #home-our-projects td {
426)   height: 92px;
427)   width: 296px;
428)   padding: 6px;
429)   }
430) 
431) .project {
432)   float: left;
433)   padding: 6px;
434)   border: 1px solid #CAC8A7;
435)   height: 76px;
436)   width: 284px;
437)   -webkit-border-radius: 10px;
438)   -moz-border-radius: 10px;
439)   border-radius: 10px;

440)   }

441) 
442) .project img {
443)   border: none;
444)   margin-right: 6px;
445)   }
446) 

447) .beige { background: #f5f5df; }

448) .gray { background: #e0e0e0; }

449) 
450) .meta {
451) 	float: right;
452) 	width: auto;
453) }
454) 

455) /* DL PAGE ------------*/

456) 

457) .windows24 {
458)  /* Open Icon Library - Webpage Icons Package
459)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
460)   background: url("../images/icon-windows24.png") no-repeat scroll left center transparent;
461)   }

462) 

463) .mac24 {
464)  /* Open Icon Library - Webpage Icons Package
465)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
466)   background: url("../images/icon-mac24.png") no-repeat scroll left center transparent;
467)   }
468) 
469) .linux24 {
470)  /* Open Icon Library - Webpage Icons Package
471)   * Source: http://openiconlibrary.sourceforge.net/downloads.html */
472)   background: url("../images/icon-linux24.png") no-repeat scroll left center transparent;
473)   }
474) 
475) .smartphone24 {
476) /* Icon from the Crystal set
477)  * author: Everaldo Coelho
478)  * source: http://www.everaldo.com/crystal/
479)  * license: LGPL v2 */
480)   background: url("../images/icon-smartphone24.png") no-repeat scroll left center transparent;
481)   }
482) 
483) .sourcecode24 {
484) /* Icon from the Crystal set
485)  * author: Everaldo Coelho
486)  * source: http://www.everaldo.com/crystal/
487)  * license: LGPL v2 */
488)   background: url("../images/icon-sourcecode24.png") no-repeat scroll left center transparent;
489)   }
490) 
491) .windows24,
492) .mac24,
493) .linux24,
494) .smartphone24,
495) .sourcecode24 {
496)   display: block;

497)   line-height: 32px;

498)   padding: 0px 0 0px 33px;
499)   }
500) 
501) .accordionButton {

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

503)   color: #FFFFFF;
504)   margin: 0;
505)   font-size: 1.1em;
506)   font-weight: bold;

507)   height: 32px;

508)   float: left;
509)   _float: none;  /* Float works in all browsers but IE6 */
510)   border: 1px solid #FFFFFF;
511)   border-bottom: none;
512)   cursor: pointer;
513)   -webkit-border-top-left-radius: 7px;
514)   -webkit-border-top-right-radius: 7px;
515)   -moz-border-radius-topleft: 7px;
516)   -moz-border-radius-topright: 7px;
517)   border-top-left-radius: 7px;
518)   border-top-right-radius: 7px;

519)   position: relative;
520)   padding-left: 30px;
521)   width: 680px;

522)   }
523) 
524)   .accordionButton:hover {

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

526)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
527)     }
528) 

529) .on:before,
530) .off:before {
531)   position: absolute;
532)   content: '';
533)   height: 0px;
534)   width: 0px;
535)   font-size:0px;
536)   line-height:0px;
537)   }

538) 

539) .on:before {
540)   top: 14px;
541)   left: 10px;
542)   border-left:7px solid transparent;
543)   border-right:7px solid transparent;
544)   border-top:7px solid #FFFFFF;
545)   }

546) 

547) .off:before {
548)   top: 9px;
549)   left: 14px;
550)   border-bottom:7px solid transparent;  /* left arrow slant */
551)   border-top:7px solid transparent; /* right arrow slant */
552)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
553)   }

554) 
555)   .accordionContent {

556)   width: 708px;
557)   float: left;
558)   _float: none;  /* Float works in all browsers but IE6 */
559)   background: #FFFFFF;
560)   display: block;
561)   }
562) 

563) .accordionContent .fauxhead {
564)   width: 710px;
565)   }
566) 

567) .package {
568)   float: left;
569)   width: 668px;
570)   margin: 0px;
571)   padding: 25px 20px 20px 20px;
572)   border-top: 1px solid #888888;
573)   }
574) 
575)   .package h2 {
576)     margin-bottom: 3px;
577)     }
578) 
579)   .package p {
580)     margin-top: 20px;
581)     margin-bottom: 5px;
582)     padding-left: 10px;
583)     }
584) 
585) .downloads {
586)   float: right;
587)   width: 200px;
588)   padding: 0px;
589)   margin: 0px 0 0 20px;
590)   text-align: center;
591)   }
592) 
593) .lang {
594)   float: right;
595)   display: none;
596)   width: 80px;
597)   height: 18px;
598)   margin: 0px 7px 0px 0px;
599)   padding: 0px 0px 0px 3px;
600)   background-color: #fefff7;
601)   border: 2px solid #CCCFB8;
602)   border-top: 0px;
603)   -webkit-border-bottom-left-radius: 5px;
604)   -webkit-border-bottom-right-radius: 5px;
605)   -moz-border-radius-bottomleft: 5px;
606)   -moz-border-radius-bottomright: 5px;
607)   border-bottom-left-radius: 5px;
608)   border-bottom-right-radius: 5px;
609)   }
610) 
611) .button {
612)   text-align: center;
613)   display: block;
614)   width: 200px;
615)   height: 60px;
616)   text-decoration: none;
617)   background: url(../images/button-downloadpage.png) bottom left no-repeat #FF9800;
618)   margin: 0px auto 0px auto;
619)   text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
620)   -webkit-border-radius: 7px;
621)   -moz-border-radius: 7px;
622)   border-radius: 7px;
623)   }
624) 
625) .button:hover {
626)   background: url(../images/button-downloadpage.png) top left no-repeat #FF9800;
627)   }
628) 
629) .button .strong {
630)   display: block;
631)   padding: 10px 0 0 0px;
632)   }
633) 
634) .button .normal {
635)   padding: 5px 0 0 0px;
636)   display: block;
637)   }

638) 

639) .sig {
640)   display: block;
641)   margin: 3px 0px 20px 0px;
642)   }

643) 

644) /* DOWNLOAD-EASY ---*/
645) 
646) .easy {
647)   width: 710px;
648)   background: url(../images/easy-bg.png) repeat-x scroll left 85px;
649)   margin-bottom: 10px;

650)   padding-bottom: 15px;

651)   }
652) 
653) .easy .package h2,
654) .easy .package em {
655)   display: block;
656)   width: 100%;
657)   text-align: center;
658)   }
659) 
660) .easy .package h2 {

661)   font-size: 24px;

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

718)   -webkit-border-radius: 10px;
719)   -moz-border-radius: 10px;
720)   border-radius: 10px;  }

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

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

755) 	}

756) 
757) .paypal {
758) 	float: left;
759) 	width: auto;
760) 	min-height: 159px;
761) 	max-width: 365px;
762) }
763) 	.paypal span { padding-right: 20px; }

764) 

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

790) 
791) .warning {

792)   float: left;
793)   _float: none;  /* Float works in all browsers but IE6 */
794)   padding: 25px 25px;
795)   margin-top: 4px;
796)   }
797) 
798)   .warning p {
799)     padding-left: 10px;
800)     }

801) 

802) .focus {
803) 	background: #f4f2c7;
804) 	border: 1px solid #ebd4a9;
805) 	padding: 10px 15px;
806) }
807) 
808) 	.focus .icon {
809) 		float: left;
810) 		width: auto;
811) 		margin-right: 10px;
812) 	}

813) 

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

815) 

816) /* FORM ------------*/
817) 
818) input, select {
819) 	margin: 0 3px 10px 0;
820) }
821) 
822) input.textfield {
823) 	padding: 0 10px;
824) 	vertical-align: top;
825) }
826) 
827) .donate-btn {

828)     background: left top no-repeat;

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

879) 

880) /* FOOTER ------------*/
881) 
882) #footer {

883) 	/* width: 960px; original */
884) 	width: 1024px;

885) 	height: 200px;
886) 	border-top: 1px solid #ddd;
887) 	padding: 20px 0;
888) 	margin: 20px 0 0;
889) }
890) 
891) 	.onion {
892) 		float: left;

893) 		/* width: 78px; original */
894) 		width: 88px;

895) 		padding-right: 20px;
896) 		height: 100%;
897) 	}
898) 
899) 	#footer .about {
900) 		width: 180px;
901) 		padding-right: 30px;
902) 		border-right: 1px solid #ddd;
903) 		float: left;
904) 	}

905) 

906) 	#footer .newsletter {
907) 		padding: 0 0 15px 30px;
908) 		width: auto;
909) 		margin-left: 308px;
910) 	}

911) 

912) 		#footer input.textfield {
913) 			width: 220px;
914) 			height: 26px;
915) 		}

916) 

917) 		#footer input {
918) 			margin: 0;
919) 		}

920) 

921) 	#footer .col {
922) 		float: left;
923) 		width: 100px;
924) 		margin-left: 20px;
925) 	}

926) 

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

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

954) 

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

969) 

970) .dbox {
971) 	float: none;
972) 	text-align: center;
973) 	color: #222222;
974) 	border: 2px solid #cbcbaf;

975) 	background-color: #ffffed;

976) 	padding: 20px 20px;
977) 	width: 163px;
978) 	margin: 0px 0px 0px 10px;

979) 	-webkit-border-radius: 5px;
980) 	-moz-border-radius: 5px;
981) 	border-radius: 5px;

982) 	}
983) 
984) 	.dbox p {
985) 		display: block;
986) 		padding: 0px 0px 0px 0px;
987) 		margin: 0px 0px 0px 0px;
988) 		}
989) 
990) 	.dbox h2 {
991) 		background: url() top left transparent;
992) 		color: #23300E;
993) 		padding:0px 0px 15px 0px;
994) 		}
995) 
996) 	.dbox input ,
997) 	.dbox select {
998) 	   background-color: #fefff7;
999) 	   color: #23300E;
1000) 	   border:2px solid #CCCFB8;
1001) 	   -webkit-border-radius: 5px;
1002) 	   -moz-border-radius: 5px;
1003) 	   border-radius: 5px;
1004) 	   padding: 0px 0px 0px 5px;
1005) 	   margin: 0px 0px 10px 0px;
1006) 	   }
1007) 
1008) 		.dbox input:focus ,
1009) 		.dbox select:focus {

1010) 		  -moz-box-shadow: 0px 0px 4px #cbcbaf;
1011) 		  -webkit-box-shadow: 0px 0px 4px #cbcbaf;
1012)  		  box-shadow: 0px 0px 4px #cbcbaf;

1013)  		  border:2px solid #cbcbaf;

1014) 		  background-color: #FFFFFF;
1015) 		  }

1016) 

1017) 		.dbox input.radio {

1018) 		  border: 0px solid;
1019) 		  background: #ffffed;
1020) 		  padding: 0px 0px;
1021) 		  }

1022) 

1023) 	.dbox select.cur {
1024) 		margin-right: 5px;
1025) 		text-align: left;
1026) 		}
1027) 
1028) 	.dbox input.amount {
1029) 		width: 100px;
1030) 		margin-right: 0px;
1031) 		text-align: left;
1032) 		}

1033) 

1034) 	.dbox select#t3 {
1035) 		width: 100%;
1036) 		margin-bottom: 20px;
1037) 		padding: 0px 0px;
1038) 		}
1039) 
1040) 	.dbox input.donate-btn {
1041) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
1042) 		height: 26px;
1043) 		width: 122px;
1044) 		margin-top: 0px;
1045) 		display: block;

1046) 		background-color: transparent;
1047) 		color: transparent;
1048) 		border:0px solid transparent;
1049) 		-webkit-border-radius: 5px;
1050) 		-moz-border-radius: 5px;
1051) 		border-radius: 5px;
1052) 		margin: 10px auto 10px auto;
1053) 		padding: 0px 0px 0px 0px;

1054) 		}
1055) 
1056) 	.dbox span {
1057) 		float: left;
1058) 		padding-right: 0px;
1059) 		}

1060) 

1061) 	.dbox div label {
1062) 		padding: 0px 10px 0px 0px;
1063) 		}
1064) 
1065) 	.dbox h6#ppinfo{
1066) 		width: 100%;
1067) 		text-align: center;
1068) 		margin: -15px auto 0px auto;
1069) 		}

1070) 

1071) 	.dbox small,
1072) 	.dbox.donate #ppinfo {
1073) 		margin: 0px auto 0px auto;
1074) 		text-align: center;
1075) 		font-size: 10px;
1076) 		font-style: italic;
1077) 		}
1078) 
1079) .dbox.dl {

1080)   float: none;
1081)   width: 177px;
1082)   margin: 0px 5px 20px 5px;
1083)   }
1084) 
1085) .dbox.dl h2 {
1086)   padding: 0;
1087)   }
1088) 
1089) .dbox.dl input.amount {

1090)   width: 110px;

1091)   }
1092) 

1093) .dbox.donate {
1094) 	float: none;
1095) 	padding: 30px 30px;
1096) 	width: 626px;
1097) 	min-height: 0px;
1098) 	max-width: none;
1099) 	text-align: left;
1100) 	}
1101) 
1102) 	.dbox.donate input ,
1103) 	.dbox.donate select {
1104) 		padding-bottom: 0px;
1105) 		margin-bottom: 0px;
1106) 		}

1107) 

1108) 	.dbox.donate .drow {
1109) 		margin: 0px 0px 0px 20px;
1110) 		}

1111) 

1112) 	.dbox.donate .drow div {
1113) 		padding: 0px 0 0 0px;
1114) 		width: auto;
1115) 		display: block;
1116) 		}
1117) 
1118) 	.dbox.donate h3 {
1119) 		padding-left: 0px;
1120) 		color: #23300E;
1121) 		margin: 0 0 10px 0;
1122) 		}
1123) 
1124) 	.dbox.donate h4 {
1125) 		padding-left: 20px;
1126) 		}
1127) 
1128) 	.dbox.donate p {
1129) 		padding: 5px 20px 15px 40px;
1130) 		}

1131) 

1132) 	.dbox.donate span {
1133) 		float: left;
1134) 		padding-right: 0px;
1135) 		}

1136) 

1137) 	.dbox.donate div label {
1138) 		padding: 0px 10px 0px 0px;
1139) 		}
1140) 
1141) 	.dbox.donate .type {
1142) 		padding-left: 20px;
1143) 		}
1144) 
1145) 	.dbox.donate select#t3 {
1146) 		width: auto;
1147) 		margin-bottom: 0px;
1148) 		}
1149) 
1150) 	.dbox.donate ul.amounts {
1151) 		width: auto;
1152) 		}
1153) 
1154) 	.dbox.donate ul.amounts li {
1155) 		display: inline-block;

1156) 		margin-left: 15px;

1157) 		}
1158) 
1159) 	.dbox.donate ul.amounts li label {
1160) 		padding: 0px 0px 0px 5px;
1161) 		}

1162) 

1163) 	.dbox.donate input.donate-btn {
1164) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
1165) 		height: 26px;
1166) 		width: 115px;
1167) 		margin-top: -3px;
1168) 		display: inline-block;

1169) 		background-color: transparent;
1170) 		color: transparent;
1171) 		border:0px solid transparent;

1172) 		}
1173) 
1174) .dbox.dsmall {
1175) 	position: relative;
1176) 	display: inline-block;
1177) 	width: 170px;
1178) 	height: 140px;
1179) 	text-align: center;
1180) 	margin: 0px 10px;
1181) 	vertical-align: top;
1182) 	}
1183) 
1184) 	.dbox.dsmall input.donate-btn {
1185) 		background: url() left top no-repeat transparent;
1186) 		width: auto;
1187) 		height: auto;
1188) 		margin-top: 0px;
1189) 		display: block;

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

1193) 		}

1194) 

1195) 	.dbox.dsmall div label {
1196) 		padding: 0px 0px 0px 0px;
1197) 		}
1198) 
1199) 	.dbox.dsmall small {
1200) 		display: block;
1201) 		position: absolute;
1202) 		width: 172px;
1203) 		float: none;
1204) 		bottom: 20px;
1205) 		margin: 0px auto;
1206) 		}

1207) 

1208) 	.givv p {
1209) 		text-align: justify;
1210) 		margin-top: 10px;
1211) 		font-size: 11px;
1212) 		line-height: 13px;
1213) 		}

1214) 
1215) /*
1216)  Project page
1217) */
1218) 
1219)     #projectpage td {
1220)         width: 50%;
1221)     }
1222) 
1223)     .projectbox {
1224)         width: 710px;
1225)         position: relative;
1226)         margin-bottom: 80px;
1227)     }
1228) 
1229) 
1230)     .projectbox .name {
1231)         font-size: 1.5em;
1232)         font-weight: bold;
1233)     }
1234) 
1235)     .projectbox a img {
1236)         float: none;
1237)         position: absolute;
1238)         top: 0;
1239)         left: 0;
1240)     }
1241) 
1242)     .projectbox .projectdesc {
1243)         margin-left: 100px;
1244)     }
1245) /* END */
1246) 

1247) /*
1248) ** Markup free clearing
1249) ** Details: http://www.positioniseverything.net/easyclearing.html
1250) */
1251) .clearfix:after {
1252)   content: ".";
1253)   display: block;
1254)   height: 0;
1255)   clear: both;
1256)   visibility: hidden;
1257) }
1258) 
1259) .clearfix {
1260)   display: inline-block;
1261) }
1262) 
1263) /* Hides from IE-mac \*/
1264) * html .clearfix {
1265)   height: 1%;
1266) }
1267) .clearfix {
1268)   display: block;
1269) }