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) 		.subcol {
247) 			width: 280px;
248) 			float: left;
249) 			margin: 0 0 25px;
250) 		}
251) 		
252) 			#content .first {
253) 				margin-right: 20px;
254) 			}
255) 
256) /* SIDEBAR ------------*/
257) 		
258) #home #sidecol {
259) 	float: right;
260) 	width: 300px;
261) }
262) 	
263) #sidecol {
264) 	float: left;
265) 	width: 230px;
266) 	margin-right: 20px;
267) }
268) 	
269) #sidecol-right {
270) 	float: right;
271) 	width: 230px;
272) 	margin-left: 20px;
273) }
274) 	
275) 	#torusers { margin: 0 0 27px; }
276) 		.user {
277) 			margin: 0 0 12px;
278) 			height: auto;
279) 		}
280) 		.user img, .project-icon {
281) 			border: 1px solid #cac8a7;
282) 			float: left;
283) 			margin: 3px 10px 0 0;
284) 		}
285) 		.user p { margin: 0; }
286) 	
287) /* IMGSHADOW ------------*/
288) 
289) .img-shadow {
290) 	float:left;
291) 	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
292) 	background: url(../images/shadow.gif) no-repeat bottom right;
293) 	margin: 10px 0 10px 10px !important;
294) 	margin: 10px 0 10px 5px;
295) }
296) 
297) 	.img-shadow .infoblock,
298) 	.img-shadow .important-infoblock,
299) 	.img-shadow .custom-infoblock,
300) 	.img-shadow #sidenav,
301) 	.img-shadow .sidenav-sub {
302) 		display: block;
303) 		position: relative;
304) 		margin: -6px 6px 6px -6px;
305) 		background-color: #fff;
306) 		border: 1px solid #ddd;
307) 	}
308) 	.img-shadow .important-infoblock {
309) 		background-color: #f7f8f0;
310) 		border: 1px solid #eeefe8;
311) 	}
312) 	
313) 	.img-shadow .infoblock,
314) 	.img-shadow .important-infoblock {
315) 		padding: 15px;
316) 		width: 188px;
317) 	}
318) 	
319) 	.img-shadow .custom-infoblock {
320) 		padding: 15px;
321) 		height: 120px;
322) 		width: 426px;
323) 	}
324) 
325) 	.img-shadow .infoblock p,
326) 	.img-shadow .important-infoblock p,
327) 	.img-shadow .custom-infoblock p {
328) 		margin: 0;
329) 	}
330) 	
331) 	
332) /* SIDENAV ------------*/
333) 
334) /*Note: #sidenav-sub is used on the downloads page as a tertiary navigation*/
335) 
336) .img-shadow #sidenav,
337) .img-shadow .sidenav-sub {
338) 	padding: 10px 0 0;
339) 	width: 218px;
340) }
341) 		
342) 	#sidenav ul li,
343) 	.sidenav-sub ul li { border-bottom: 1px solid #ddd; }
344) 	
345) 	#sidenav ul li.dropdown a:link,
346) 	#sidenav ul li.dropdown a:visited { background: url(../images/sidenav-arrow.gif) left center no-repeat; }
347) 	#sidenav ul li.dropdown a.active { background: url(../images/sidenav-arrow-active.gif) left center no-repeat; }
348) 	
349) 	.sidenav-sub ul li.dropdown a:link,
350) 	.sidenav-sub ul li.dropdown a:visited { 
351) 		background: url(../images/sidenav-arrow.gif) left top no-repeat;
352) 		margin-top: 12px;
353) 	}
354) 	
355) 	#sidenav ul li a:link,
356) 	#sidenav ul li a:visited {
357) 		display: block;
358) 		height: auto;
359) 		padding: 8px 15px 8px 26px;
360) 	}
361) 	
362) 	#sidenav ul li ul li a:link,
363) 	#sidenav ul li ul li a:visited {
364) 		padding-left: 37px;
365) 	}
366) 	
367) 	.sidenav-sub ul li a:link,
368) 	.sidenav-sub ul li a:visited {
369) 		display: block;
370) 		padding: 0 15px 10px 26px;
371) 		line-height: 16px;
372) 	}
373) 	
374) 	#sidenav ul li.active {
375) 		background: url(../images/sidenav-active.png) left center no-repeat;
376) 		width: 230px;
377) 		border: 0;
378) 	}
379) 
380)   #sidenav ul li ul li ul li a:link,
381) 	#sidenav ul li ul li ul li a:visited {
382) 		padding-left: 48px;
383) 	}
384) 	
385) /* TABLE ------------*/
386) 
387) table { width: 100%; }
388) 
389) td { padding: 12px; }
390) 
391) table td img,
392) table tr img {
393) 	border: 1px solid #cac8a7;
394) 	float: left;
395) 	margin-right: 10px;
396) }
397) 
398) .icon {
399) 	float: left;
400) 	width: auto;
401) 	margin-right: 15px;
402) 	padding: 10px 0;
403) 	border: 0;
404) }
405) 
406) .calendar {
407) 	background: url(../images/icon-calendar.jpg) left top no-repeat;
408) 	float: left;
409) 	margin-right: 10px;
410) 	width: 45px;
411) 	height: 54px;
412) 	text-align: center;
413) 	padding: 4px 0;
414) }
415) .fauxhead {
416) 	background: url(../images/table-arrow.jpg) right top no-repeat;
417) 	width: 100%;
418) 	height: 11px;
419) }
420) 

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

