/*
'**************************************************************************************************
'*																																																*
'*	This file can be considered a logical extension of CABS.css in this theme.  Be sure to read		*
'*	the instructions there for modifying the visual appearance of this site.											*
'*																																																*
'*	This CSS file is specifically for blog pages, and controls the appearance of the blog page		*
'*	in the development environments.  The included documentation should help in efforts to				*
'*	customize the appearance of blogs on an individual site.																			*
'*																																																*
'*	Some of these classes are applied to the ASPX page, and some to content that is generated			*
'*	in the ASCX's.  By design, a user can change the layout/design of the ASPX page without				*
'*	affecting the functionality.  As such, in a customized page, some of these classes may				*
'*	not be used.  Each class in this file defines if it applies to controls in the ASPX or ASCX		*
'*	files.																																												*
'*																																																*
'**************************************************************************************************
*/

.BlogContainer
/*
 *	This class is applied to a DIV that wraps all of the navigation and content when viewing
 *	the blog.  This exists in the default ASPX page.
 */
{
	position: relative;
}

.BlogNavDiv
/*
 *	This class is applied to a DIV that wraps all of the navigation components when viewing
 *	the blog.  This exists in the default ASPX page.
 */
{
	float:right;
	top: 0px;
	right: 0px;
	padding:12px; 
	margin: 6px;
	margin-left:12px; 
	margin-bottom:12px; 
	background-color:White; 
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	width: 250px;
}

.BlogNavHeader
/*
 *	This class is applied to the DIVs that hold the header for each of the navigation components.
 *	(The words, "Hightlights:", "Keywords:", and "Archives:".
 */
{
	font-weight:bold;
	font-size: 100%;
	text-align:center;
	background-color: Navy;
	color: Yellow;
	padding: 6px;
	border: solid 1px #cccccc;
}

.BlogStartNav
/*
 *	This class is applied to the DIV that holds the start navigation.  This is the "View Complete Blog"
 *	link.
 */
{
	font-size: 120%;
	font-weight:bold;
	text-align:center;
}
.BlogStartNav a
{
	text-decoration: none;
	color: Maroon;
}
.BlogStartNav a:hover
{
	text-decoration: underline;
	color: Red;
}

.BlogPostsNavItem
/*
 *	This class is applied to the post links in the highlights navigation.
 */
{
	padding-bottom:10px;
	padding-left:5px;
	font-size:90%;
}
.BlogPostsNavItem a:link
{
	color: Blue;
	text-decoration: none;
}
.BlogPostsNavItem a:visited
{
	color: Blue;
	text-decoration: none;
}
.BlogPostsNavItem a:hover
{
	color: Red;
	text-decoration: underline;
}

.BlogPostsNavItemDate
/*
 *	This class is applied to the date of each post in the highlights nav.
*/
{
	font-size:80%;
	color:#666666;
	padding:0;
	padding-left:5px;
}

.BlogKeywordsNavItem
/*
 *	This class is applied to the keyword links in the keywork nav.
*/
{
	padding:0;
	padding-left:5px;
	font-size:90%;
}
.BlogKeywordsNavItem a:link
{
	color: Blue;
	text-decoration: none;
}
.BlogKeywordsNavItem a:visited
{
	color: Blue;
	text-decoration: none;
}
.BlogKeywordsNavItem a:hover
{
	color: Red;
	text-decoration: underline;
}

.BlogWelcomePostDiv
/*
 *	This class is applied to a DIV that holds the Welcome post, which appears before the rest in its own div.
 */
{
	margin:20px;
	margin-right: 300px;
	padding:12px;
	background-color: #f5f5f5;
}

.BlogPageLinks 
{
	padding: 4px;
	background-color: #f5f5f5;
	margin-right: 280px;
}
.BlogPageLinks a:link
{
	color: Maroon;
}
.BlogPageLinks a:visited
{
	color: Maroon;
}
.BlogPageLinks a:hover
{
	color: Red;
}

.BlogPostsDiv
/*
 *	This class is applied to a DIV that holds all of the posts in the content view.
 */
{
	padding: 8px;
}

.BlogPostDiv
{
	padding:8px;
	margin-bottom:12px;
	background-color: White;
}

.BlogPostDate
{
	color:#666666;
	font-size:90%;
	padding-top:15px;
	color: Gray;
}

.BlogPostTitle 
/*
		This must be REPEATED in the CSS file, BlogContent.css for email messages to 
		have the title formatted properly.	
*/
{
	color:Navy;
	margin-bottom:10px;
	font-weight:bold;
	font-size:110%;
}
.BlogPostTitle a:link
{
	text-decoration: none;
	color: maroon;
}
.BlogPostTitle a:visited
{
	text-decoration: none;
	color: maroon;
}
.BlogPostTitle a:hover
{
	text-decoration: underline;
	color: Red;
}

.BlogPostBody
{
	color:Navy;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

.BlogPostLinks
{
	margin:12px;
	margin-left:36px;
	padding:6px;
	position:relative;
	font-size: 90%;
}

.BlogPostLinks a:link
{
	color: Maroon;
	text-decoration: none;
}
.BlogPostLinks a:visited
{
	color: Maroon;
	text-decoration: none;
}
.BlogPostLinks a:hover
{
	color: Red;
	text-decoration: underline;
}

.BlogPostLink_Post
{
	position:static;
}

.BlogPostLink_Comments
{
	position:static;
}

.BlogPostLink_NewComment
{
	position:static;
}

.BlogPostLink_Keywords
{
	position:static;
}

.BlogPostSeparator
{
	border: none;
	border-bottom: dotted 1px navy;
}

.BlogCommentBox
{
	width:500px;
	height:200px;
}

.BlogComment_NotLoggedIn
{
	font-weight:bold;
	margin:12px;
	color:Red;
}

.BlogCommentName
{
	width: 500px;
}

.BlogCommentsList
{
}

.BlogComment
{
	background-color: #e8e8e8;
	padding: 18px;
	margin-bottom: 18px;
}

.BlogCommentName
{
	font-weight:bold;
}

.BlogCommentDate
{
	color: #a0a0a0;
}

.BlogCommentText
{
	font-style: italic;
	margin: 18px;
}