/*------------------------------------+
 | Part: Reset browser default styles |
 +------------------------------------*/

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, 
dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, 
html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, 
small, span, strike, strong, sub, sup, table, tbody, td tfoot, th, thead, tr, 
tt, ul, var {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus { outline: 0; }
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
body { background: #fff; line-height: 1; color: #000; }
caption, th, td { text-align: left; font-weight: normal; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }

/*--------------------------------+
 | Site: Community Collab         |
 | Part: Internet Explorer styles |
 +--------------------------------+
 | * html = Internet Explorer 5/6 |
 | * + html = Internet Explorer 7 |
 +--------------------------------*/


/* Basics
======================================================================*/
* html hr { margin: -0.5em 0 0.833em; }
* html legend { margin-bottom: 1em; }
* html ol { margin-left: 2.5em; }
* html ul { margin-left: 1.5em; }
* + html hr { margin: -0.5em 0 0.833em; }
* + html legend { margin-bottom: 1em; }
* + html ol { margin-left: 2.5em; }
* + html ul { margin-left: 1.5em; }


/* Core layout
======================================================================*/
* html #page { width: 890px; }

/* Content
======================================================================*/
/*--- Bar graphs ---*/
* html .bar-graph li { height: 1%; margin-bottom: -2px; }
* + html .bar-graph li { height: 1%; margin-bottom: -2px; }

/*--- Breadcrumbs ---*/
* html #breadcrumbs li { margin-right: 1em; padding: 0 1em 0 0; }
* + html #breadcrumbs li { margin-right: 1em; padding: 0 1em 0 0; }

/*--- Forms ---*/
	/* Location fields */
	* html .loc-city { margin-right: 1.75%; width: 47%; }
	* html li.loc-zip { width: 26%; }
	* + html .loc-fields { width: 96%; }
	* + html .txt, * + html .txt-sm { padding: 0.2em; }
	
	/* Text boxes */
	* html .txt { width: 97%; }
	* + html .txt { width: 97%; }

/*--- Header ---*/
	/* Navigation */
	* html #nav { height: 1%; }
	* + html #nav { height: 1%; }

/*--- Work Updates ---*/
	/*--- Comments on posts ---*/
	* html .open .instacomment textarea { width: 80%; }

/*--- Muted text ---*/
* html ul.mute li { margin-right: 0.7em; padding-right: 0.7em; }
* + html ul.mute li { margin-right: 0.7em; padding-right: 0.7em; }

/*--- Profile bar ---*/
* html #profile input { vertical-align: -50%; }
* + html #profile input { vertical-align: -50%; }

/*--- Steps ---*/
* html #steps li { padding-right: 10px; }

/*------------------------+
 | Site: Community Collab |
 | Part: Master styles    |
 +------------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* IE styles */


/* Fonts
======================================================================*/
body,
#content-secondary blockquote,
.highlight,
.home #content-secondary,
.results h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.admin-tools,
#alerts,
.author,
.bar-graph, 
blockquote,
#breadcrumbs,
#footer,
.form,
#header,
input,
.instaform,
.mute,
.pages,
#profile,
.sec,
select,
.symbol,
textarea,
th {
	font-family: Verdana, Arial, sans-serif;
}

.flag { font-family: Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, #intro, #nav, #signup, .stat, #steps, .tags { font-family: "Segoe UI", Tahoma, Geneva, Arial, sans-serif; }
code, kbd, pre { font-family: Consolas, "Courier New", Courier, monospace; }


/* Basics
======================================================================*/
a { color: #4180cc; text-decoration: underline; }
a:hover { text-decoration: none; }

body {
	background: #4180cc url(/images/body-bg.gif) no-repeat 50% 15px;
	border-top: 10px solid #2a578f;
	font-size: 100%;
	line-height: 1.466;
	padding: 0.9em 0.5em 2em;
	text-align: center;
}

blockquote { font-size: 0.85em; line-height: 1.5; margin-left: 1.5em; margin-right: 1.5em; }
blockquote, dl, iframe, p, pre, ol, table, ul { margin-bottom: 1.466em; }
blockquote cite { font-size: 0.8em; display: block; text-align: right; }
cite, em { font-style: italic; }
dt { margin-top: 1em; }
h1, h1 a { color: #80a153; }
h1 { font-size: 1.866em; font-weight: normal; line-height: 1.2; margin-bottom: 0.642em; }
h1 span { color: #000; font-size: 0.45em; margin-left: 0.25em; }
h2 { font-size: 1.05em; line-height: 1.428; margin-bottom: 0.35em; }
h2, h3, h4, h5, h6, strong { font-weight: bold; }
h3, h4 { margin-bottom: 0.5em; }
hr { border-bottom: 1px dotted #919496; border-width: 0 0 1px; clear: both; color: #fff; margin: 1em 0; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: upper-alpha; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
ol ul, ul ul { margin-left: 1.1em; }

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table { border-collapse: collapse; width: 100%; }
table a { text-decoration: none; }
table a:hover { text-decoration: underline; }
table p { margin-bottom: 0.5em; }
td { border: 1px solid #ddd; border-width: 1px 0; padding: 5px 10px 5px 0; }
th { font-size: 0.8em; font-weight: bold; padding: 0 10px 5px 0; }
textarea { font-size: 1em; /*height: 15em;*/ }
ul { list-style: disc; margin-left: 1em; }

/*--- Stock ---*/
.l { float: left; }
.primary { margin-left: 33.5%; }
.r { float: right; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.hidden { display: none; }

#page { margin: auto; width: 940px; min-width: 480px; text-align: left; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content { background: #fff url(/images/globe.gif) no-repeat 100% 0; clear: both; padding: 1.5em 2.5em 2em 2.5em; }
#content-primary { float: right; width: 66.6%; }
#content-secondary { float: left; overflow: hidden; width: 28.3%; }

	/* Wide layout (no sidebar) */
	.wide #content-secondary { display: none; }
	.wide #content-primary { float: none; width: 100%; }
	
	/* Swap columns
	   session-new = Sign in page
	   user-home = Home page after user signs in
	   user-new = Sign up process
	*/
	.home #content-primary,
	.search #content-primary,
	.session-new #content-primary,
	.user-home #content-primary,
	.user-new #content-primary {
		float: left;
	}
	
	.home #content-secondary,
	.search #content-secondary,
	.session-new #content-secondary,
	.user-home #content-secondary,
	.user-new #content-secondary {
		float: right;
	}
#alerts { padding: 0; position:fixed; left: 37%; right: 37%; top:0; text-align:center; }
#alerts li { background: #ffa; list-style: none; border: #ccc solid 1px; padding: .3em; font-size: smaller; }
#alerts li:last-child { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }


/* Content
======================================================================*/
.closed { display: none; }

/*--- Admin tools ---*/
.admin-tools { font-size: 0.9em; list-style: none; margin-left: 0; }
.admin-tools a { white-space: nowrap; }
.admin-tools li { display: inline; float: none; margin-right: 1em; }

/*--- Balloons (rename when found) ---*/
.desc { font-size: 1.1em; width: 210px; }
.desc h6 { font-size: 1.2em; margin: 0; }
.desc p { margin: 0; }
.legend .desc { display: none; }

/*--- Bar graphs ---*/
.bar-graph { border-top: 1px solid #ddd; font-size: 0.75em; list-style: none; margin: 0 0 1em; }
.bar-graph a { display: block; text-decoration: none; }
.bar-graph a:hover { text-decoration: underline; }
.bar-graph a:hover .graph { background: #d1e0f4; }
.bar-graph .content { display: block; padding: 0.45em 3em 0.45em 0.5em; position: relative; z-index: 2; }

.bar-graph .count {
	color: #999;
	display: block;
	font-size: 0.875em;
	margin: 0 0.3em;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0.5em;
}

.bar-graph li { border-bottom: 1px solid #ddd; position: relative; }
.bar-graph li.current a, .bar-graph li.current .count { color: #000; }
.bar-graph li.current a.clear-link { color: #4180cc; }
.bar-graph li.current .graph { background: #9ac7f9; }
.bar-graph-head ul { margin-bottom: 0.25em; }
.bar-graph-head p { font-size: 0.75em; }

.bar-graph .graph {
	background: #e6eff9;
	display: block;
	height: 100%;
	left: 0;
	margin-right: 4.5em;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 0;
}

/*--- Blog archives ---*/
.archive { list-style: none; margin-left: 0; }
.archive li { margin: 0 0 0.1em 1em; text-indent: -1em; }

/*--- Breadcrumbs ---*/
#breadcrumbs { list-style: none; margin: 0 0 0.5em 0; float: right; position: absolute; top: -2000em; width: 66.6%; }

#breadcrumbs li {
	background: url(/images/crumb.gif) no-repeat 100% 60%;
	display: inline;
	font-size: 0.75em;
	margin-right: 0.25em;
	padding: 0 1.3em 0 0;
}
#breadcrumbs li.last { background: none; }

/*--- Callouts ---*/
div.call-l, img.call-l { clear: left; }
div.call-l, div.call-r { width: 17em; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call-l, .call-r { color: #7f8183; }
.call-l img, .call-r img { display: block; }
.call-l img.icon, .call-r img.icon { display: inline; }
.call-l p, .call-r p { margin-bottom: 0.5em; }

/*--- Detail lists ---*/
.details { list-style: none; margin-left: 0; }

/*--- Comments ---*/
a.comments { background: url(/images/balloon.gif) no-repeat 0 0.2em; padding-left: 16px; }
#comments { border-top: 1px dotted #919496; margin-bottom: 1em; padding-top: 1em; }
#comments .byline { float: left; text-align: right; width: 23%; }
#comments .byline strong { display: block; }
#comments div.blog-comment div, #comments div.blog-comment ul { float: right; width: 73%; }
#comments li { clear: both; float: left; margin-bottom: 0.5em; padding: 0.5em 0; width: 100%; }
#comments li p { margin-bottom: 0.5em; }
#comments li.internal { background: #e6eff9; }
#comments li .mute { line-height: 1.2; margin-left: 0.5em; }
#comments ol { list-style: none; margin: 0; }
#comments .admin-tools li { float: none; }

/*--- Discussions ---*/
.discussion { list-style: none; margin: 1em 0; }
.discussion li { clear: both; }

	/* Author bubbles */
	.author {
		background: #fff;
		border: 1px solid #d0d0d0;
		-moz-border-radius: 3px;
		float: left;
		font-size: 0.7em;
		line-height: 1.3;
		margin-bottom: 2em;
		/*padding: 0.3em 0.25em 0.7em 60px;*/
		padding: 0.3em 0.5em 0.7em;
		position: relative;
		/*width: 23%;*/
		width: 27%;
	}
	
	.author .beak {
		background: url(/images/beak.gif) no-repeat 0 0;
		height: 29px;
		position: absolute;
		right: -16px;
		top: 7px;
		width: 16px;
	}
	
	.author img { display: none; float: left; height: 40px; margin: 0.25em 0 0 -50px; width: 40px; }
	.author .mute { font-size: 1em; }
	.author p { margin: 0; }
	.owner { background: #d8eaff; }
	.owner .beak { background-image: url(/images/beak-owner.gif); }
	
	/* Replies */
	.reply { float: right; margin-bottom: 1em; width: 66.6%; }
	.reply h3 { color: #80a153; font-size: 1.35em; font-weight: normal; line-height: 1.3; margin-bottom: 0.3em; }
	.reply h3 a { text-decoration: none; }
	.reply h3 a:hover { text-decoration: underline; }
	.reply p { margin-bottom: 0.5em; }
	.reply-form { clear: both; float: right; width: 66.6%; }
	.discussion .current .reply { background: #ffffc0; margin-left: -0.5em; margin-right: -0.75em; margin-top: -0.75em; padding: 0.5em 0.75em; position: relative; }



/*--- Expand & collapse ---*/
.collapse { background-image: url(/images/icon-collapse.gif); }
.expand { background-image: url(/images/icon-expand.gif); }
.expand, .collapse { background-position: 100% 70%; background-repeat: no-repeat; padding-right: 13px; }

/*--- Flags ---*/
.flag { color: #fff; font-size: 10px; line-height: 1; margin-right: 0.3em; padding: 0.25em 0.6em; white-space: nowrap; }
.flag-person { background: #6e9142; }
.flag-update { background: #4180cc; }

/*--- Footer ---*/
#footer { background: url(/images/footer-bg.gif) repeat-x 0 0; clear: both; font-size: 0.65em; margin: 0 auto; max-width: 90.2em; padding-top: 1.5em; text-align: center; }
#footer, #footer a { color: #b0ccea; }
#footer p { margin: 0; }

	/* Footer navigation */
	#footer-nav { font-size: 1.2em; list-style: none; margin-bottom: 1em; }
	#footer-nav a { color: #fff; }
	#footer-nav li { display: inline; margin: 0 0.5em; }

/*--- Forms ---*/
.form { font-size: 0.8em; line-height: 1.4; margin: 0; }
.form p { margin-bottom: 0.5em; }
.form table td, .form table th { font-size: 1em; }
.form td, .form th { border: 0; padding: 0.45em 0; }
.form th { font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 25%; }
.form th .mute { display: block; }
.field-opts { width: 20%; }

	/* Alerts */
	.alert { background: #fff1ad; padding: 0.4em 1em 0.5em; }
	
	/* Buttons */
	.btn { margin-right: 0.5em; overflow: visible; padding: 0.2em 0.6em 0.2em; }
	.btns { margin: 1.5em 0 1.5em 25%; }
	
	/* Checklists */
	.checklist {
		border: 1px solid #ccc;
		max-height: 20em;
		line-height: 1.4;
		margin: 0 0 1em 0;
		overflow: auto;
	}
	
	.checklist input { margin-bottom: 1px; }
	.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
	.checklist li { background: none; clear: both; display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
	.checklist li p { margin: 0; padding: 1em 0 0; }
	.checklist li:hover { background: #efefef; }
	.checklist li ul { margin: 0 0 0 2em; }
	.checklist .mute { font-size: 1em; white-space: nowrap; }
	.checklist p { font-weight: bold; margin-bottom: 0.25em; }
	.checklist .selected { background: #ffa; }
	.checklist ul { margin-bottom: 1em; }
	.form .checklist { margin-top: 0.5em; position: relative; width: 97%; }
	
	/* Errors */
	.error { color: #e30013; }
	.mute li.error {display: block;}
	div.error { background: #fffccc; border: 3px solid #dd9898; clear: both; margin-bottom: 1em; padding: 1em 1.5em 0; }
	div.error li { background: none; padding: 0; }
	div.error ul { list-style: disc; margin-left: 1.5em; margin-bottom:0.5em; }
	td div.error { margin: 0; padding: 0.2em; }
	td div.error .txt { width: 97%; }
	
	/* Fields for wide forms */
	.field { margin-bottom: 1.466em; }
	.field p { margin-bottom: 0.25em; }
	
	/* Location fields */
	.loc-fields { list-style: none; margin: 0 2% 0 0; width: 96%; }
	.loc-fields label { font-size: 0.8em; display: block; }
	.loc-fields li { float: left; }
	.loc-fields li li { float: none; }
	.loc-city { margin-right: 3%; width: 50%; }
	.loc-state { width: 12.5%; }
	li.loc-zip { float: right; width: 32%; }
	
	/* Options */
	.options-h, .options-v { list-style: none; margin-left: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	
	/* Required indicators */
	.req { color: #f00; }
	
	/* Search */
	#search .txt { padding: 0.2em; width: 15em; }
	#search label { color: #d8e5f5; font-weight: bold; }
	#search .btn { margin: 0; }
	
	/* Spam buster */
	.buster { background: #4180cc; color: #fff; font-weight: normal; margin: 0 0.3em; padding: 0.35em 0.5em 0.3em; text-transform: uppercase; }
	#buster { text-transform: uppercase; width: 7em; }
	
	/* Suggestions */
	.suggestions { position: relative; }
	.suggestions a { color: #000; display: block; padding: 0.3em 0.8em 0.4em 2.5em; text-decoration: none; text-indent: -1.7em; }
	.suggestions a:hover { background: #f0f0f0; }
	.suggestions li { clear: both; margin: 0; height: 1%; }
	.suggestions ul { background: #fff; border: 1px solid #999; left: 0; position: absolute; top: -0.5em; width: 100%; list-style: none; margin: 0; }
	.loc-state .suggestions div  { top: -1px; width: 15em; }
	
	/* Text boxes */
	.form-opts .txt, .loc-fields .txt { width: 95%; }
	.loc-state .txt { width: 80%; }
	.txt { width: 98%; }
	.txt-med { width: 48%; }
	.txt-short { height: 4em; width: 98%; }
	.txt-sm { width: 5em; }
	
	input.txt, input.txt-med, input.txt-sm { padding: 0.3em; }
	input.txt-med { margin-right: 0.25em; }
	input.txt-sm { margin-right: 0.25em; }

/*--- Groups ---*/
.group-list { list-style: none; margin-left: 0; }
.group-list p { margin: 0; }
.group-list li { margin-bottom: 1.5em; }
#group-description { float: right; width: 66.6%; }
#group-info { float: left; width: 28.3%; }
#group-info * { line-height: 1.4; }
#group-info dd { margin-bottom: 1em; }
#group-info dt { color: #777; margin: 0; }
.reply div.form { margin-top: 0.5em; }
p.group-invitation-signature { margin-bottom: 2em; margin-top: 0.5em }
.join-icon { background: url(/images/icon-group.gif) no-repeat 0 0; padding-left: 22px; }

/*--- Header ---*/
#header { font-size: 0.9em; }
#header p, #header ul { margin: 0; }
#logo { float: left; margin-bottom: 1em; }
#logo-print { display: none; }
#violator { background: url(/images/violator.gif) no-repeat 0 0; display: block; height: 105px; left: -20px; position: absolute; text-indent: -999em; top: -20px; width: 105px; }

	/* Extras */
	#header-extras { padding-top: 0.5em; text-align: right; }
	#header-extras, #header-extras a { color: #fff; }

/*--- Highlights ---*/
.highlight { background: #ffffcd; border: 1px solid #d0d1d3; margin-bottom: 0.5em; padding: 1em 1em; }
.highlight p, .highlight ul { margin-bottom: 0.5em; }

	/* Inline highlighting */
	.hl { background: #ffc; font-style: normal; padding: 0.1em 0.2em 0.2em; }

/*--- Home ---*/
.home h2 { color: #80a153; font-size: 1.7em; font-weight: normal; }
.home #content-primary h3, .home #content-primary ul.mute { margin-bottom: 0.1em; }
.home #content-secondary h3 { font-size: 1.05em; line-height: 1.3; margin-bottom: 0.25em; }
.home #content-secondary { font-size: 1em; padding: 0; }

/*--- Icons ---*/
.icon-feed { background-image: url(/images/icon-feed.gif); }
.icon { background-position: 0 0.3em; background-repeat: no-repeat; padding: 2px 0 2px 22px; }
.icon-add { background-image: url(/images/icon-add.gif); }
.icon-comment { background-image: url(/images/icon-comment.gif); }
.icon-delete { background-image: url(/images/icon-delete.gif); }
.icon-edit { background-image: url(/images/icon-edit.gif); }

	/*--- File icons ---*/
	img.icon { background: 0; padding: 0; margin: 0 0.3em -3px 0; }

/*--- Work Updates ---*/
.work_updates { list-style: none; margin-left: 0; }
.instaform, .instapost { margin-bottom: 1.5em; }
.instaform p, .instapost p { margin-bottom: 0.2em; }
.instaform textarea { font-size: .75em; height: 9em; }
.instapost .btns { margin: 0 0 0.5em 0; }
.charcount { float: right; margin: 0 .4em 0 0; }

	/*--- Comments on posts ---*/
	.open { border: 3px solid #edf2f7; padding: 0.5em; }
	.open .instacomment { background: #edf2f7; margin-top: 1.5em; padding: 0.5em; }
	.open .instacomment textarea { height: 5em; }
	.open .instacomment ol { list-style: none; }
	.open .work_update { margin: 0; }
	.open .instapost { margin: 1.5em 0 0; }
	
	/*---- New Stories ---*/
	.new_story {margin-bottom: 1em;}
	.new_story p, .new_story .field {margin-bottom: 0.2em;}

/*--- Intro ---*/
#intro { background: url(/images/intro-bg.gif) no-repeat 0 0; color: #919496; font-size: 1.45em; line-height: 1.333; padding: 8px 64px 20px; }
#intro a { color: #80a153; }
#intro h1 { color: #4180cc; font-size: 1.333em; font-weight: bold; line-height: 1; }
#intro h1, #intro p { margin: 0; }
#intro strong { color: #58595b; font-weight: normal; }

/*--- Maps ---*/
#map { border: 1px solid #ccc; height: 300px; margin-bottom: 1em; }

	/* Balloons */
	.gballoon { font-size: 0.9em; }
	.gballoon p { margin-bottom: 0.25em; }

/*--- Muted text ---*/
.mute { font-size: 0.7em; }
.mute, .mute a { color: #777; }
ul.mute { margin-left: 0; }
ul.mute li { display: inline; margin-right: 1.25em; }
ul.mute li.last { border: 0; }
.form .mute { font-size: 0.9em; }
.form ul.mute { margin: 0; }

/*--- Navigation ---*/
#nav { background: #2a578f; clear: both; color: #bdcbdd; font-size: 0.8em; padding: 0.7em 1em; }
#nav a { color: #fff; }
#nav li, #nav ul { margin: 0; }

	/* Extra navigation (profile links, etc.) */
	#nav-extras { float: right; list-style: none; }
	#nav-extras li { display: inline; margin-left: 0.75em; }
	
	/* Primary navgiation */
	#nav-primary { font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
	#nav-primary a { color: #a6b9d2; }
	#nav-primary a:hover { color: #fff; }
	#nav-primary li { display: inline; margin: 0 0.75em; }
	#nav-primary li.current a { border-color: #fff; color: #fff; }
	
	/* Secondary navgiation */
	#nav-secondary { list-style: none; margin-left: 0; }
	#nav-secondary a { text-decoration: none; }
	#nav-secondary a:hover { text-decoration: underline; }
	#nav-secondary li { border-bottom: 1px solid #dfdfdf; margin-bottom: 0.5em; padding-bottom: 0.5em; }
        #nav-secondary li.current { font-weight: bold; }
        #nav-secondary li.current a { color: #000; }
	#nav-secondary .mute { margin-left: 0.5em; }
	
/*--- Next steps ---*/
.nextsteps { background: #ffffcd; margin-bottom: 1em; padding: 1em; }
.nextsteps p { margin-bottom: 0.5em; }

/*--- Paging ---*/
.pages { font-size: 0.8em; list-style: none; margin-left: 0; text-align: center; }
.pages a { border: 1px solid #9dbee5; margin: 5px; text-decoration: none; }
.pages a:hover { background: #e6eff9; }
.pages a, .pages strong { padding: 0.5em 0.7em; }
.pages strong { color: #fff; background: #4180cc; }
.pages li { display: inline; }

  /* Prev/Next */
  .pagination { text-align: center; }
  .pagination a { margin: 0 0.5em; text-decoration: none; }
  .pagination a:hover { text-decoration: underline; }
  .pagination .disabled { color: #999; }

/*--- Popups ---*/
.popup {
	background: #ffffcd;
	border: 1px solid #ccc;
	font-size: 0.9em;
	left: 0;
	padding: 1em 1em 0;
	position: absolute;
	text-indent: 0;
	top: -1em;
	width: 30em;
}

.popup a { border: 0; text-decoration: underline; }
.popup a:hover { text-decoration: none; }
.popup h6 { font-size: 1.2em; line-height: 1.3; }

/*--- Profile bar ---*/
#profile { background: #ffffcd; border-top: 13px solid #2a578f; clear: both; font-size: 0.8em; padding: 1em 2em; }
#profile a { margin: 0 0.5em; }
#profile p { margin: 0; }
#profile .txt { margin: 0 1em 0 0.25em; width: 13em; }

/*--- Profiles ---*/
.name { font-size: 1.1em; margin: 0; }
.profiles li { margin-bottom: 1em; }
.profiles p { margin: 0; }

/*--- Result lists ---*/
.results { margin-left: 0; overflow: visible; }
.results, .results ol { list-style: none; }
.results cite, .results cite a { color: #80a153; font-style: normal; }
.results h3 { color: #4180cc; font-size: 1.3em; font-weight: normal; }
.results h3 span { font-size: 0.7em; }
.results h3, .results p { margin: 0; }
.results li { margin-bottom: 1em; }
.results .mute { color: #777; font-size: 0.8em; }
.results ol { margin: 0.75em 0 0 2em; }

/*--- Screenshots ---*/
.screens { list-style: none; margin-left: 0; }
.screens img { border: 5px solid #d0d1d3; float: left; margin: 0 3em 1em 0; }
.screens li { background: none; clear: both; padding: 0; }

/*--- Search results ---*/
.search-term { color: #000; }

/*--- Secondary content ---*/
.sec { font-size: 0.75em; line-height: 1.8; }
#content-secondary blockquote { font-size: 1em; margin-left: 0; margin-right: 0; }
#content-secondary blockquote p { margin-bottom: 0.25em; }
#content-secondary h3 { color: #80a153; }
#content-secondary h3, #content-secondary h4 { font-size: 1.2em; }

/*--- Skip links ---*/
.skip { left: -9999px; position: absolute; top: -9999px; }

/*--- Sign up promo ---*/
#signup { background: #ffc; font-size: 0.9em; padding: 0.5em 1em 0.7em; text-align: center; }
#signup a { font-size: 1.3em; margin: 0 0.5em; text-align: center; }

/*--- Skip links ---*/
.skip { left: -9999px; position: absolute; top: -9999px; }

/*--- Sort selector ---*/
.sort-selector { font-size: 0.75em; margin: 0 0 1.5em; }
.sort-selector li, .sort-selector p, .sort-selector ul { display: inline; margin-right: 0.45em; }
.sort-selector .current, .sort-selector .current a { color: #80a153; font-weight: bold; text-decoration: none; }
.sort-selector .current a:hover { text-decoration: underline; }
.sort-selector ul { margin: 0; }

/*--- Stats ---*/
.stat { margin-bottom: 1em; }
.stat em { font-size: 0.8em; font-style: normal; letter-spacing: 0.07em; text-transform: uppercase; }
.stat strong { color: #4180cc; display: block; font-size: 3.28em; line-height: 0.8; }
.highlight .stat em { font-size: 1.6em; }
.highlight .stat strong { color: #97b964; font-size: 5.5em; }
#public-stats th { width: 17%; }

/*--- Steps ---*/
#steps { list-style: none; margin-left: 0; }
#steps a { cursor: hand; text-decoration: none; }
#steps a span { text-decoration: underline; }
#steps a:hover span { text-decoration: none; }

#steps li {
	background: url(/images/bullet-wizard.gif) no-repeat 100% 60%;
	float: left;
	margin: 0 7px 2em 0;
	line-height: 1.9;
	padding-right: 15px;
}

#steps li.last { background: none; }

#steps strong {
	background-image: url(/images/step-bg.gif);
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	float: left;
	margin-right: 7px;
	line-height: 1.9;
	height: 30px;
	text-align: center;
	width: 30px;
}

#steps .future strong { background-position: 0 -60px; }
#steps .past, #steps .past a { color: #a5a5a5; }
#steps .past strong { background-position: 0 0; }
#steps .present { color: #7fa052; font-weight: bold; }
#steps .present strong { background-position: 0 -30px; }

/*--- Tags ---*/
#content-secondary .tags { font-size: 0.95em; }
.tags { font-size: 0.7em; line-height: 1.35; margin: 0 0 3em 0; }
.tags a { color: #000; text-decoration: none; }
.tags a:hover { text-decoration: underline; }
.tags li { display: inline; margin-right: 1.1em; word-spacing: -0.1em; }
.tags li.current { color: #4180cc; font-weight: bold; }

.tag-1 { font-size: 1em; }
.tag-2 { font-size: 1.2em; }
.tag-3 { font-size: 1.4em; }
.tag-4 { font-size: 1.6em; }
.tag-5 { font-size: 1.9em; }
.tag-6 { font-size: 2em; }
.tag-7 { font-size: 2.1em; }
.tag-8 { font-size: 2.3em; }
.tag-9 { font-size: 2.5em; }

/*--- vCards ---*/
.vcard { margin-bottom: 1.5em; }
.vcard .street-address, 
.vcard .org, 
.vard .adr, 
.vcard .country,
.vcard .email,
.vcard .url { display: block; }

/*--- Viewing options ---*/
.view { font-size: 0.75em; margin-bottom: 1.5em;}
.view li, .view p, .view ul { display: inline; margin-right: 0.45em; }
.view a.current { color: #80a153; font-weight: bold; /*text-decoration: none;*/ }
.view a.current:hover { text-decoration: none; }
.view ul { margin: 0; }

/*--- Wide layout ---*/
.wide h1 { font-size: 1.5em; }


.story-share-form .error { width: 20em; }


button.manage-friendship { 
  background: #fff url(/images/button-bg.gif) repeat-x 0 100%;
  color: #fff;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  padding: 0.2em 0.5em 0.3em;
  margin-bottom: 0.5em;
  white-space: nowrap;
}

button.manage-friendship[disabled] {
  background: #fff url(/images/button-disabled-bg.gif) repeat-x 0 100%;
}


dl.friends {
  width: 20em;
  float: left;
  margin: 1em 0;
  padding: 0;
}

.friends dt {
  clear: left;
  float: left;
  width: 80%;
  margin: 0;
  padding: 5px;
}

.friends dd {
  float: left;
  width: 10%;
  margin: 0;
  padding: 5px;
  font-weight: bold;
}



dl.statistics {
  width: 20em;
  float: left;
  margin: 1em 0;
  padding: 0;
}

.statistics dt {
  clear: left;
  float: left;
  width: 80%;
  margin: 0;
  padding: 5px;
}

.statistics dd {
  float: left;
  width: 10%;
  margin: 0;
  padding: 5px;
  font-weight: bold;
}


.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
  text-align: left;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
   */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
   */
  line-height: 16px;
  overflow: hidden;
}

.ac_results li span {
  padding: 2px 5px;
}

.ac_loading {
  background: white url('/images/spinner.gif') right center no-repeat;
}

.ac_odd {
  /*	background-color: #eee;*/
}

.ac_over {
  background-color: #0A246A;
  color: white;
}

.ac_over .not-found {
  display: block;
  background: white;
  color: #777;
  font-style: italic;
}