443) .beige { background: #f5f5df; }

444) .gray { background: #e0e0e0; }

445) 
446) .meta {
447) 	float: right;
448) 	width: auto;
449) }
450) 

451) /* DL PAGE ------------*/

452) 

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

458) 

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

493)   line-height: 32px;

494)   padding: 0px 0 0px 33px;
495)   }
496) 
497) .accordionButton {

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

499)   color: #FFFFFF;
500)   margin: 0;
501)   font-size: 1.1em;
502)   font-weight: bold;

503)   height: 32px;

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

515)   position: relative;
516)   padding-left: 30px;
517)   width: 680px;

518)   }
519) 
520)   .accordionButton:hover {

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

522)     text-shadow: 1px 1px 0px rgba(17, 17, 17, 1);
523)     }
524) 

525) .on:before,
526) .off:before {
527)   position: absolute;
528)   content: '';
529)   height: 0px;
530)   width: 0px;
531)   font-size:0px;
532)   line-height:0px;
533)   }
534)   
535) .on:before {
536)   top: 14px;
537)   left: 10px;
538)   border-left:7px solid transparent;
539)   border-right:7px solid transparent;
540)   border-top:7px solid #FFFFFF;
541)   }
542)   
543) .off:before {
544)   top: 9px;
545)   left: 14px;
546)   border-bottom:7px solid transparent;  /* left arrow slant */
547)   border-top:7px solid transparent; /* right arrow slant */
548)   border-left:7px solid #FFFFFF; /* bottom, add background color here */
549)   }
550)   
551)   .accordionContent {	

552)   width: 708px;
553)   float: left;
554)   _float: none;  /* Float works in all browsers but IE6 */
555)   background: #FFFFFF;
556)   display: block;
557)   }
558) 

559) .accordionContent .fauxhead {
560)   width: 710px;
561)   }
562) 

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

634) 

635) .sig {
636)   display: block;
637)   margin: 3px 0px 20px 0px;
638)   }

639) 

640) /* DOWNLOAD-EASY ---*/
641) 
642) .easy {
643)   width: 710px;
644)   background: url(../images/easy-bg.png) repeat-x scroll left 85px;
645)   margin-bottom: 10px;

646)   padding-bottom: 15px;

647)   }
648) 
649) .easy .package h2,
650) .easy .package em {
651)   display: block;
652)   width: 100%;
653)   text-align: center;
654)   }
655) 
656) .easy .package h2 {

657)   font-size: 28px;

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

714)   -webkit-border-radius: 10px;
715)   -moz-border-radius: 10px;
716)   border-radius: 10px;  }

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

736) 
737) /* MISC ------------*/
738) 
739) .title {
740) 	background: url(../images/table-title-arrow.jpg) right top no-repeat;
741) 	padding: 10px 25px 0 10px;
742) 	height: 33px;
743) 	float: left;
744) }
745) 
746) 	.title a:link,
747) 	.title a:visited {
748) 		background: url(../images/table-title.jpg) left top no-repeat;
749) 		height: 33px;
750) 		display: block;
751) 	}	
752) 
753) .paypal {
754) 	float: left;
755) 	width: auto;
756) 	min-height: 159px;
757) 	max-width: 365px;
758) }
759) 	.paypal span { padding-right: 20px; }

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

786) 
787) .warning {

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

797) 

