/****** COLORS ******/

body,
th,
td {
	background-color: #f9fafa;
	color: #111111;
}

/* darker detailing/backgrounds */

	.nodelet h2,
	#header,
	#footer,
	#footer a:link,
	#footer a:visited {
		background-color: #38495e;
	}

	.nodelet {
		border-color: #38495e;
	}


/* same color as body */

	#header,
	#footer,
	#footer a:link,
	#footer a:visited,
	#e2logo a:link,
	#e2logo a:visited,
	#e2logo a:hover {
		color: #f9fafa;
	}


/* medium backgrounds/details */

	.nodelet h2 {
		color: #c5cdd7;
	}

	.oddrow,
	#homenodeheader dt {
		background-color: #c5cdd7;
	}


/* fractionally darker-than-body */

	#cooluserpicks,
	#staff_picks,
	#creamofthecool,
	#softlinks td,
	.nodelet {
		background-color: #f8f9f9;
	}


/* faint light borders */

	#cooluserpicks,
	#staff_picks,
	#creamofthecool,
	#softlinks td {
		border-color: #d3d3d3;
	}

	#cooluserpicks li,
	.cotc_info,
	#writeup_list li {
		border-bottom-color: #d3d3d3;
	}


/* dark horizontal rules */

	.nodetitle,
	writeup_title {
		border-bottom-color: #333333;
	}

	.wl_text {
		border-top-color: #333333;
	}


/* miscellaneous */

	td {
		background-color: transparent;
	}

	a:link {
		color: #203860;	
	}

	a:visited {
		color: #507898;
	}

	a:active,
	a:hover,
	a:focus {
		color: #3bb5c3;
	}



/****** FORMATTING ******/

