@charset "utf-8";
/* CSS Document */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html {
		background-color:#e4ebb2;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:20px;
		color:#475053;
		background-image:url(../images/bodybg.jpg);
		background-position:0 0;
		background-repeat:repeat-x;
		background-color:#e4ebb2;
	}
	
	a {
		text-decoration:none;
		color:#00a4dd;
		font-weight:bold;
	}
	
	a:hover {
		text-decoration:underline;
	}

	ul, ol {
		padding:6px 0;
	}

	li {
		padding:4px 0;	
	}
	
	.none{
		display:none;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TYPOGRAPHY ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	h1, h2, h3, h4, h5, p, label {
		padding:8px 0;
	}
	
	h1 {
		font-size:42px;
		line-height:48px;
		letter-spacing:-2px;
		color:#00a4dd;
		font-weight:bold;
	}
	
	h2 {
		font-size:36px;
		line-height:42px;
		letter-spacing:-1px;
		color:#475053;
		font-weight:bold;
	}
	
	h3 {
		font-size:19px;
		line-height:24px;
		letter-spacing:0px;
		color:#475053;
		font-weight:bold;
	}
	
	h4 {
		font-size:16px;
		line-height:20px;
		letter-spacing:0px;
		color:#475053;
		font-weight:bold;
	}
	
	p {
		font-size:14px;
		line-height:20px;
		color:#475053;
		font-weight:normal;
		
	}
	
	strong{
		font-weight:bold;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.pageShell {
		margin:0 auto;
		width:960px;
		background:url(../images/twipples.png) right 20px no-repeat;
		overflow:hidden;
		padding:0 30px;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.headerShell {
		padding-top:30px;
		float:left;
		width:638px;
	}
	
		.headerShell #logoShell {
			width:325px;
			height:85px;
			float:left;
			display:inline;
			overflow:hidden;
			margin-bottom:30px;
		}
		
			.headerShell #logoShell a {
				width:325px;
				height:0px;
				float:left;
				display:block;
				overflow:hidden;
				padding-top:85px;
				background:url(../images/twitition_logo.png) top left no-repeat;
			}

		.headerShell .introBox {
			float:left;
			clear:left;
			background:url(../images/homeHeaderBg.png) top left no-repeat;
			width:678px;
			height:112px;
			padding:0 0 20px 0;
			overflow:hidden;
		}

			.headerShell .introBox .createNewLink {
				float:right;
				display:inline;
				height:98px;
				width:251px;
				padding: 14px 0 0 10px;
			}
			
				.headerShell .introBox .createNewLink a {
					display:block;
					height:0px;
					width:237px;
					padding-top:84px;
					overflow:hidden;
					background:url(../images/createBtnLg.png) top left no-repeat;
				}

			.headerShell .introBox h1 {
				font-size:26px;
				line-height:34px;
				color:#475053;
				letter-spacing:-1px;
				text-shadow:1px 1px 1px #f3f4e9;
				padding:22px 0 0 20px;
			}

				.headerShell .introBox ul li {
					display:inline;
					padding-left:20px;
					font-size:14px;
					text-shadow:1px 1px 1px #f3f4e9;
				}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.largeInput{
		background:url(../images/largeInput.png) top left no-repeat;
		width:634px;
		height:43px;
		float:left;
		font-size:18px;
		line-height:20px;
		color:#444;
	}	

		.largeInput input{
			float:left;
			display:inline;
			margin:10px 0 0 10px;
			padding:0px 2px;
			width:600px;
			border:none;
			outline:none;
			background-color:#FFF;
		}

	.largeTextArea{
		background:url(../images/largeTextArea.png) top left no-repeat;
		width:634px;
		height:213px;
		float:left;
		display:inline;
		margin:0 0 20px 0;
		font-size:18px;
		line-height:20px;
		color:#444;
	}

		.largeTextArea textarea{
			float:left;
			margin:10px 0 0 10px;
			padding:0 2px;
			width:600px;
			height:180px;
			border:none;
			outline:none;
			background-color:#FFF;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.rightCol {
	float:right;
	display:inline;
	width:242px;
	margin:277px 0 0 0;
}

	.rightCol .paypalDonate{
		width:242px;
		margin-bottom:20px;
	}
	
	.rightCol #competwition{
		width:243px;
		height:224px;
		margin-bottom:20px;
		background:url(/images/competwition_banner.jpg) top left no-repeat;
	}
	
		.rightCol #competwition a{
			display:block;
			width:243px;
			height:224px;
			text-indent:-3000em;
			overflow:hidden;
		}

	.rightCol .searchBox {
		height:46px;
		background:#FFF;
		width:242px;
		margin-bottom:20px;
	}
	
		.searchInput {
			width:170px;
			padding:13px;
			font-size:16px;
			line-height:20px;
			font-weight:normal;
			border:none;
			background:#fff;
			float:left;
		}

			.rightCol .searchBox #searchSubmit{
				float:right;
			}

	.rightCol .navList {
		width:242px;
		margin-bottom:20px;
	}
	
		.rightCol .navList ul {
			width:208px;
			padding: 0 17px;
			background-color:#fff;
		}

		.rightCol .navList #nTop {
			width:242px;
			font-size:0px;
			line-height:0px;
			overflow:hidden;
			background:url(../images/whiteBoxRightTop.png) top left no-repeat;
			height:10px;
		}
		
			.rightCol .navList ul li{
				border-bottom:1px solid #e4ebb2;
				padding:10px 0;
				font-size:18px;
			}
			
				.rightCol .navList ul li.last{
					border:none;
				}
				
				.rightCol .navList ul li a{
					color:#475053;
					display:block;
					width:208px;
					background:url(../images/right_arrow.jpg) right 5px no-repeat;
				}

		.rightCol .navList #nBottom {
			width:242px;
			font-size:0px;
			line-height:0px;
			overflow:hidden;
			background:url(../images/whiteBoxRightBottom.png) top left no-repeat;
			height:10px;
		}

	.rightCol .twitisticsShell{
		width:242px;
		margin-bottom:20px;
	}

		.rightCol .twitisticsShell ul {
			width:208px;
			padding: 0 17px;
			font-size:14px;
			margin:10px 0 0 0;
		}
		
			.rightCol .twitisticsShell ul li{
				margin:5px 0 0 0;
				color:#fff;
				line-height:26px;
				text-shadow:1px 1px 1px #374122;
				font-size:13px;
			}
		
				.rightCol .twitisticsShell ul li span{
					font-size:36px;
					letter-spacing:-2px;
				}

		.rightCol .twitisticsShell #tTop {
			width:242px;
			font-size:0px;
			line-height:0px;
			overflow:hidden;
			background:url(../images/greenBoxRightTop.png) top left no-repeat;
			height:10px;
		}
		
		.rightCol .twitisticsShell #tMid{
			background:url(../images/greenBoxRightMiddle.png) top left repeat-y;
		}
		
			.rightCol .twitisticsShell #tMid h3{
				padding:2px 0 0 15px;
				color:#fff;
				font-size:18px;
			}

		.rightCol .twitisticsShell #tBottom {
			width:242px;
			font-size:0px;
			line-height:0px;
			overflow:hidden;
			background:url(../images/greenBoxRightBottom.png) top left no-repeat;
			height:10px;
		}

	.rightCol .recentTwits {
		width:242px;
	}
	
		.rightCol .recentTwits h3{
			color:#00a4dd;
		}
	
		.rightCol .recentTwits ul {
			padding: 0 11px 0 15px;
			margin:0;
			background-color:#fff;
			overflow:hidden;
			float:left;
			width:216px;
			display:inline;
		}
		
			.rightCol .recentTwits ul li{
				display:inline;
				float:left;
				padding: 0 4px 4px 0;
				width:50px;
				height:51px;
				margin:0;
			}
		
				.rightCol .recentTwits ul li img{
					display:block;
					height:48px;
					width:48px;
				}

		.rightCol .recentTwits #rTop {
			width:242px;
			font-size:0px;
			line-height:0px;
			overflow:hidden;
			background:url(../images/whiteBoxRightTop.png) top left no-repeat;
			height:10px;
		}
		
			.rightCol .recentTwits #rMid{
				background:#fff;
				overflow:hidden;
			}
			
				.rightCol .recentTwits #rMid h3{
					padding:2px 0 0 0;
					margin:0 0 10px 15px;
				}

		.rightCol .recentTwits #rBottom {
			width:242px;
			font-size:0px;
			line-height:0px;
			overflow:hidden;
			background:url(../images/whiteBoxRightBottom.png) top left no-repeat;
			height:10px;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.leftCol {
		float:left;
		display:inline;
		width:678px;
	}
	
		.leftCol .listTitleBox {
			width:678px;
			height:60px;
			overflow:hidden;
			background-image:url(../images/listTitleBar.png);
			margin-bottom:10px;
		}
	
			.leftCol .listTitleBox h2 {
				color:#fff;
				font-size:26px;
				line-height:normal;
				padding: 17px 0 0 20px;
				margin:0;
			}
	
		.leftCol .listTitleBox div {
			height:36px;
			width:36px;
			padding:12px 12px 10px 10px;
			overflow:hidden;
			float:right;
			display:inline;
		}
	
			.leftCol .listTitleBox div a {
				display:block;
				height:0px;
				overflow:hidden;
				background:url(../images/rss_logo.png) top left no-repeat;
				padding-top:36px;
				width:36px;
			}
	
		.leftCol .twititionList {
			padding:0;
		}
		
		.leftCol .twititionList li {
			padding:0;
			margin-bottom:10px;
			background:url(../images/listbox.png) top left no-repeat;
			width:678px;
			height:80px;
			overflow:hidden;
		}
		
			.leftCol .twititionList li h3 {
				padding: 16px 0 0 20px;
				letter-spacing:-1px;
				font-size:20px;
				overflow:hidden;
				height:26px;
			}
		
			.leftCol .twititionList li p {
				padding: 3px 0 0 20px;
			}
		
			.leftCol .twititionList li div {
				float:right;
				display:inline;
				color:#FFF;
				width:100px;
				text-align:center;
				font-weight:bold;
				padding: 10px 0 0 0
			}
		
				.leftCol .twititionList li div span.large {
					font-size:28px;
					line-height:36px;
					letter-spacing:-1px;
					text-shadow:1px 1px 1px #188dbe;
					float:left;
					width:100%;
					clear:both;
				}

		.leftCol .lessLink {
			float:right;
			display:inline;
			margin-bottom:20px;
			padding-right:10px;
			width:80px;
		}
	
			.leftCol .lessLink a {
				display:block;
				float:right;
				width:70px;
				height:0px;
				padding-top:26px;
				overflow:hidden;
				background:url(../images/lessBtn.png) top left no-repeat;
				display:none;
			}
		
		.leftCol .moreLink {
			float:right;
			display:inline;
			margin-bottom:20px;
			padding-right:10px; 
			width:80px;
		}
	
			.leftCol .moreLink a {
				display:block;
				float:right;
				width:70px;
				height:0px;
				padding-top:26px;
				overflow:hidden;
				background:url(../images/moreBtn.png) top left no-repeat;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFT COLUMN INTERNAL ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#contentContainer{
		float:left;
	}

	#contentBoxCap{
		background:url(../images/internalTopCap.png) top left no-repeat;
		width:678px;
		height:10px;
		font-size:1px;
		line-height:1px;
	}

	#contentBox{
		width:638px;
		float:left;
		background:url(../images/internalTop.png) top left no-repeat #fff;
		padding:0 20px;
	}
	
		#contentBox p.title{
			color:#475053;
			font-size:32px;
			margin:5px 0 25px 0;
		}
		
		
		#contentBox li 
		{
			list-style:disc;
			margin-left:30px;
		}
		
		

			#infoArea{
				float:left;
				width:100%;
				margin:10px 0;
				clear:both;
			}
			
				#infoArea .left{
					float:left;
					width:370px;
				}

					#infoArea .left #whoDoneIt{
						color:#899093;
					}

						#infoArea .left #whoDoneIt .date{
							color:#475053;
						}
						
							#infoArea .left #whoDoneIt a{
								font-style:normal;
							}

					#twitition_description{
						font-size:16px;
						font-weight:bold;
						color:#475053;
						font-size:16px;
						float:left;
						display:inline;
						margin:10px 0 0 0;
					}

		#contentBox h2{
			font-size:24px;
			line-height:28px;
			margin:0;
			overflow:hidden;
		}

						#description  p{
							padding:5px 0;
							margin:0;
						}

				#infoArea .right{
					float:right;
					width:230px;
				}

					#currentSignatures{
						background:url(../images/signatures.png) top left no-repeat;
						width:227px;
						height:94px;
						display:block;
						text-align:center;
					}
					
						#currentSignatures .signatures{
							font-size:54px;
							font-weight:bold;
							padding:28px 0 10px 0;
						}

				#submitbutton{
					background:url(../images/signBtnLg.png) top left no-repeat;
					width:227px;
					height:74px;
					margin:15px 0 10px 0;
					font-size:1px;
					line-height:1px;
					text-indent:-3000em;
					display:block;
					overflow:hidden;
				}
				
				.permalink{
					font-size:12px;
					font-style:italic;
					color:#899093;
					padding:5px 0;
					overflow:hidden;
				}
				
					.permalink a{
						color:#00a4dd;
						font-weight:bold;
						font-style:normal;
					}

		#shareThis{
			float:left;
			width:100%;
		}

			#shareThis ul{
				background:url(../images/shareThis.png) top left no-repeat;
				width:641px;
				height:31px;
				padding:0;
				margin:5px 0 20px 0;
			}
			
				#shareThis ul li{
					float:left;
					margin:6px 0 0 27px;
					display:inline;
					padding:0 0 0 20px;
					font-size:13px;
					line-height:18px;
					list-style:none;
				}
	
					.twitter{
						background:url(../images/small_twitter.png) top left no-repeat;
					}
					
					.facebook{
						background:url(../images/small_facebook.png) top left no-repeat;
					}
			
					.delicious{
						background:url(../images/small_delicious.png) top left no-repeat;
					}
			
					.digg{
						background:url(../images/small_digg.png) top left no-repeat;
					}
			
					.reddit{
						background:url(../images/small_reddit.png) top left no-repeat;
					}
			
					.stumbleupon{
						background:url(../images/small_stumbleupon.png) top left no-repeat;
					}

		#latestSignatures{
			float:left;
			width:100%;
		}
		
		#latestSignatures ul {
			padding-bottom:10px;
			overflow:hidden;
		}

			#latestSignatures ul li{
				border-top:1px solid #c9cac2;
				float:left;
				width:100%;
				padding:5px 0;
				list-style:none;
				margin:0;
			}
	
				.signatureInfo{
					float:left;
					width:100%;
				}
				
					.signatureInfo .image{
						float:left;
						width:48px;
						margin:0 20px 0 0;
					}
					
					.signatureInfo .signedby{
						float:left;
						display:inline;
						width:300px;
						padding:15px 0 0 0;
					}
	
					.signatureInfo .signedon{
						float:right;
						width:260px;
						padding:15px 0 0 0;
						text-align:right;
					}

		#moreLink{
			float:left;
			width:100%;
			margin:10px 0 30px 0;
		}
		
			#moreLink img{
				margin:0 0 0 270px;
			}

	#bottom{
		background:url(../images/contentBottom.png) top left no-repeat;
		width:678px;
		height:10px;
		display:block;
		float:left;
	}

	.mini_title{
		padding:0;
		margin:20px 0 5px 0;
		font-size:24px;
		line-height:28px;
		font-weight:bold;
		color:#475053;
		float:left;
		width:100%;
	}

	.intro{
		padding:0;
		margin:0 0 10px 0;
		font-size:12px;
		color:#475053;
		float:left;
		width:100%;
	}

	#createBtnLg{
		margin:20px 0 0 0;
		float:left;
	}


	.paginationControl{
		float:left;
		width:100%;
		padding:0px 0 10px 0;
		clear:both;
		display:inline;
	}

		#next_l{
			padding:7px 0 0 0;
			margin:0;
			border:none;
			width:auto;
			float:left;
			display:inline;
		}

		#prev_l{
			padding:7px 0 0 0;
			margin:0 0 0 30px;
			border:none;
			width:auto;
			float:left;
			display:inline;
		}
		
		#pagination_list, #latestSignatures #pagination_list{
			float:left;
			padding:0 0 0 15px;
			margin:0 20px;
			background:url(../images/pagination.png) top left no-repeat;
			width:403px;
			height:27px;
			display:inline;
		}
		
			#pagination_list li, #latestSignatures #pagination_list li{
				padding:3px 15px 0 15px;
				margin:0;
				border:none;
				float:left;
				color:#fff;
				font-weight:bold;
				font-size:16px;
				width:auto;
				display:inline;
			}
			
				#pagination_list li a, #latestSignatures #pagination_list li a{
					color:#ccff99;
					font-size:12px;
				}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BOTTOM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bottomShell {
	background:url(../images/footerBg.png) top left repeat-x #6f6b57;
	overflow:hidden;
	width:100%;
	margin:20px 0 0 0;
}