798) .focus {
799) 	background: #f4f2c7;
800) 	border: 1px solid #ebd4a9;
801) 	padding: 10px 15px;
802) }
803) 
804) 	.focus .icon {
805) 		float: left;
806) 		width: auto;
807) 		margin-right: 10px;
808) 	}
809) 	
810) .featured-project { width: 313px; }

811) 

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

824)     background: left top no-repeat; 

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

879) 	/* width: 960px; original */
880) 	width: 1024px;

881) 	height: 200px;
882) 	border-top: 1px solid #ddd;
883) 	padding: 20px 0;
884) 	margin: 20px 0 0;
885) }
886) 
887) 	.onion {
888) 		float: left;

889) 		/* width: 78px; original */
890) 		width: 88px;

891) 		padding-right: 20px;
892) 		height: 100%;
893) 	}
894) 
895) 	#footer .about {
896) 		width: 180px;
897) 		padding-right: 30px;
898) 		border-right: 1px solid #ddd;
899) 		float: left;
900) 	}
901) 	
902) 	#footer .newsletter {
903) 		padding: 0 0 15px 30px;
904) 		width: auto;
905) 		margin-left: 308px;
906) 	}
907) 	
908) 		#footer input.textfield {
909) 			width: 220px;
910) 			height: 26px;
911) 		}
912) 		
913) 		#footer input {
914) 			margin: 0;
915) 		}
916) 	
917) 	#footer .col {
918) 		float: left;
919) 		width: 100px;
920) 		margin-left: 20px;
921) 	}
922) 	
923) 		#footer .first { margin-left: 30px; }
924) 		#footer .wider { width: 201px; }

925) 
926) 
927) /* DONATION ADDITIONS ----------- */
928) 
929) small {
930) 	margin: 0px auto 0px auto;
931) 	text-align: center;
932) 	font-size: 10px;
933) 	font-style: italic;
934) 	}
935) 
936) .hlist {
937) 	text-align: center;
938) 	display: block;
939) 	width: 100%;
940) 	padding: 0px 0px;
941) 	list-style: none;
942) 	margin: 0px 0px 18px 0px;
943) 	}
944) 
945) 	.hlist li {
946) 		display: inline-block;
947) 		border-right: 1px solid #444444;
948) 		margin-left: -4px;
949) 		}
950) 	
951) 	.hlist li.last {
952) 		border-right: 0px solid #444444;
953) 		}
954) 
955) 	.hlist a {
956) 		display: block;
957) 		top: 0px;
958) 		right: 0px;
959) 		bottom: 0px;
960) 		left: 0px;
961) 		text-decoration: none;
962) 		font-weight: bold;
963) 		padding: 0px 8px;
964) 		}
965)  
966) .dbox {
967) 	float: none;
968) 	text-align: center;
969) 	color: #222222;
970) 	border: 2px solid #cbcbaf;

971) 	background-color: #ffffed;

972) 	padding: 20px 20px;
973) 	width: 163px;
974) 	margin: 0px 0px 0px 10px;

975) 	-webkit-border-radius: 5px;
976) 	-moz-border-radius: 5px;
977) 	border-radius: 5px;

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

1006) 		  -moz-box-shadow: 0px 0px 4px #cbcbaf;
1007) 		  -webkit-box-shadow: 0px 0px 4px #cbcbaf;
1008)  		  box-shadow: 0px 0px 4px #cbcbaf;
1009)  		  border:2px solid #cbcbaf;	
1010) 		  background-color: #FFFFFF;
1011) 		  }

1012) 

1013) 		.dbox input.radio {

1014) 		  border: 0px solid;
1015) 		  background: #ffffed;
1016) 		  padding: 0px 0px;
1017) 		  }

1018) 

1019) 	.dbox select.cur {
1020) 		margin-right: 5px;
1021) 		text-align: left;
1022) 		}
1023) 
1024) 	.dbox input.amount {
1025) 		width: 100px;
1026) 		margin-right: 0px;
1027) 		text-align: left;
1028) 		}
1029) 	
1030) 	.dbox select#t3 {
1031) 		width: 100%;
1032) 		margin-bottom: 20px;
1033) 		padding: 0px 0px;
1034) 		}
1035) 
1036) 	.dbox input.donate-btn {
1037) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
1038) 		height: 26px;
1039) 		width: 122px;
1040) 		margin-top: 0px;
1041) 		display: block;

1042) 		background-color: transparent;
1043) 		color: transparent;
1044) 		border:0px solid transparent;
1045) 		-webkit-border-radius: 5px;
1046) 		-moz-border-radius: 5px;
1047) 		border-radius: 5px;
1048) 		margin: 10px auto 10px auto;
1049) 		padding: 0px 0px 0px 0px;