body,
th,
td {
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 12px;
}

	big {
		font-size: 110%;
	}

	small {
		font-size: 90%;
	}

	h1 {
		font-size: 140%;
		font-weight: bold;
	}

	h2 {
		font-size: 130%;
		font-weight: bold;
	}

	h3 {
		font-size: 120%;
		font-weight: bold;
	}

	h4 {
		font-size: 100%;
		font-weight: bold;
	}

	form {
		margin: 0;
		padding: 0;
	}

	#wrapper {
		padding-top: 50px; /* header goes in this gap */
		padding-right: 270px; /* sidebar goes in this gap */
		margin: 2px 2px 20px 20px;
	}

		#mainbody {
			float: left;
			margin-top: 20px;
			width: 100%;
			margin-bottom: 20px;
		}

			#mainbody *:first-child {
				margin-top: 0;
			}

			.nodetitle {
				padding-bottom: 1px;
				border-bottom-width: 1px;
				border-bottom-style: dotted;
				margin: 0 0 1px;
			}

			/*** FRONT PAGE SPECIFIC ***/

			#welcome_message {
				clear: both;
				float: left;
				margin-right: 20px;
				margin-bottom: 20px;
				width: 252px;
				text-align: center;
				font-size: 90%;
			}

			#staff_picks {
				clear: both;
				float: left;
				margin-right: 20px;
				margin-bottom: 2px;
				width: 250px;
				padding: 5px;
				border-width: 1px;
				border-style: solid;
				font-size: 90%;
			}

			#cooluserpicks {
				clear: both;
				float: left;
				margin-right: 20px;
				margin-bottom: 2px;
				width: 250px;
				border-width: 1px;
				border-style: solid;
				padding: 5px;
				font-size: 90%;
			}

				#cooluserpicks ul {
					padding: 0;
					margin: 5px;
					list-style: none outside none;
				}

					#cooluserpicks li {
						padding: 1px;
						border-bottom-width: 1px;
						border-bottom-style: solid;
						text-align: center;
						margin: 0;
					}

						#cooluserpicks li a {
							padding: 1px;
							display: block;
							text-decoration: none;
						}

				.cup_more {
					font-size: 90%;
					text-align: right;
				}

			#creamofthecool {
				clear: both;
				float: left;
				margin-right: 20px;
				margin-bottom: 2px;
				width: 250px;
				border-width: 1px;
				border-style: solid;
				padding: 5px;
				font-size: 90%;
			}

				#creamofthecool h3 {
				}

				#creamofthecool table {
					border-collapse: collapse;
				}

				#cotc {
					overflow: auto;
				}

					.cotc_entry {
						margin: 20px 0;
					}

						.cotc_info {
							font-weight: bold;
							padding-bottom: 5px;
							border-bottom-width: 1px;
							border-bottom-style: solid;
							margin-bottom: 5px;
						}

						.cotc_text {
							font-size: 90%;
						}

							.cotc_text blockquote {
								margin: 0 5%;
							}

						.cotc_more {
							font-size: 90%;
							text-align: right;
						}

			#frontpage_news {
				padding-left: 280px; /* cotc etc. (above) go in this gap */
			}

				#frontpage_news h2 {
				}

				/* news entries resemble writeups: */

				.weblog_item {
					margin: 20px 0 60px;
				}

					.wl_title {
						font-weight: bold;
						font-size: 120%;
					}

					.wl_author {
						display: inline;
					}

					.wl_author:before {
						content: "by ";
					}

					.wl_date {
						margin-left: 5px;
						display: inline;
					}

					.wl_date:before {
						content: "on ";
					}

					.wl_remove {
						display: inline;
					}

					.wl_text {
						margin-top: 2px;
						border-top-width: 1px;
						border-top-style: solid;
						padding: 2px;
					}

			/*** END FRONT PAGE ***/

			/*** REGULAR NODES ***/

			#firmlink,
			#isalso,
			.topic {
				margin: 1px 0 0;
				padding: 0;
				font-size: 90%;
				font-weight: normal;
				text-indent: 0px;
			}

			.createdby {
				text-align: right;
				margin-bottom: 40px;
			}

			.writeup {
				margin: 20px 0 60px;
			}

				.writeup_title {
					padding-bottom: 2px;
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-bottom-color: #333333;
					margin-bottom: 2px;
				}

					.writeup_title td {
					}

				.writeuptable {
					width: 100%;
					overflow: auto;
				}

					.writeup_text {
						padding: 20px;
						overflow: auto;
					}

						p {
							margin: 10px 0;
						}

						pre {
							/* to stop page-widening */
							display: block;
							overflow: auto;
						}

			#displaytypelinks {
				margin: 5px 0;
				font-size: 90%;
				text-align: right;
			}

				#displaytypelinks p {
					display: inline;
				}

			#killbutton,
			#votebutton,
			#blabbutton {
				float: right;
				margin: 5px 0;
			}

			#softlinks {
				margin: 5px 0;
				clear: both;
			}

				#softlinks table {
					border-collapse: collapse;
				}

					#softlinks td {
						border-width: 1px;
						border-style: solid;
						padding: 0;
					}

						#softlinks td a {
							display: block;
							padding: 5px;
							height: 100%;
						}

						#softlinks td a:hover {
						}

			textarea {
				width: 100%;
			}

			.writeup_add {
				margin: 20px 0;
			}

			/*** END REGULAR NODES ***/

			/*** HOMENODES ***/

			#homenodeheader {
				margin-top: 20px;
			}

				#homenodepicbox {
					width: 50%;
					overflow: auto;
					float: left;
				}

					#userimage {
					}

				#homenodeheader dl {
					width: 250px;
					float: right;
					display: block;
				}

					#homenodeheader dt {
						display: block;
						padding: 2px;
						font-size: 90%;
					}

					#homenodeheader dd {
						padding: 2px;
						margin: 0;
						text-align: right;
						font-size: 90%;
					}
				
			hr.clear {
				/*
					I can only find one place where hr.clear appears
					so I don't know if this will break other pages

					clear: both;
					visibility: hidden;
				*/
				display: none;
			}

			#homenodetext {
				width: 100%;
				clear: both;
			}

			#bookmarks {
			}

				#bookmarks h4 {
				}

				#bookmarks ul {
				}

					#bookmarks li {
					}

			/*** END HOMENODES ***/

			/*** SCRATCHPAD ***/

			#scratchpadtable {
				border-collapse: collapse;
				border-width: 1px;
			}

				#scratchpadtable td {
					padding: 20px;
				}

			/*** END SCRATCHPAD ***/

			#mainbody *:last-child {
				margin-bottom: 0;
			}

		#sidebar {
			float: left;
			margin-left: 20px;
			width: 250px;
			margin-right: -100%;
		}

			.nodelet {
				clear: both;
				padding: 0;
				border-width: 1px;
				border-style: solid;
				word-wrap: break-word; /* ? */
				margin-bottom: 2px;
			}

				.nodelet h2 {
					display: block;
					margin: 0;
					padding: 0 5px;
					text-align: center;
				}

				.nodelet_content {
					padding: 5px;
				}

					/*** NEW WRITEUPS ZEN NODELET (#1868940) ***/

					#writeup_list {
						margin: 0;
						padding: 0;
						list-style: none outside none;
					}

						#writeup_list li {
							margin: 0;
							padding: 1px;
							border-bottom-width: 1px;
							border-bottom-style: solid;
						}

							#writeup_list span.writeupmeta {
								display: block;
							}

								#writeup_list span.author {
									float: right;
									font-size: 90%;
								}

								#writeup_list span.author:before {
									content: "by ";
								}

								#writeup_list span.title {
								}

									#writeup_list span.title a {
										text-decoration: none;
									}

									#writeup_list span.title a:hover {
									}

								#writeup_list span.type {
									display: none;
								}

								#writeup_list span.hidden,
								#writeup_list span.hide {
									font-size: 90%;
								}

					/*** END NEW WRITEUPS ZEN NODELET ***/

					/*** EPICENTER NODELET (#262) ***/

					#nodelet_262 ul {
						margin: 5px;
						padding: 0;
						list-style: disc inside none;
					}

						#nodelet_262 li {
						}

					#experience {
						font-size: 110%;
					}

					/*** END EPICENTER NODELET ***/

					/*** CHATTERBOX NODELET (#170070) ***/

					#nodelet_170070 .nodelet_content {
						overflow: auto;
					}

					#msgnum,
					#msgunarchived {
						/*
							these two elements appear ABOVE the catbox
							nodelet, and only appear when the catbox
							nodelet is first (?)
						*/
						display: none;
					}

					/*** END CHATTERBOX NODELET ***/

	#header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
		margin: 0px;
		padding: 0 2px 0 20px;
		overflow: hidden; /* IE fix */
	}

		#searchform {
			width: 410px;
			float: right;
			text-align: right;
			padding: 0;
			margin: 5px 20px;
		}

			#searchform input {
				float: left;
				margin-top: 5px;
			}

			#searchform label {
				display: block;
				font-size: 85%;
				float: right;
				clear: right;
				text-align: left;
				width: 100px;
			}

				#searchform label input {
					margin: 1px;
				}

		#announcements {
			display: none;
		}

		#e2logo {
			margin: 0px;
			float: left;
			text-align: left;
			font-weight: bold;
			font-size: 50px;
		}

			#e2logo a:link,
			#e2logo a:visited {
				text-decoration: none;
			}

			#e2logo a:hover {
			}

	#footer {
		clear: both;
		padding: 5px;
		text-align: right;
		font-size: 90%;
	}

		.begheader {
		}

		#metalinks {
			display: none;
		}

/* Make survey message visible by moving it down below header */
#surveymessage {
   margin-top: 65px !important;
   margin-bottom: -65px !important;
}