/* for napi example only */
.nf_archiveAndCats		{ float:right;border:1px solid #ddd;background:#f8f8f8;width:125px; }

/*--------------Show/hide general blog elements--------------*/

#nf_blog, #nf_blog_archive, #nf_blog_categories
					{ display: block; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; line-height: 16px; }
#nf_blog_archive, #nf_blog_categories	{ padding: 7px; text-align: left; }
#nf_blog a, #nf_blog_archive a, #nf_blog_categories a
					{ text-decoration: none; }
#nf_blog a:hover, #nf_blog_archive a:hover, #nf_blog_categories a:hover
					{ text-decoration: underline; }
.nf_weblogTitle		{ font-size: 24px; margin-bottom: 15px; }
.nf_weblogDescription	{ margin-bottom: 15px; }
.nf_blog_entries	{ display: block; float: left; width: 350px; }
.nf_blog_entry		{ display: block; border: 1px solid #ddd; margin-bottom: 5px; }
.nf_blogEntryContent	{ padding: 5px; }
.nf_blog_archive_hdg,
.nf_blog_categories_hdg	{ display: block; font-weight: bold; }
.nf_blog_archive_entries,
.nf_blog_categories_entries	{ display: block; margin: 5px 0; }
.nf_blog_categories_entry	{  }
.nf_blog_archive_entry	{ margin-bottom: 7px; }
.nf_blog_archive_entry.all	{ font-weight: bold; }
.nf_blog_category_entry	{ margin-bottom: 5px; }
.nf_blogTitle		{ text-transform: uppercase; font-weight: bold; background: #eee; padding: 5px; }
.nf_blogDateAdded	{ display: inline; font-size: 10px; }
.nf_blogAuthor		{ display: inline; font-size: 10px; }

/* to show short story, with a 'more' link to show full story, which itself has a 'less' link, use these: */
.nf_blogStory		{ display: block; padding: 10px 0px; }
.nf_blogLessLinkSpan { xfont-size: smaller; }

/* to show full story, without a 'less' link, use these: */
/*
.nf_blogStory		{ display: none; padding: 10px 0px; }
.nf_blogStory.fullStory	{ display: block; }
.nf_blogLessLinkSpan { display: none; }
*/

.nf_blogMoreLink,
.nf_blogMoreLinkOn	{ font-size: smaller; }
.nf_blogCategories	{ display: block; font-size: 10px; }
.nf_blogLinks		{ display: block; }

.nf_hidden			{ display: none; }

/*-----RSS-----*/

#nf_rsssubscribelink	{ font-family: Arial, Helvetica, Sans Serif; font-size: 12px; }
#nf_rsssubscribelink a	{ text-decoration: none; }
#nf_rsssubscribelink a:hover	{ text-decoration: underline; }
#nf_rsssubscribelink .nf_rsssubscribeimg	{ position: relative; top: 3px; margin: 0px; padding: 0px; margin-left: 6px; }

/*-----Show/hide interactive blog links (more, comments)-----*/

.nf_blogMore		{ display: inline; }
.nf_blogLinkDivider	{ display: inline; }
.nf_addBlogCommentForm	{ border: 1px solid #ddd; margin: 5px; }
.nf_blogAddComment	{ display: inline; font-size: smaller; }
.nf_commentSentMessage	{ display: none; color: red; }


/*-------------------Displays comment form-------------------*/

.nf_commentHeader			{ font-weight: bold; font-size: larger; background: #eee; margin-bottom: 5px; padding: 5px; }
.nf_commentContent			{ padding: 5px; }
.nf_commentField			{ display: block; margin-bottom: 10px; }
.nf_commentField .label		{ display: block; font-weight: bold; }
.nf_commentField .field		{  }
.nf_commentField .textbox	{ width: 200px; }
.nf_commentField .textarea	{  }

/*---------Show/hide individual field sets-----------*/
#nf_commentAuthor 	{ display: block; }
#nf_commentEmail 	{ display: block; }
#nf_commentComment 	{ display: block; }


/*----------------Displays full comment list-----------------*/
.nf_commentsDisplay				{ margin: 5px; border: 1px solid #ddd; }
.nf_commentsDisplayHeader		{ display: block; font-weight: bold; font-size: larger; background: #eee; margin-bottom: 5px; padding: 5px; }
.nf_commentsDisplayComment		{ display: block; }
.nf_commentsDisplayComment.fullComment		{ display: none; }
.nf_commentsDisplayAuthor		{ display: block; font-size: 10px; }
.nf_commentsDisplayDateAdded 	{ display: block; font-size: 10px; }

/* use 'display: block' if you want the Add Comment form to always show; use 'display: none' if you want a link to show that makes the form appear
.nf_addBlogCommentForm			{ margin: 5px 10px; border: 1px solid #ddd; }

/*---------------Other general styles------------------------*/
#nf_blog ol					{  }
#nf_blog ol li				{ border-top: 1px solid #ddd; padding: 5px 0px; }
#nf_blog ul					{  }
#nf_blog ul li				{  }
#nf_blog table				{  }
#nf_blog tr					{  }
#nf_blog td					{  }

.nf_social { margin-top: 5px; } 

/* */