.bottomKernel {
	margin: 0 auto;
	width:960px;
	overflow:hidden;
	padding:20px 10px;
}

	.bottomKernel .widgetBox{
		float:left;
		display:inline;
		width:300px;
		margin:0 30px 0 0;
	}
	
		.bottomKernel .widgetBox.last{
			margin:0;
		}
	
	.bottomKernel .widgetBox h3{
		color:#fff;
		padding-left:10px;
		font-size:23px;
		line-height:30px;
	}
	
		.bottomKernel .boxTop{
			/*background:url(../images/300BoxTop.png) top left no-repeat;*/
			width:280px;
			height:1px;
			padding:0px 0 0px 0;
			margin:0 10px;
			display:block;
			font-size:1px;
			line-height:1px;
			border-top:1px dotted #FFF;
		}

		.bottomKernel .boxContent{
			/*background:#fff;*/
			color:#FFF;
			padding:0 2px;
			display:block;
		}

		.bottomKernel .boxContent p, 
		.bottomKernel .boxContent h4 {
			/*background:#fff;*/
			color:#FFF;
			padding:8px 0 8px 10px;
		}
		

		.bottomKernel .boxBottom{
			/*background:url(../images/300BoxBottom.png) top left no-repeat;*/
			width:300px;
			height:10px;
			display:block;
		}

	.followUs{
		float:right;
		margin:0 10px 0 0;
	}

	#follow_twitter{
		background:url(../images/twitter_icon.png) top left no-repeat;
		width:32px;
		height:32px;
		display:block;
		line-height:1px;
		font-size:1px;
		text-indent:-3000em;
		overflow:hidden;
	}

	#follow_twitition .boxContent{
		float:left;
		width:290px;
	}

	#follow_twitition .boxTop, #follow_twitition .boxBottom{
		float:left;
	}
	
	#follow_twitition h3{
		width:240px;
		float:left;
	}

		.twitition_on_twitter{
			float:left;
		}

			#follow_twitition li{
				float:left;
				display:inline;
				padding:6px 0 10px 0;
				margin:0 0 8px 10px;
				border-bottom:1px dotted #fff;
			}

				#follow_twitition li.last{
				}

			.twitition_on_twitter .image{
				float:left;
				display:inline;
				margin:0 10px 0 0;
				width:50px;
			}

			.twitition_on_twitter .content{
				float:left;
				width:220px;
				font-size:11px;
				line-height:15px;
				color:#475053;
			}

				.twitition_on_twitter .content p
				{
					font-size:12px;
					line-height:16px;
					margin:0;
					padding:0;
				}

				.greyDate{
					font-size:11px;
					color:#ccc;
					font-style:italic;
				}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footerShell {
	background-color:#444;
	overflow:hidden;
	width:100%;
}

