html {
	background: #f2f2f2 url('images/page-bg.png') repeat-y center;
}

body {
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 3em 0 0;
}

a {
	color: #0070e2;
}

	a:hover {
		color: #a60000;
	}
	
	a img {
		border: 0 none;
	}

p, ul, ol {
	margin-bottom: 0.8em;
	line-height: 1.3em;
}

	p img {
		margin-bottom: -2px;
	}
	
	img.gravatar {
		padding: 1px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #ccc;
		background: white;
		margin-bottom: -6px;
	}

.clear {
	clear: both;
}

abbr {
	border-bottom-color: #999;
}

	abbr:hover {
		border-bottom-color: #666;
	}

/* Forms */
input, textarea {
	background: #FFF;
	border: 1px solid #CCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 4px;
	padding: 4px;
	vertical-align: top;
	width: 79%;
}

	form .field_error {
		border-top: 1px solid #cd6f00;
		border-left: 1px solid #cd6f00;
		border-right: 1px solid #f7a300;
		border-bottom: 1px solid #f7a300;
	}
	
	form .field_ok {
		border-top: 1px solid #5ccd00;
		border-left: 1px solid #5ccd00;
		border-right: 1px solid #9df700;
		border-bottom: 1px solid #9df700;
	}
	
	input:hover, textarea:hover {
		border: 1px solid #aac7e1;
	}
	
	input:focus, textarea:focus {
		border: 1px solid #4794d9;
	}

input[type="text"], input[type="password"] {
	/* Surprisingly, IE doesn't require this but others do */
	cursor: text;
}

	input[disabled] {
		cursor: default;
	}

input[type="checkbox"], input[type="radio"] {
	margin-top: 3px;
	width: auto;
}

select {
	padding: 3px 0;
	padding-right: 3px;
}

textarea {
	height: 150px;
}

p.formbuttons {
	margin: 50px 0;
}

form p, fieldset p {
	clear: left;
}

button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
	/* Removes those yucky form outlines in Firefox (doesn't seem to work on <select>) */
	/* And be quiet! You don't want to let the W3C validator know this! (just kidding) */
	border: 0;
}

.button, button, select {
	background: #FFF;
	border: 1px solid #bbb;
	display: inline;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.button, button {
	background: #fff url('images/button_bg.gif') repeat-x bottom;
	color: #003e74;
	padding: 4px 10px;
	text-align: center;
}
	
	.button {
		cursor: default;
		line-height: 2;
		-moz-user-select: none;
		-khtml-user-select: none;
		user-select: none;
		white-space: pre;
	}
	
		.button.block {
			display: block;
			line-height: 1.2;
			margin: 0 0 6px;
			text-align: left;
		}
		
		.button.imgonly img, button.imgonly img {
			margin-right: 0;
		}
		
		button.bigbutton, .button.bigbutton {
			padding: 10px;
		}
	
		.button.current {
			background: #333333 url('images/button_bg_current.gif') repeat-x bottom;
			border: 1px solid #111;
			color: #fff;
		}
	
	.button img, button img {
		margin-bottom: -2px;
		margin-right: 4px;
	}
	
	a.button:hover, button:hover {
		background: #ecf6ff url('images/button_bg_hover.gif') repeat-x bottom;
		border: 1px solid #7babd6;
		color: #003e74;
	}
	
	a.button:active, button:active, a.button:focus, button:focus {
		background: #0078c5 url('images/button_bg_active.gif') repeat-x bottom;
		border: 1px solid #004e80;
		color: #FFF;
		outline: none;
	}

a.button, button, input[type="checkbox"], input[type="radio"], select {
	cursor: pointer;
}

label {
	float: left;
	padding-right: 6px;
	padding-top: 4px;
	text-align: right;
	width: 120px;
}

	label[for] {
		cursor: pointer;
	}
	label.inline {
		float: none;
		width: auto;
		padding: 0;
		text-align: left;
		margin: 0 6px;
	}

fieldset {
	border: 1px solid #eee;
	padding: 10px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

	fieldset legend {
		padding: 3px 5px;
		font-weight: bold;
	}
	
	fieldset.profile {
		margin-bottom: 3em;
	}
	
		fieldset.profile .gravatar {
			float: right;
			margin-top: -10px;
			margin-bottom: 0;
		}
	
p span.fakeinput {
	padding-top: 4px;
	display: block;
	margin-left: 126px;
}

/* Special usage in edit idea */
#pictureedit, .checkboxwrap {
	line-height: 1.5;
	padding: 4px 0 11px 126px;
}

	.checkboxwrap {
		padding-top: 0;
	}

	#pictureedit label, .checkboxwrap label {
		float: none;
		text-align: left;
		width: auto;
	}
	
	#pictureedit input[type="radio"] {
		margin-top: 3px;
	}
	
	#pictureedit input[type="file"] {
		margin-left: 18px;
		margin-top: 4px;
	}

