@charset "UTF-8";

/*

Killed Ideas

Global Stylesheet
version 1.1
author: futurepruf.com

YELLOW: 		#FCD300
ORANGE: 		#FF6633
BLUE: 			#
DARK GREY:	#666565
LIGHT GREY:	#BBB

*/

/* SOCIABLE CSS */
@import url('http://killedideas.com/blog/wp-content/plugins/sociable/sociable.css');

/*================ GLOBAL ================*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url('http://killed-ideas.s3.amazonaws.com/background_body.png') repeat;
}

a { color: #FF6633; text-decoration: none; }
a img { border: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

h3 {
	font-size: 14px;
	margin: 12px 0;
	padding: 0;
}

p { margin: 10px 0; font-size: 11px; }

#wrapper {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

	#notebook {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 600px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook.png') no-repeat;
	}
	
	#notebook_index {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 600px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_index.png') no-repeat;
	}
	
	#notebook_index-ext {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 610px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_index-ext.png') no-repeat; height: 610px;
	}
	
	#notebook_index-close {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 610px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_index-vol.1close.png') no-repeat; height: 610px;
	}
	
	#notebook_index-vote {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 610px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_index-vote.png') no-repeat;
		height: 610px;
	}
	
	#notebook_index-vote-close {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 610px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_index-vote-close.png') no-repeat;
		height: 610px;
	}
	
	
	#notebook_agencyscoop {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 600px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_agencyscoop.png') no-repeat;
	}
	
	#notebook_agencyscoop-ext {
		margin: 20px 0 0 20px;
		width: 770px;
		height: 610px;
		float: left;
		background: url('http://killed-ideas.s3.amazonaws.com/background_notebook_agencyscoop-ext.png') no-repeat;
	}
	
		#page_left {
			float: left;
			padding: 22px 0 0 40px;
			position: relative;
			height: 578px;
			width: 345px;
		}
		
			#page_left h1 {
				float: left;
				margin: 0;
				padding: 0;
				width: 210px;
				height: 105px;
				text-indent: -9999px;
			}
			
				#page_left h1 a {
					display: block;
					width: 210px;
					height: 105px;
				}
			
			#page_left #nagivation_main {
				float: left;
				margin: 24px 0 0 0;
				padding: 0;
				list-style: none;
			}

				#page_left #nagivation_main li {
					text-indent: -9999px;
					position: relative;
					width: 338px;
				}
				
				#page_left #nagivation_main li div {
					text-indent: 0;
					position: absolute;
					top: 5px;
					right: 0;
					width: 166px;
					color: #666565;
					background: url('http://killed-ideas.s3.amazonaws.com/main_nav_arrow.png') no-repeat;
				}
				
					#page_left #nagivation_main li div p {
							font-size: 12px;
							position: absolute;
							margin: 0;
							padding: 0;
					}
				
					#submit_a_killed_idea a {
						display: block;
						width: 162px;
						height: 57px;
						background: url('http://killed-ideas.s3.amazonaws.com/submit_a_killed_idea.png') no-repeat;
					}
					
					#submit_a_killed_idea div { height: 57px; }				
						#submit_a_killed_idea div p { top: 9px; left: 30px; }
				
				#submissions_whats_involved a {
					display: block;
					width: 162px;
					height: 53px;
					background: url('http://killed-ideas.s3.amazonaws.com/submissions_whats_involved.png') no-repeat 0 0;
				}
				
				#submissions_whats_involved.selected a {
					background: url('http://killed-ideas.s3.amazonaws.com/submissions_whats_involved.png') no-repeat 0 -53px;
				}
				
				#submissions_whats_involved div { height: 53px; }
					#submissions_whats_involved div p { top: 17px; left: 30px;	}
				
				#about_killed_ideas a {
					display: block;
					width: 162px;
					height: 57px;
					background: url('http://killed-ideas.s3.amazonaws.com/about_killed_ideas.png') no-repeat 0 0;
				}
				
				#about_killed_ideas.selected a {
					background: url('http://killed-ideas.s3.amazonaws.com/about_killed_ideas.png') no-repeat 0 -57px;
				}

				#about_killed_ideas div { height: 57px; }
					#about_killed_ideas div p { top: 9px; left: 30px;	}
										
				#blog a {
					display: block;
					width: 162px;
					height: 60px;
					background: url('http://killed-ideas.s3.amazonaws.com/blog.png') no-repeat 0 14px;
				}
				
				#blog div { height: 60px; top: 0; }
					#blog div p { top: 10px; left: 30px;	}
					
				#see_50 {
					margin-top: 4px;
					
				}
				
				#see_50 a {
					display: block;
					width: 162px;
					height: 60px;
					text-indent: 0;
				}
				
				#see_50 div { height: 60px; top: 0; }
					#see_50 div p { top: 10px; left: 30px;	}
			
			
/* COUNTDONW TIMER */

