body, html { 
	/* 100% so that the Get Satisfaction feedback overlay will cover the whole screen */
	height:100%; 
}
body {
	margin:0;
	padding:0;
	color:#333;
	background:url(/images/pi2/bg.png) repeat-x top left;
	background-color:#fff;
}
a,
a:visited,
a:active,
a:hover {
	color:#44a9eb;
}
ul.bulletless {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	list-style:none;
}
	ul.bulletless li {
		margin-bottom:0.5em;
	}
span.pipe {
	padding:0 5px;
	color:#ddd;
}
input.text {
	margin:0;
}

.profile_image {
	float:left;
	margin:0 10px 10px 0;
}
	
/* Icons */
.rss_icon_right {
	padding-right:16px;
	background:url(/images/icons/feed-icon-12x12.png) no-repeat top right;
}
hr.doublespace {
	/* Twice the size of hr.space */
	margin:0 0 3em;
	background:transparent;
	color:#fff;
}


/* Flash */
#flash {
	position:absolute;
	top:115px;
	width:100%;
}
	#flash ._box {
		padding:5px 10px;
		font-size:18px;
		color:#fff;
		background-color:#44a9eb;
/*		border-bottom:3px solid #eee;
		opacity:0.9;*/
	}
/* Page Container */
.page {
	/* Container width is 820px; page is 860px, so there's a 20px padding. */
	width:980px;
	margin:0px auto;
}
/* Header */
#hd {
	margin-top:15px;
	height:30px;
}
	#hd #logo a {
		display:block;
		line-height:1.3em;
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
	}
	/* Header Nav */
	#nav {
	}
		#nav ul {
			margin:0 5px;
			list-style:none;
		}
		#nav ul li {
			display:block;
			float:left;
			padding:4px 8px;
			color:#aaa;
		}
		#nav ul li a {
			display:block;
			margin-right:2px;
			color:#000;
			text-decoration:none;
		}
		#nav ul li a.selected,
		#nav ul li a:hover,
		#nav ul li a:active {
			background-color:#fff;
			color:#44a9eb;
		}
		#nav ul li.subnav {
			position:relative;
		}
		#nav ul li.subnav ul {
			display:none;
			float:left;
			margin:8px 0 0 -8px;
			padding:0;
			background-color:#fff;
			border:1px solid #ddd;
			border-top:0;
			white-space:nowrap;
			z-index:10000;
		}
			#nav ul li.subnav ul li {
				float:none;
				padding:2px 8px;
			}
			#nav ul li.subnav:hover ul {
				display:block;
			}
		/* Right-aligned */
		#nav ul._right {
			margin:0 0 0 5px;
		}
		#nav ul._right li {
			float:right;
		}
/* Subheader */
#subhd {
	border-top:1px solid #ddd;
	margin-bottom:30px;
}
	#subhd h1 {
		margin:0;
		padding:12px 0 0 0;
		height:58px;
		font-size:60px;
		font-weight:bold;
		line-height:0.7em;
		color:#444;
		letter-spacing:-0.05em;
	}
	#subhd ._nav {
		height:35px;
		background-color:#eee;
	}
		#subhd ._nav h2 {
			margin:0;
			padding:9px 10px;
			line-height:1em;
			font-size:15px;
			color:#333;
		}
/* Body */
#bd {
	margin-bottom:50px;
}
	#bd h1 { 
		/* Discourage use of h1 */
		text-decoration:line-through; 
	}
	#bd h2,
	#bd h3,
	#bd h4,
	#bd h5 {
		color:#333;
		font-weight:bold;
	}
	#bd h2 { font-size:20px; }
	#bd h3 { font-size:16px; }
	#bd h2:first-child {
		line-height:1em;
	}
	#bd .bigger {
		font-size:15px;
	}
		#bd .bigger input.text,
		#bd .bigger select {
			font-size:15px;
		}
/* Sidebar */
#sb {
	margin-bottom:50px;
	/* Leave this undefined. */
}
	#sb h1,
	#sb h2 {
		/* Discourage use of h1, h2 */
		text-decoration:line-through;
	}
	#sb h3 {
		color:#333;
		font-size:16px;
		font-weight:bold;
	}
	#sb .shaded p:last-child {
		margin-bottom:0;
	}
/* Shaded Sidebar */
#sb .shaded {
	background-color:#eee;
	padding:8px;
}
/* Sidebar Widgets */
#sb .widget {
	position:relative;
	margin-bottom:10px;
	border:1px solid #eee;
	border-width:0 1px 2px 0;
}
	#sb .widget h3 {
		margin:0;
		padding:6px 10px;
		font-size:13px !important;
		background-color:#eee;
		border:1px solid #ccc;
		border-width:1px 1px 0 1px;
	}
	#sb .widget .bottom-content {
		margin:0;
		padding:6px 10px;
		border:1px solid #ccc;
		border-width:0 1px 1px 1px;
	}
/* Footer */
#ft {
	padding-top:5px;
	margin-bottom:20px;
	border-top:1px solid #ddd;
	font-size:11px;
	color:#999;
}
/******************
 TOOLS SECTION
 ******************/
/* Tools List */
.tools_list {
}
	.tools_list ._tool {
		border:1px solid #eee;
		border-width:0 2px 3px 0;
	}
		.tools_list ._tool img {
		}
	.tools_list ._box {
		padding:8px;
		border:1px solid #ccc;
	}
/* Search Tools in Subheader */
#subhd .search_tools {
	display:block;
	margin:5px 5px 5px 0;
	background-color:#fff;
	border:1px solid #bbb;
}
	#subhd .search_tools input.text {
		margin:0;
		padding:0 0 0 5px;
		width:180px;
		height:21px;
		border:1px solid #fff;
	}
	#subhd .search_tools input.submit {
		float:right;
		margin:0;
		padding:0;
		width:24px;
		height:24px;
		font-size:0; /* Hide the text */
		text-indent:-3000em !important;
		border:none;
		background:url("/images/pi2/search_button.png") 0 0 no-repeat;
		cursor:pointer;
	}
/* Tags List in Sidebar */
.tags_list {
}
	.tags_list ._wrap {
		border:1px solid #eee;
		border-width:0 1px 2px 0;
	}
		.tags_list ._wrap ._box {
			border:1px solid #ddd;
		}
	.tags_list h3 {
		margin:0;
		padding:6px 10px;
		font-size:13px !important;
		background-color:#eee;
	}
	.tags_list ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		.tags_list ul li a {
			display:block;
			padding:6px 10px;
			border-top:1px solid #eee;
		}
			.tags_list ul li a:hover {
				background-color:#eee;
			}
		.tags_list ul li small {
			display:block;
			float:right;
			padding:8px 10px;
			color:#999;
		}
/* Disqus */
#disqus_thread {
	padding:15px 15px 0 15px;
	border:1px dotted #ccc;
	background-color:#f8f8f8;
}
#dsq-content {
	/* This is a box containing Disqus comments. Modify accordingly */
	margin-bottom:0;
}
/* Error explanation */
.errorExplanation {
	margin-bottom:0.9em;
	padding:5px;
	line-height:1.2em;
	background-color:#faa;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
	.errorExplanation h2 {
		display:none;
	}
	.errorExplanation p,
	.errorExplanation ul {
		margin-bottom:0;
	}
div.fieldWithErrors {
	display:inline;
}
	div.fieldWithErrors label {
		color:#c00;
	}
	div.fieldWithErrors input.text,
	div.fieldWithErrors textarea {
		border-color:#c00;
	}