.submit {
	margin-left: 126px;
}

.explain {
	color: #777;
	margin-left: 126px;
	margin-top: -0.6em;
}

.working, .working label {
	cursor: progress;
}

	.working label[for] {
		cursor: pointer;
	}

/* Special usage in register */
#register-terms {
	border: 1px solid #ccc;
	height: 200px;
	margin-bottom: 1em;
	overflow: auto;
	padding: 5px;
	line-height: 150%;
}

/* wrapper */
.wrapper {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

	.content {
		width: 700px;
	}
	
		.content.float {
			float: left;
		}
		
		.content.full {
			width: 100%;
		}
	
	.sidebar {
		width: 240px;
		float: right;
	}

#header .content {
	position: relative;
}

	#header #logo {
		margin-bottom: 3em;
	}

	#header #login {
		position: absolute;
		top: 0;
		right: -280px;
	}
	
		#login input {
			width: 100px;
		}
		
		#login label {
			width: auto;
			float: none;
			margin-right: 0;
			margin-left: 5px;
		}

	#header h1 {
		display: inline;
		font-size: 200%;
	}
	
		#header h1 a {
			background: #333333 url('images/button_bg_current.gif') repeat-x bottom;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			color: #fff;
			display: block;
			width: 205px;
			line-height: 1.65em;
			padding: 16px 14px 12px;
			text-decoration: none;
			-moz-user-select: none;
			-khtml-user-select: none;
			user-select: none;
		}
			#header h1 a span {
				background: url('images/logo.png') no-repeat;
				display: block;
				width: 205px;
				height: 27px;
				font-size: 0;
				text-indent: -9999px;
			}
		
			#header h1 a:hover {
				background: #0078c5 url('images/button_bg_active.gif') repeat-x bottom;
				color: #fff;
			}

h2 {
	font-size: 230%;
	margin: 0.3em 0;
}

h3 {
	margin: 0 0 1em 0;
	line-height: 2em;
	vertical-align: middle;
}

	h3 span {
		background: #eee;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size: 110%;
		display: inline;
		line-height: 1.65em;
		padding: 6px;
	}
	
h3 img, h4 img {
	margin-bottom: -2px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/* message */
.message {
	background: #fffad9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #000;
	font-size: 110%;
	line-height: 1.65em;
	margin-bottom: 2em;
	padding: 10px 14px 1px;
}
	.message.white {
		background: transparent;
	}

	.message h3 {
		margin-bottom: 0.5em;
	}
	
	.message.feature-lightbulb {
		background: #fffad9 url('images/feature_lightbulb.jpg') no-repeat bottom right;
		padding-right: 200px;
	}
	
	/*.message.beta-warning {
		background: #ffffff url('images/warning.png') no-repeat 12px 12px;
		border: 1px solid #eee;
		padding-left: 38px;
	}*/
	
	.message.thanks {
		background: #FFF;
		border: 1px solid #EEE;
	}

/* errors */
.errors {
	background: #fff0e3 url('images/error.png') no-repeat 12px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #000;
	font-size: 110%;
	line-height: 1.65em;
	margin-bottom: 1em;
	padding: 10px 6px 1px 38px;
}

/* ideas list */
.ideaslist {
}

	.ideaslist .section {
		margin-bottom: 3em;
	}
	
	.ideaslist ul {
		list-style: none;
		margin: 0 0 0 2em;
		padding: 0;
	}
	
		.ideaslist ul li {
			list-style: none;
			margin: 0 0 1.4em 0;
			padding: 0;
		}
		
			.ideaslist li p.chart {
				margin: -8px 0 0 -12px;
				float: left;
			}
			
			.ideaslist li p {
				margin-left: 34px;
			}
			
				.ideaslist p.title {
					font-size: 140%;
					margin-bottom: 0.3em;
				}
					.ideaslist p.title a:visited {
						color: #461ec9;
					}
					
					.ideaslist p.title a:hover {
						color: #a60000;
					}
				.ideaslist p.desc {
					font-size: 85%;
					color: #666;
				}
					.ideaslist li:hover p.desc {
						color: #333;
					}
				.ideaslist p.meta {
					color: #666;
					font-size: 85%;
				}
				
					.ideaslist p.meta a {
						color: #666;
					}
					
						.ideaslist p.meta a:hover {
							color: #111;
						}
	
	#page-main .ideaslist a.button {
		margin-left: 63px;
	}

