/**
 * Color scheme:
 * - vibrant blue: #00C0F3
 */
body {
	margin:10px;
	font-family:Helvetica,Arial,sans-serif;
	background:url(/images/bg.png) repeat;
	color:#333;
}
a { color:#00c0f3; }
a:visited { color:#00c0f3; }
a:hover { color:#fff; background-color:#00c0f3; }
em {
	font-style:italic !important;
}
code {
	font-family:Courier, monospace;
	font-size:13px;
}
tr.odd {
	background-color:#eee;
}
/* Blueprint overrides */
thead th { color:#fff; background-color:#00c0f3; }
/* Main wrapper on top of the standard container */
.wrapper {
	width:940px;
	margin:0 auto 2px;
	padding:10px 15px;
	background-color:#fff;
}
.container {
	margin:0 auto !important;
	padding:0 !important;
}
/* Header */
#hd {
}
#hd h1 {
	display:none;
	margin:0;
	padding:0;
	font-size:24px;
	line-height:1em;
	letter-spacing:-0.03em;
	font-weight:bold;
	color:#00C0F3;
}
#hd #logo a {
	background:none;
	text-decoration:none;
}
#hd #input_name {
	margin-left:3px;
	width:155px;
}
/* UserNav */
#usernav {
	padding-top:4px;
	padding-bottom:4px;
	color:#fff;
	background:#00C0F3;
}
#usernav a {
	color:#fff;
}
#usernav a.nav_source {
	padding:2px 5px;
}
#usernav a.selected {
	color:#00C0F3;
	background:#fff;
	text-decoration:none;
}
#usernav .nav_hint {
	position:absolute;
	top:17px;
	min-width:100px;
	color:#000;
}
#usernav .nav_hint_arrow {
	width:100%;
	height:15px;
	background:url(/images/ui/nav_hint_arrow.png) no-repeat;
}
#usernav .nav_hint_box {
	padding:5px;
	background-color:#fff;
	border-style:solid;
	border-color:#ccc;
	border-width:0 2px 2px 1px;
}
/* Flash messages */
#flash {
	position:absolute;
	padding:10px;
	color:#fff;
	background:#f60;
	font-size:14px;
	border:1px solid #fff;
}
a.hide_flash {
	color:#fff;
	text-decoration:none;
}
a.hide_flash:hover {
	color:#f90;
	background:#fff;
}
/* Body */
#bd {
	padding-bottom:10px;
}
#bd h2 {
	margin-bottom:0.25em;
	line-height:1.25em;
	font-size:48px;
	font-weight:bold;
	color:#00C0F3;
	letter-spacing:-0.03em;
}
#bd h3 {
	margin-bottom:0.5em;
	line-height:1.25em;
	font-size:18px;
	font-weight:bold;
	color:#333;
}
#bd h4 {
	line-height:1.25em;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
/* Footer */
#ft {
	font-size:11px;
	line-height:1em;
	text-align:center;
}

/* Input backgrounds with hints on what to enter */
.enter_twitter_name,
.enter_rss_feed_url,
.enter_delicious_name,
.enter_blogger_name,
.enter_im_screen_name,
.enter_a_number,
.enter_words,
.enter_a_number_1_to_5 {
	background-position:3 center;
	background-repeat:no-repeat;
}
.enter_twitter_name {
	background-image:url('/images/enter_twitter_name.png');
}
.enter_rss_feed_url {
	background-image:url('/images/enter_rss_feed_url.png');
}
.enter_delicious_name {
	background-image:url('/images/enter_delicious_name.png');
}
.enter_blogger_name {
	background-image:url('/images/enter_blogger_name.png?20090405');
}
.enter_im_screen_name {
	background-image:url('/images/enter_im_screen_name.png');
}
.enter_a_number {
	background-image:url('/images/enter_a_number.png');
}
.enter_words {
	background-image:url('/images/enter_words.png');
}
.enter_a_number_1_to_5 {
	background-image:url('/images/enter_a_number_1_to_5.png');
}

/* Highlight format examples */
.format_example {
	padding:5px;
	margin-bottom:1em;
	background-color:#eee;
}

/* For new features. Force element to be orange. */
.newfeatures {
	color:#f60 !important;
}
a.newfeatures:hover {
	color:#fff !important;
	background-color:#f60 !important;
}

/* Force a new line after floating items */
.clear {
	clear:both;
}

/* This class is so that last elements do not have bottom borders. */
.final {
	border-bottom:none !important;
}

.bulletless {
	margin-left:0;
	margin-right:0;
	list-style:none;
}