#wrap_countdown_timer {
	position: absolute;
	top: 396px;
	left: 40px;
}

#wrap_countdown_timer-ext {
	position: absolute;
	top: 384px;
	left: 40px;
}

	#wrap_countdown_timer h3 {
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: url('http://killed-ideas.s3.amazonaws.com/deadline.png') no-repeat;
		width: 122px;
		height: 17px;
	}
	
	#wrap_countdown_timer-ext h3 {
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: url('http://killed-ideas.s3.amazonaws.com/deadline-ext.png') no-repeat;
		width: 284px;
		height: 29px;
	}

	.countdown_row {
		clear: both;
		width: 100%;
		text-align: center;
	}

	.countdown_row *:first-child {
		text-align: left;
		width: 30px;
	}
	
	.countdown_section {
		width: 40px;
		margin-right: 12px;
		float: left;
		font-size: 10px;
		color: #666565;
	}
	
	.countdown_amount {
		font-size: 26px;
		color: #FCD300;
	}


/* SOCIABLE */

			#page_left #sociable {
		  	position: absolute;
				top: 472px;
				left: 40px;
				width: auto;
				margin: 0;
			}

/* EMAIL CAPTURE */
		
#page_left #email_capture {
	padding-top: 10px;
	border-top: 1px #DDD solid;
 	position: absolute;
	top: 526px;
	left: 40px;
	height: 23px;
}

	#page_left #email_capture input#email_capture_input {
		border: 2px solid #FCD300;
		margin: 0;
		font-size: 12px;
		padding: 2px;
		color: #BBB;
		float: left;
	}
	
	#page_left #email_capture input#email_capture_input:hover {
		border: 2px solid #BBB;
	}
	
	#page_left #email_capture input#email_capture_input:focus {
		border: 2px solid #FCD300;
	}
	
	#page_left #email_capture input#join_now {
		float: left;
		margin-left: 10px;
		text-indent: -9999px;
		background: url('http://killed-ideas.s3.amazonaws.com/join.png') no-repeat 0 0;
		height: 22px;
		width: 50px;
		cursor: pointer;
		border: none;
	}
	
	#page_left #email_capture input#join_now:hover {
		background: url('http://killed-ideas.s3.amazonaws.com/join.png') no-repeat 0 -22px;
	}


/* FOOTER */

			#page_left #nagivation_footer {
				position: absolute;
				bottom: 16px;
				left: 40px;
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 11px;
			}
			
				#page_left #nagivation_footer li {
					float: left;
					margin: 0 4px 0 0;
					padding: 0 0 0 4px;
					border-left: 1px solid #666565; ;
				}
				
				#page_left #nagivation_footer li.nagivation_footer_first {
					border: none;
					margin-left: 0;
					padding-left: 0;
				}
				
					#page_left #nagivation_footer li a {
						color: #666565;
						text-decoration: none;
					}
		
		#page_right {
			float: left;
			position: relative;
			padding: 20px 30px 0 20px;
			height: 580px;
			width: 330px;
		}
		
			#page_right *:first-child { margin-top: 0; }
			
/*================ INDEX ================*/

#page_left #nagivation_main li#vote {
	text-indent: 0;
}

#blurb {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 30px;
}

#index_find_out_more {
	display: block;
	position: absolute;
	height: 44px;
	width: 100px;
	top: 238px;
	left: 230px;
}

#index_contact {
	display: block;
	position: absolute;
	height: 44px;
	width: 100px;
	top: 438px;
	left: 166px;
}

#index_submit {
	display: block;
	position: absolute;
	height: 44px;
	width: 100px;
	top: 270px;
	left: 62px;
}

#see_winner {
	display: block;
	position: absolute;
	height: 50px;
	width: 380px;
	top: 86px;
	left: 0px;
}

#index_submit-ext  {
	display: block;
	position: absolute;
	height: 44px;
	width: 100px;
	top: 488px;
	left: 216px;
}

#index_vote {
	display: block;
	position: absolute;
	height: 44px;
	width: 112px;
	top: 130px;
	left: 20px;
}

#index_sign_up {
	display: block;
	position: absolute;
	height: 44px;
	width: 112px;
	top: 320px;
	left: 132px;
}