/* submission */
.submission {
	margin-bottom: 6em;
	position: relative;
}

	.submission h2 {
		margin-bottom: 0.9em;
	}
	
	.submission p {
		font-size: 120%;
	}
	
	.submission p, .submission h2 {
		margin-left: 30px;
	}
	
	.submission .section {
		margin-bottom: 1.6em;
	}
	
		.submission .section ul, .submission .section ol {
			font-size: 120%;
			margin-left: 45px;
		}
	
		.submission .section.meta p {
			color: #666;
			font-size: 100%;
		}
	

/* comments */
#comments {
	margin-left: 2em;
}

	#comments #comments-heading h3 {
		display: inline;
	}
	
	#comments #comments-list {
		margin: 1em 0 0 0;
	}
	
	#comments ol#comments-ol {
		list-style: none;
		margin: 0 0 1em 2em;
		padding: 0 0 0 1px;
	}
	
		#comments ol#comments-ol.noborder {
			background: none;
		}
		
		#comments ol#comments-ol li.comments-li {
			background: #fff;
			border-bottom: 1px solid #ddd;
			color: #000;
			list-style: none;
			margin: 0 0 0 0;
			padding: 1em 0.6em 0.6em 0.6em;
			position: relative;
		}
		
			#page-view #comments ol li.comments-li {
				list-style: none;
				padding-left: 2.4em;
			}
		
			#comments ol#comments-ol li.mycomment.comments-li {
				background: #f6f6f6;
			}
			
			#comments ol li.very-positive {
				background: #f2ffe9 !important;
			}
			
			#comments ol li.userHidden {
				opacity: 0.6;
				filter: alpha(opacity=60);
			}
			
				#comments ol li.userHidden:hover {
					opacity: 1;
					filter: alpha(opacity=100);
				}
	
	#comments ol li div.comment-body {
		margin-right: 120px;
	}
	
	#comments ol li h4 {
		font-weight: normal;
		margin: 0 0 0.5em 0;
		line-height: 130%;
	}
	
		#comments ol li h4 span.comment-author {
		}
		
			#comments ol li h4 span.comment-author img.gravatar {
				margin-right: 4px;
				margin-left: -1.8em;
				float: left;
			}
		
		#comments ol li h4 em {
			color: #666;
			font-weight: normal;
			font-style: normal;
			font-size: 85%;
		}
		
			#comments ol li h4 em a {
				color: #666;
			}
			
				#comments ol li h4 em a:hover {
					color: #111;
				}
			
			#comments ol li .reputation .rep, .rep {
				font-weight: bold;
			}
			
				#comments ol li .reputation.positive .rep, .rep.positive {
					color: #090;
				}
				
				#comments ol li .reputation.negative .rep, .rep.negative {
					color: #B00;
				}
				
				#comments ol li.mycomment .reputation .controls {
					display: none;
				}
			
	#comments ol li p {
		line-height: 150%;
		margin: 0 0 0.8em 0;
	}
	
		#comments ol li.userHidden p {
			display: none;
		}
	
		#comments span.label {
			background: #eee;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			display: inline;
			line-height: 170%;
			padding: 2px 3px;
			white-space: pre;
		}
		
			#comments span.label.label1 {
				background: #039100;
				color: #fff;
			}
			
			#comments span.label.label2 {
				background: #66ad00;
				color: #fff;
			}
			
			#comments span.label.label3 {
				background: #cabe00;
				color: #fff;
			}
			
			#comments span.label.label4 {
				background: #d58c0d;
				color: #fff;
			}
			
			#comments span.label.label5 {
				background: #960d0d;
				color: #fff;
			}
		
		#comments ol li.edit p {
			color: #666;
			font-size: 85%;
		}
		
		#comments ol li div.comment-control {
			float: right;
			width: 100px;
			cursor: default;
			-moz-user-select: none;
			-khtml-user-select: none;
			user-select: none;
			padding: 0 4px 1px 4px;
			text-align: center;
			font-size: 80%;
		}
		
			#comments ol li .toggleContainer {
				float: right;
				width: 100px;
			}
			
			#comments ol li div.comment-control p {
				margin-bottom: 4px;
			}
		
			#comments ol li div.comment-control a.button {
				display: block;
				padding: 2px 0 5px;
				line-height: 1;
				margin-bottom: 3px;
			}
				#comments ol li div.comment-control a.button img {
					margin-right: 2px;
					margin-bottom: -3px;
				}
			
			#comments ol li div.comment-control .changeVote {
				display: none;
			}
			
			/* TOO MANY TWEETS/SELECTORS!!! */
			#comments ol li div.comment-control .reputation.voted .promote,
			#comments ol li div.comment-control .reputation.voted .demote {
				display: none;
			}
			
				#comments ol li div.comment-control .reputation.voted .changeVote {
					display: inline;
				}
		
			#comments ol li.maxthread div.comment-control a.replyto {
				display: none;
			}
			
			#comments ol li.edit div.comment-control {
				display: none;
			}
		
		#comments ol li .lastedit {
			color: #999;
			font-size: 11px;
		}
		
	#comments .message.nocomments {
		background: none;
		padding-left: 4em;
		color: #666;
	}

