body, html { 
	/* 100% so that the Get Satisfaction feedback overlay will cover the whole screen */
	height:100%; 
}
body {
	background:url(/images/v1/body_bg.png) no-repeat top center;
	background-color:#fff;
}
label {
	display:block;
}

a { color:#8b0; }
a:hover { color:#fff; background-color:#9c0; }

/* Turn off hovers... */
a.no_hover:hover { background-color:transparent; }

/* Links with different image states */
a.graphic { background-color:transparent; }
a.graphic img._on { display:none; }
a.graphic img._off { display:inline; }
a.graphic:hover img._on { display:inline; }
a.graphic:hover img._off { display:none; }

/* Disqus Links */
#disqus_thread a:hover { color:#8b0; background-color:transparent; }

/* Get Satisfaction */
a#fdbk_overlay:hover { color:#8b0; background-color:transparent; }

/* Custom */

span.pipe {
	padding:0 0.3em;
	color:#ccc;
}

/* Header */
#hd {
	margin-bottom:0;
	height:75px;
}
	#hd_nav a {
		float:left;
	}
	#user_nav {
		margin-top:30px;
	}
	#nav_search {
		margin-top:25px;
	}
	
#main_nav {
	margin-bottom:35px;
}
	#main_nav ul {
		margin:0 5px;
		list-style:none;
	}
	#main_nav ul li {
		display:block;
		float:left;
	}
	#main_nav ul li a {
		display:block;
		margin-right:2px;
		padding:4px 10px;
		font-size:15px;
		text-decoration:none;
	}
	#main_nav ul._right {
		margin:0 0 0 5px;
	}
	#main_nav ul._right li {
		float:right;
	}

/* Flash */
#flash {
	margin-top:-10px;
	margin-bottom:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#cce67f;
}
	#flash ._box {
		padding:5px 8px;
	}

/* Body */
#bd {
	margin-bottom:30px;
	min-height:300px; /* With this setting, height of whole page is about 400 */
}
	#bd h1 { font-size:32px; }
	#bd h2 { font-size:18px; }
	#bd .bigger p,
	#bd .bigger li,
	#bd .bigger input.text,
	#bd .bigger input.submit { 
		font-size:14px;
	}
	
/* Sidebar */
#sb {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ebf5cc;
}
	#sb ._box {
		padding:8px;
	}
	#sb h3 {
		margin-bottom:0.9em;
		font-size:13px;
		font-weight:bold;
	}
	#sb p {
		margin-bottom:0.9em;
	}
	#sb p:last-child {
		margin-bottom:0;
	}
	#sb hr {
		margin-bottom:0.9em;
		background:#cce67f;
	}
		#sb hr.space { background:transparent; }

/* Footer */
#ft {
	margin-bottom:20px;
	padding-top:3px;
	font-size:11px;
	color:#666;
	border-top:1px solid #ccc;
}

/* Big Fortune */
.big_cookie {
	margin-bottom:10px;
	border-width:0 4px 6px 0;
	border-style:solid;
	border-color:#efefef;
}
	.big_cookie ._cookie {
		display:block;
		padding:30px;
		line-height:1.1em;
		font-size:28px;
		border:1px solid #ccc;
	}
		.big_cookie a._cookie {
			color:#000;
			text-decoration:none;
		}
		.big_cookie a._cookie:hover {
			padding:28px;
			background-color:transparent;
			border:3px solid #9c0;
		}
		.big_cookie ._inbed {
			color:#f39;
		}

/* Actions */
.actions {
	font-size:15px;
}

/* Fortunes List */
.cookies_list {
	clear:both;
}
	.cookies_list ._fortune {
		border-width:0 2px 3px 0;
		border-style:solid;
		border-color:#efefef;
		margin-bottom:5px;
	}
	.cookies_list a._text {
		display:block;
		padding:15px;
		line-height:1.1em;
		font-size:14px;
		border:1px solid #ccc;
		color:#000;
		text-decoration:none;
	}
		.cookies_list a._text:hover {
			padding:13px;
			background-color:transparent;
			border:3px solid #9c0;
		}
	.cookies_list ._note {
	}
		.cookies_list ._note p {
			margin:0;
		}
		.cookies_list ._note .star-rating {
			margin-bottom:2px;
		}
	.cookies_list ._date {
		font-size:11px;
		color:#777;
	}
	.cookies_list ._date a { 
		color:#777;
		text-decoration:none;
		border-bottom:1px solid #ccc;
	}
	.cookies_list ._date a:hover {
		color:#fff;
	}
	
/* 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;
	}
.fieldWithErrors {
}
	.fieldWithErrors label {
		color:#c00;
	}
	.fieldWithErrors input.text,
	.fieldWithErrors textarea {
		border-color:#c00;
	}
	
/* Disqus Thread */
#disqus_thread_toggle {
	margin-right:4px;
	height:21px;
	border-bottom:1px dotted #ccc;
}
	#disqus_thread_toggle a {
		margin-left:30px;
		padding:5px;
		color:#fff;
		background-color:#ccc;
		text-decoration:none;
	}
	#disqus_thread_toggle a:hover { background-color:#9c0; }
#disqus_thread {
	padding:0;
	border-width:0 4px 6px 0;
	border-style:solid;
	border-color:#efefef;
}
#dsq-content {
	margin-bottom:0;
	padding:30px;
	border:1px dotted #ccc;
	border-width:0 1px 1px;
}