.footerKernel {
	margin: 0 auto 0px auto;
	width:960px;
	padding:30px 20px;
	overflow:hidden;
}

	.footerKernel p 
	{
		font-size:12px;
		line-height:18px;
		color:#aaa;
		padding:0px;
	}

	.footerKernel .left{
		float:left;
		display:inline;
		width:470px;
	}
	
	.footerKernel .right{
		float:right;
		width:380px;
		display:inline;
		text-align:right;
		padding-right:40px;
	}
	
		.footerKernel .right ul
		{
			overflow:hidden;
			padding:0px;
			margin:0;
		}
	
		.footerKernel .right ul li{
			display:inline;
			font-size:12px;
			padding: 0 10px;
			border-right:1px solid #aaa;
		}
	
			.footerKernel .right ul li.last{
				padding: 0 0 0 10px;
				border:none;
			}	
		
			.footerKernel .right ul li a{
				font-weight:normal;
				color:#aaa;
			}


div.error 
{
	border:1px dotted #881111;
	padding:5px 15px;
	margin:5px 0;
	color:#881111;
}
	.error ul
	{
		padding-left:20px;
	}
		.error ul li
		{
			list-style:disc;
		}
	.error h3
	{
		color:#881111;
		padding-bottom:0px;
	}
	
.zend_form p
{
	overflow:hidden;
	width:100%;
	padding:0;
}

.preview 
{
	margin:10px 0;
	padding:10px 20px;
	overflow:hidden;
	border:1px dotted #00a4dd;
}

	.preview h4
	{
		padding:10px 0 0 0;
	}

	.preview h2
	{
		padding:5px 0 10px 0;
	}

	.preview p
	{
		padding:5px 0 10px 0;
	}