#agencyscoop_submit {
	display: block;
	position: absolute;
	height: 44px;
	width: 94px;
	top: 156px;
	left: 100px;
}

#credits_trigger {
	margin: 0;
	padding: 0;
	font-size: 11px;
	position: absolute;
	top: 571px;
	left: 20px;
}

	#credits_trigger a {
		color: #666565;
		text-decoration: none;
	}


/*================ SUBMISSIONS PAGE ================*/

#page_right.page_submissions h2 {
	margin: 0;
	padding: 0;
	height: 21px;
	width: 330px;
	text-indent: -9999px;
	background: url('http://killed-ideas.s3.amazonaws.com/header_submissions_whats_involved.png') no-repeat;
}

#page_right.page_submissions h3 {
	margin-bottom: 0;
}

#page_right.page_submissions p {
	margin-top: 0;
}

/*================ ABOUT KILLED IDEAS PAGE ================*/

#page_right.about_killed_ideas h2 {
	margin: 0;
	padding: 0;
	height: 21px;
	width: 224px;
	text-indent: -9999px;
	background: url('http://killed-ideas.s3.amazonaws.com/header_about_killed_ideas.png') no-repeat;
}

#page_right.about_killed_ideas p { font-size: 12px; }

#navigation_about_killed_ideas {
	list-style: none;
	margin: 12px 0;
	padding: 0 12px;
}

	#navigation_about_killed_ideas li {
		text-indent: -9999px;
	}

		#navigation_about_killed_ideas li a {
			display: block;
		}
		
		#trigger_why {
			width: 217px;
			height: 27px;
			background: url('http://killed-ideas.s3.amazonaws.com/whos_behind_this.png') no-repeat 0 0;
			margin-bottom: 2px;
		}
		
		#trigger_why:hover,
		#trigger_why.about_selected {
			background: url('http://killed-ideas.s3.amazonaws.com/whos_behind_this.png') no-repeat 0 -27px;
		}

		#trigger_how_it_works {
			width: 144px;
			height: 22px;
			background: url('http://killed-ideas.s3.amazonaws.com/header_how_it_works.png') no-repeat 0 0;
		}
		
		#trigger_how_it_works:hover,
		#trigger_how_it_works.about_selected {
			background: url('http://killed-ideas.s3.amazonaws.com/header_how_it_works.png') no-repeat 0 -22px;
		}
		
		#trigger_the_curator {
			width: 155px;
			height: 25px;
			background: url('http://killed-ideas.s3.amazonaws.com/header_the_curator.png') no-repeat 0 0;
		}
		
		#trigger_the_curator:hover,
		#trigger_the_curator.about_selected {
			background: url('http://killed-ideas.s3.amazonaws.com/header_the_curator.png') no-repeat 0 -25px;
		}
		
		#trigger_faq {
			width: 50px;
			height: 20px;
			background: url('http://killed-ideas.s3.amazonaws.com/header_faqs.png') no-repeat 0 0;
		}
		
		#trigger_faq:hover,
		#trigger_faq.about_selected {
			background: url('http://killed-ideas.s3.amazonaws.com/header_faqs.png') no-repeat 0 -20px;
		}

#about_killed_ideas_content {
	position: relative;
	width: 330px;
}

#about_killed_ideas_content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#about_killed_ideas_content ul li {
	margin: 6px 0;
	font-size: 14px;
	font-weight: bold;
}

	#about_killed_ideas_content ul li div {
		padding-left: 13px;
		font-size: 11px;
		font-weight: normal;
	}

#about_killed_ideas_content ul li:before {
	content: "\00D7 \0020";
	}

#about_killed_ideas_why,
#about_killed_ideas_faq,
#about_killed_ideas_how_it_works,
#about_killed_ideas_the_curator { position: absolute; top: 0; left: 0; }

#about_killed_ideas_faq { width: 330px; height: 430px; }
	#about_killed_ideas_faq ul { padding-right: 20px; } 



/*================ TERMS AND CONDITIONS PAGE ================*/

#page_right.terms_conditions {
	margin: 20px 0;
	width: 300px;
	height: 540px;
}

#page_right.terms_conditions h2 {
	margin: 0;
	padding: 0;
	height: 24px;
	width: 220px;
	text-indent: -9999px;
	background: url('http://killed-ideas.s3.amazonaws.com/header_terms_conditions.png') no-repeat;
}

#page_right.terms_conditions ol {
	margin: 12px 0;
	padding: 0 0 0 12px;
}

#page_right.terms_conditions li,
#page_right.terms_conditions p {
	margin: 12px 0;
	font-size: 11px;
}