.comments-add {
	margin-left: 3em;
}

	.comments-add h4 {
		font-size: 120%;
		margin: 0 0 0.5em;
	}
	
	.comments-add form {
		margin-left: 1.6em;
	}
	
	.comments-add textarea {
		font-size: 110%;
		height: 120px;
		padding: 4px;
		width: 97%;
	}
	
	.comments-add .responseto {
		background: #fff9d0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #000;
		display: none;
		margin-bottom: 1em;
		padding: 10px 6px 1px;
	}
	
		.comments-add .responseto p.responseto-title em {
			color: #666;
			font-size: 85%;
			font-style: normal;
			font-weight: normal;
		}
		
			.comments-add .responseto p.responseto-title em a {
				color: #666;
			}
			
				.comments-add .responseto p.responseto-title em a:hover {
					color: #111;
				}
		
		.comments-add .responseto p.responseto-quote {
			line-height: 150%;
			margin-left: 2em;
		}
		
		.comments-add .responseto p.responseto-cancel a {
			margin-left: 2em;
		}
	
	.comments-add .comments-presets {
		margin-top: 1em;
	}
	
.sidebar .section {
	margin-bottom: 2em;
}
	.sidebar #sidebar-search input {
		width: 190px;
	}
		.sidebar #sidebar-search button {
			padding: 4px 6px;
		}
		.sidebar #sidebar-search button img {
			margin-bottom: 1px;
		}
	.sidebar #sidebar-chart {
		text-align: center;
	}
	
div .pagelinks {
	text-align: center;
	padding-top: 2em;
}

#footer {
	background: #f2f2f2;
	color: #666;
	font-size: 95%;
	margin: 4em 0 0 0;
	padding: 2em 0;
}

	#footer p {
		font-size: 90%;
	}
	
	#footer a {
		color: #666;
	}
	
		#footer a:hover {
			color: #111;
		}
	
	#footer p#cc img {
		float: right;
		margin-right: 10px;
	}

/* Add this widget */
.addthis_toolbox .vertical {
	border: 1px solid #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 2px 4px 8px;
	width: auto;
}

	.addthis_toolbox .vertical a {
		background: #fff url('images/button_bg.gif') repeat-x bottom;
		border: 1px solid #BBB;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #003e74;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		padding: 4px 8px 4px 34px;
		position: relative;
		text-align: left;
		text-decoration: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		user-select: none;
		width: 64px;
	}
	
		.addthis_toolbox .vertical a:hover {
			background: #ecf6ff url('images/button_bg_hover.gif') repeat-x bottom;
			border: 1px solid #7babd6;
			color: #003e74;
		}
		
		.addthis_toolbox .vertical a:active, .addthis_toolbox .vertical a:focus {
			background: #0078c5 url('images/button_bg_active.gif') repeat-x bottom;
			border: 1px solid #004e80;
			color: #FFF;
			outline: none;
		}
	
	.addthis_toolbox .vertical span {
		position: absolute;
		left: 10px;
		top: 4px;
	}
	
	.addthis_toolbox .js-warning {
		display: none;
	}

/* jQuery Autocomplete CSS */
.ac_results {
	padding: 0px;
	border: 1px solid #bbb;
	border-top: 0 none;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.ac_results li {
		margin: 0px;
		padding: 4px 5px;
		cursor: default;
		display: block;
		font-size: 13px;
		font-weight: bold;
		line-height: 16px;
		overflow: hidden;
	}
	.ac_over {
		background-color: #c2e2ff;
	}
	
/* BlockUI */
.blockUI {
	cursor: default;
}

	.blockUI.blockMsg {
		top: 40%;
		left: 30%;
		
		background: #FFF;
		border: 2px solid #777;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #000;
		margin:	0;
		padding: 10px;
		text-align: left;
		width: 40%;
	}
	
		.blockUI.blockMsg .formbuttons {
			margin: 0;
			text-align: right;
		}
	
	.blockUI.blockOverlay {
		background: #000;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}