@charset "UTF-8";
/*
===============================================================================
blog.css - Controls the styles associated with the site blog 
-------------------------------------------------------------------------------
CONTENTS
===============================================================================
1.	Blog Header/Blog Name
-------------------------------------------------------------------------------
2.	Blog Content Area
-------------------------------------------------------------------------------
3.	Blog Entry/Story
-------------------------------------------------------------------------------
4.	Blog Link(s), Buttons and Pop-up Form
-------------------------------------------------------------------------------
5.	Blog Comments
===============================================================================*/


/*
===============================================================================
===============================================================================
1.	BLOG HEADER/BLOG NAME
-------------------------------------------------------------------------------
-	Bar/Header that spans the top of the blog. Allows for graphic, titlebar
	or something similar.
-------------------------------------------------------------------------------*/


.blogHeader {
	width: 100%;
	margin-bottom: 2.65em;
	clear: both; }
	

/* Need to revise - Mike */
.blogTitleBar {
	width: 100%;
	margin-bottom: 2.65em;
	padding-top: 10px; /* Offset for RoundBox feature within blogTitleBar */
	clear: both; }
	
#blog #roundBox {
	padding: 0; }
	
#roundBox.roundBox-blogTitleBar {
	background-color: #6696d2; }
	
.blogTitleBar-title {
	margin-right: 15em;
	padding-left: 1em; }

.blogTitleBar-date {
	float: right;
	padding-right: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 153.9%;
	line-height: 1.5em;
	color: #FFF; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
2.	BLOG CONTENT AREA
-------------------------------------------------------------------------------
-	Controls the amount of space the content area if offset from the top/
	titlebar area.
-------------------------------------------------------------------------------
-	Other attributes can be applied as well (IE. background, color, font, etc.)
-------------------------------------------------------------------------------*/
#blog #content {
	padding-top: 2em; } 
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
3.	BLOG ENTRY STORY
-------------------------------------------------------------------------------
-	Styles associated with the Blogger's entry/story styles.
-------------------------------------------------------------------------------*/
.blogEntry {
	margin-bottom: 3em; }

.blogEntry h1 {
	margin-bottom: .15em; }

.blogEntry .datePosted {
	font-size: 85%;
	color: #999;
	margin-bottom: 2em; }	
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
4.	BLOG LINK(S), BUTTONS AND POP-UP FORM
-------------------------------------------------------------------------------
-	Styles associated with the link, button and pop-up that allows viewers/
	subscribers to add their comments.
-------------------------------------------------------------------------------*/
.blogAddButton {
	margin-top: 2em; }

.link-blog-add {
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(images/link-blog-add-icon.png);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 1.25em; }
	
a.link-blog-add:link, a.link-blog-add:visited {
	text-decoration: none; }
	
a.link-blog-add:hover {
	text-decoration: underline; }


/* Pop-up Form */
.blogAddComment {
	background-color: #FAFAFA;
	border: 1px solid #F1F1F1;
	padding: 1.65em; }

.blogInputLabel {
	font-weight: bold;
	font-size: 93%; }

/* RSS Feed Link customizaton (global/shared style) */
.link-rss-right {
	float: right; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
5.	BLOG COMMENTS
-------------------------------------------------------------------------------
-	Styles associated with comments posted by viewers/subscribers.
-------------------------------------------------------------------------------*/
.blogComments { 
	margin-bottom: 4em; }
	
.blogComments .commentsTitle {
	font-size: 93%;
	font-weight: bold;
	padding-bottom: .45em;
	border-bottom: 1px solid #F1F1F1; }
	
.blogCommentAuthor {
	font-size: 85%;
	color: #333; }
/*
-------------------------------------------------------------------------------
-	ROUNDED CORNERS JQUERY / COMMENTS
-------------------------------------------------------------------------------*/

.bl5 { background: url(/Templates/temp-default/css/images/round5-bl.gif) 0 100% no-repeat #FFFFFF; width: 100%; }
.br5 { background: url(/Templates/temp-default/css/images/round5-br.gif) 100% 100% no-repeat }
.tl5 { background: url(/Templates/temp-default/css/images/round5-tl.gif) 0 0 no-repeat }
.tr5 {
	background: url(/Templates/temp-default/css/images/round5-tr.gif) 100% 0 no-repeat;
	padding: 1em 1em 2.5em 1em;
	margin-top: 1.25em;
	color: #666666; }

.bl5 h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	color: #064cc7; }
	
.clear {font-size: 1px; height: 1px }
/*
===============================================================================*/