1050) 		}
1051) 
1052) 	.dbox span {
1053) 		float: left;
1054) 		padding-right: 0px;
1055) 		}
1056) 	
1057) 	.dbox div label {
1058) 		padding: 0px 10px 0px 0px;
1059) 		}
1060) 
1061) 	.dbox h6#ppinfo{
1062) 		width: 100%;
1063) 		text-align: center;
1064) 		margin: -15px auto 0px auto;
1065) 		}
1066) 	
1067) 	.dbox small,
1068) 	.dbox.donate #ppinfo {
1069) 		margin: 0px auto 0px auto;
1070) 		text-align: center;
1071) 		font-size: 10px;
1072) 		font-style: italic;
1073) 		}
1074) 
1075) .dbox.dl {

1076)   float: none;
1077)   width: 177px;
1078)   margin: 0px 5px 20px 5px;
1079)   }
1080) 
1081) .dbox.dl h2 {
1082)   padding: 0;
1083)   }
1084) 
1085) .dbox.dl input.amount {

1086)   width: 110px;

1087)   }
1088) 

1089) .dbox.donate {
1090) 	float: none;
1091) 	padding: 30px 30px;
1092) 	width: 626px;
1093) 	min-height: 0px;
1094) 	max-width: none;
1095) 	text-align: left;
1096) 	}
1097) 
1098) 	.dbox.donate input ,
1099) 	.dbox.donate select {
1100) 		padding-bottom: 0px;
1101) 		margin-bottom: 0px;
1102) 		}
1103) 	
1104) 	.dbox.donate .drow {
1105) 		margin: 0px 0px 0px 20px;
1106) 		}
1107) 	
1108) 	.dbox.donate .drow div {
1109) 		padding: 0px 0 0 0px;
1110) 		width: auto;
1111) 		display: block;
1112) 		}
1113) 
1114) 	.dbox.donate h3 {
1115) 		padding-left: 0px;
1116) 		color: #23300E;
1117) 		margin: 0 0 10px 0;
1118) 		}
1119) 
1120) 	.dbox.donate h4 {
1121) 		padding-left: 20px;
1122) 		}
1123) 
1124) 	.dbox.donate p {
1125) 		padding: 5px 20px 15px 40px;
1126) 		}
1127) 	
1128) 	.dbox.donate span {
1129) 		float: left;
1130) 		padding-right: 0px;
1131) 		}
1132) 	
1133) 	.dbox.donate div label {
1134) 		padding: 0px 10px 0px 0px;
1135) 		}
1136) 
1137) 	.dbox.donate .type {
1138) 		padding-left: 20px;
1139) 		}
1140) 
1141) 	.dbox.donate select#t3 {
1142) 		width: auto;
1143) 		margin-bottom: 0px;
1144) 		}
1145) 
1146) 	.dbox.donate ul.amounts {
1147) 		width: auto;
1148) 		}
1149) 
1150) 	.dbox.donate ul.amounts li {
1151) 		display: inline-block;

1152) 		margin-left: 15px;

1153) 		}
1154) 
1155) 	.dbox.donate ul.amounts li label {
1156) 		padding: 0px 0px 0px 5px;
1157) 		}
1158) 		
1159) 	.dbox.donate input.donate-btn {
1160) 		background: url(../images/btn_donateCC_LG.gif) left top no-repeat transparent;
1161) 		height: 26px;
1162) 		width: 115px;
1163) 		margin-top: -3px;
1164) 		display: inline-block;

1165) 		background-color: transparent;
1166) 		color: transparent;
1167) 		border:0px solid transparent;

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

1186) 		background-color: transparent;
1187) 		color: transparent;
1188) 		border:0px solid transparent;

1189) 		}

1190) 	

1191) 	.dbox.dsmall div label {
1192) 		padding: 0px 0px 0px 0px;
1193) 		}
1194) 
1195) 	.dbox.dsmall small {
1196) 		display: block;
1197) 		position: absolute;
1198) 		width: 172px;
1199) 		float: none;
1200) 		bottom: 20px;
1201) 		margin: 0px auto;
1202) 		}
1203) 	
1204) 	.givv p {
1205) 		text-align: justify;
1206) 		margin-top: 10px;
1207) 		font-size: 11px;
1208) 		line-height: 13px;
1209) 		}

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