/*================ PRIVACY PAGE ================*/

#page_right.privacy h2 {
	margin: 0;
	padding: 0;
	height: 17px;
	width: 94px;
	text-indent: -9999px;
	background: url('http://killed-ideas.s3.amazonaws.com/header_privacy.png') no-repeat;
}

/*================ SUCCESS PAGE ================*/

#page_succes {

}

	#succes_message {
		width: 312px;
		margin: 55px 0 0 55px;
		background: #FFF;
		padding: 20px;
	}
	
		#succes_message p {
			font-size: 16px;
		}
	
/*================ BUBBLES ================*/

.bt-content {
  color: #000;
	text-align: center;
}

/*================ SUBMIT PAGE ================*/

body.submit_form {
	background-image: none;
	background: #FFF;
}

input, textarea {
	background: #FFFFFF;
	border: 2px solid #DDD;
	padding: 2px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
}

input:hover, textarea:hover {
	border-color: #BBB;
}

input:focus, textarea:focus {
	border-color: #FCD300;
}

#submit_ki {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
}
	
	#submit_ki #stage_window {
		position: absolute;
		top: 0;
		left: 0;
		height: 555px;
		width: 450px;
		overflow: hidden;
	}
	
	#submit_ki #stage_container {
		position: absolute;
		top: 0;
		left: 0;
		height: 555px;
		width: 2000px;
		z-index: 1;
	}
	
	#submit_ki #error_messages  {
		position: absolute;
		top: 0;
		left: 0;
		width: 424px;
		height: auto;
		background: red;
		color: #FCD300;
		z-index: 1000;
		padding: 20px;
	}
	
		#submit_ki #error_messages li {
			float: left;
			width: 450px;
			height: auto;
		}
	
	#submit_ki #stage_0 {
		padding: 10px;
		width: 444px;
		height: 555px;
		float: left;
	}
	
		#submit_ki #stage_0 img {
			cursor: pointer;
		}

	#submit_ki #stage_1 {
		padding: 10px 10px 0 10px;
		width: 420px;
		height: 555px;
		float: left;
	}
	
		#submit_ki #stage_1 h3 {
			text-indent: -9999px;
			background: url('http://killed-ideas.s3.amazonaws.com/submit_form/step1_anatomy_of.png') no-repeat;
			height: 19px;
			width: 300px;
			margin: 0;
			padding: 0;
		}
		
		#submit_ki #stage_1 p {
			margin-bottom: 25px;
		}
		
		#submit_ki #stage_1 #step_1_of_3 {
			text-indent: -9999px;
			background: url('http://killed-ideas.s3.amazonaws.com/submit_form/step1of3.png') no-repeat;
			height: 23px;
			width: 141px;
			margin: 20px 0 0 128px;
			padding: 0;
		}
		
		#submit_ki #stage_1 #next_to_s2,
		#submit_ki #stage_1 #next_to_s2_flagged {
			margin: 20px 0 0 0;
			float: right;
			width: 70px;
		}
		
		#submit_ki #stage_1 #next_to_s2 a,
		#submit_ki #stage_1 #next_to_s2_flagged a {
			text-indent: -9999px;
			background: url('http://killed-ideas.s3.amazonaws.com/submit_form/next.png') no-repeat;
			height: 17px;
			width: 70px;
			margin: 0;
			padding: 0;
			display: block;
		}
	
	#submit_ki #stage_2 {
		padding: 10px 10px 0 10px;
		width: 420px;
		height: 555px;
		float: left;
	}
	
		#submit_ki #stage_2 h3 {
			text-indent: -9999px;
			background: url('http://killed-ideas.s3.amazonaws.com/submit_form/header_about_you.png') no-repeat;
			height: 19px;
			width: 120px;
			margin: 0 0 16px;
			padding: 0;
		}
		
			#submit_ki #stage_2 #back_to_s1 {
				margin: 30px 64px 0 0;
				float: left;
				height: 14px;
				width: 68px;
			}

			#submit_ki #stage_2 #back_to_s1 a {
				text-indent: -9999px;
				background: url('http://killed-ideas.s3.amazonaws.com/submit_form/back.png') no-repeat;
				height: 14px;
				width: 68px;
				margin: 0;
				padding: 0;
				display: block;
			}
	
			#submit_ki #stage_2 #step_2_of_3 {
				text-indent: -9999px;
				background: url('http://killed-ideas.s3.amazonaws.com/submit_form/step2of3.png') no-repeat;
				height: 21px;
				width: 151px;
				margin: 30px 0 0 0;
				padding: 0;
			}
			
			#submit_ki #stage_2 #next_to_s3,
			#submit_ki #stage_2 #next_to_s3_flagged {
				margin: 30px 0 0 0;
				float: right;
				width: 70px;
			}

			#submit_ki #stage_2 #next_to_s3 a,
			#submit_ki #stage_2 #next_to_s3_flagged a {
				text-indent: -9999px;
				background: url('http://killed-ideas.s3.amazonaws.com/submit_form/next.png') no-repeat;
				height: 17px;
				width: 70px;
				margin: 0;
				padding: 0;
				display: block;
			}
	
	#submit_ki #stage_3 {
		padding: 10px 10px 0 10px;
		width: 420px;
		min-height: 555px;
		float: left;
	}
	
		#submit_ki #stage_3 h3 {
			text-indent: -9999px;
			background: url('http://killed-ideas.s3.amazonaws.com/submit_form/step3_anonymity.png') no-repeat;
			height: 24px;
			width: 420px;
			margin: 0;
			padding: 0;
		}
	
		#submit_ki #stage_3 ul li {
			min-height: 0;
		}
		
		.legal_details li label {
			font-size: 11px;
		}
		
		#upload-1 { border: none; }
		
		#submit_ki ul li select#how_hear { width: 180px; }
		
		#submit_ki #stage_3 #back_to_s2 {
			margin: 0;
			float: left;
			height: 14px;
			width: 68px;
		}

		#submit_ki #stage_3 #back_to_s2 a {
			text-indent: -9999px;
			background: url('http://killed-ideas.s3.amazonaws.com/submit_form/back.png') no-repeat;
			height: 14px;
			width: 68px;
			margin: 0;
			padding: 0;
			display: block;
		}
		
		#submit_ki ul li#button_submit {
			margin: 0;
			padding: 0;
			float: right;
			height: 40px;
			width: 160px;
		}
		
			#submit_ki ul li#button_submit input {
				text-indent: -9999px;
				border: none;
				height: 40px;
				width: 160px;
				margin: 0;
				padding: 0 0 5px 0;
				background: url('http://killed-ideas.s3.amazonaws.com/submit_form/submit_now.png') no-repeat 0 -5px;
				cursor: pointer;
			}

	#submit_ki ul {
		float: left;
		width: 420px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#submit_ki ul.column {
		margin: 0 20px 0 0;
	}
	
		#submit_ki ul li {
			float: left;
			width: 420px;
			min-height: 32px;
		}
		
			#submit_ki ul li label {
				float: left;
				width: 200px;
				line-height: 20px;
				text-align: right;
				padding-right: 12px;
				color: #000;
			}
			
			#submit_ki ul li label.full_width_label {
				text-align: left;
				width: 420px;
			}
			
			#submit_ki ul li input.full_width_input {
				margin-bottom: 15px;
				width: 412px;
			}
			
			#submit_ki ul li textarea.full_width_textarea {
				margin-bottom: 15px;
				width: 412px;
			}
			
			#submit_ki ul li label.alignleft {
				text-align: left;
			}
			
				#submit_ki ul li label em,
				#submit_ki p em {
					color: red;
				}
			
			#submit_ki ul li input,
			#submit_ki ul li textarea {
				float: left;
				width: 200px;
			}
			
			#submit_ki ul li input[type="radio"],
			#submit_ki ul li input[type="checkbox"] {
				border: 2px #FFF solid;
				width: 20px;
			}
			
			#submit_ki ul li select {
				width: 200px;
			}
			
			#submit_ki ul li p {
				font-weight: bold;
			}	
			
			#submit_ki ul li ul {
					margin: 10px 0;
				}
				
			#submit_ki label.error { color: red !important; width: auto; }
			#submit_ki select.error { border: 2px red solid !important; color: red !important; }
			#submit_ki input.error { border: 2px red solid !important; color: red !important; }
			#submit_ki input.error[type="checkbox"] { border: 2px red solid !important; color: red !important; }
			#submit_ki textarea.error { border: 2px red solid !important; color: red !important; }
				
/*================ SCROLL STYLE  ================*/

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 9px;
	background-color: #ECECEC;
}

.vscrollerbar {
	width: 9px;
	background-color: #CFCACA;
}

.hscrollerbase {
	height: 9px;
	background-color: #ECECEC;
}

.hscrollerbar {
	height: 9px;
	background-color: #CFCACA;
}

.scrollerjogbox {
	width: 9px;
	height: 9px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}

/*================ CLASSES  ================*/

.or { font-style: italic; }