/*
Blog Style Overrides
Be aware that the main Default.ascx page loads the blog.css file prior to the home.css file
Any changes to this file may effect the default page
*/

#Common
{
}

#CommonBody {margin:0;padding:0;}

.CommonContentArea {
	position:relative;
	margin:0;
	padding: 42px 25px 20px 22px;	
	/*font-size: 100%;*/
}

.CommonContent
{
	margin:0;
	padding: 0;
}

#flash-wrap {display:none;}
#CommonBodyTable {float:left;width:962px;margin:0;padding:0 0 0 8px;background: transparent url(../images/cfc/content_bg_int2.gif) repeat-y 0 0;}
#CommonLeftColumn {float:left;width:216px;margin:0;padding:0 0 25px 0;}
#CommonBodyColumn {float:left;width:491px;margin:0 4px 0 5px;padding:0;}
#CommonRightColumn {float:left;width:246px;margin:0;padding:0;}

.CommonTitle
{
	margin:0;
	padding:0;
	color: #9d1717;
	background-color: transparent;
	font-size: 214.3%;
	font-weight: normal;
}

.CommonTitle a:link, .CommonTitle a:visited
{
    color: #9d1717;
	text-decoration:none;
} 

.CommonTitle a:focus, .CommonTitle a:hover, .CommonTitle a:active 
{
    color: #9d1717;
	text-decoration:none;
} 


#CommonLeftColumn .CommonTitle
{
	margin:0;
	padding:14px 9px 12px 14px;
	color: #fbf6d8;
	background-color:#dfcf90;
	font-size:1.2em;
	width:auto;
	font-weight:bold;
}

#CommonLeftColumn .CommonTitle a:link, #CommonLeftColumn .CommonTitle a:visited
{
    color: #fbf6d8;
	text-decoration:none;
} 

#CommonLeftColumn .CommonTitle a:focus, #CommonLeftColumn .CommonTitle a:hover, #CommonLeftColumn .CommonTitle a:active 
{
    color: #9d1717;
	text-decoration:none;
} 

#CommonBodyColumn .CommonContentArea .CommonContent ul {margin:10px 15px;padding:0 10px;list-style-type:square;}
#CommonBodyColumn .CommonContentArea .CommonContent ul li {margin:0 10px;padding:5px 0;list-style-type:square;}

#CommonBodyColumn .CommonContentArea .CommonContent ul.noicon {margin:10px 15px;padding:0;list-style-type:none !important;}
#CommonBodyColumn .CommonContentArea .CommonContent ul.noicon li {margin:0 0 0 10px;padding:5px 0;list-style-type:none !important;}

#CommonBodyColumn .CommonContentArea .CommonContent ol {margin:10px 15px;padding:0 10px;}
#CommonBodyColumn .CommonContentArea .CommonContent ol li {margin:0 10px;padding:5px 0;}

#left-col-ad {
	margin:0 0 0 5px;
	padding:0;
}

#newsletter-signup-wrap {
	background-image: url(../images/cfc/newsletter_signup_bg_int.gif);
	height:66px;
	width:209px;
	clear:both;
	margin:0 0 0 5px;
	padding:0;
}

#newsletter-signup-wrap span {
	display:block;
	margin:0;
	padding:12px 0 0px 10px;
	clear:both;
}

#nl-form-wrap {margin:0;padding:2px 0 0 10px;}

	#nl-form-wrap .nl-input {width:127px;border:solid 1px #d5ca9d;border-top:solid 1px #9e9b88;font-size:.8em;padding-left:0px;margin:0 0 5px 0;color:#524f40;background-color:#fff !important;}

#nl-form-wrap #submitbutton {margin:0 0 0 0;padding:0;border:0;}

#side-image {position:absolute;left:474px;top:0;} /* wackIE-hackIE */
.CommonContent > span > #side-image, 
.CommonContent > span > div > div > #side-image, 
.BlogPostContent > #side-image, 
.CommonContent > #side-image, 
.CommonContent > div > #side-image {left:496px;} /* this is to get the side-bar in the right place for FF and IE7 in and out of admin area */

.EventsMainPageDisplay #side-image {display:none;} /* to hide any sidebar images in the RSS feed pulled on the main events page aggreagate list */


.CommonSidebarContent {background-color: #fbf6d8;}

/*
Blog Styles
*/

#eventlistcontainer {margin:10px 0;padding:0;}

UL.BlogPostList, UL.BlogPostList li
{
	margin: 0px !important;
	padding: 10px 0px !important;
	list-style-type: none !important;
}

.BlogPostArea
{
	margin:0;
	padding:0 0 15px 0;
	border-width: 0px;
}

.BlogPostArea img, .BlogPostArea .BlogPostContent img, div.BlogPostContent img{float:left; margin: 0;padding:2px 15px 10px 0;}
.BlogPostArea img[align=right],img[align="right"] {float:right !important;margin: 0;padding:2px 0 10px 15px;}
.BlogPostArea img.right, .BlogPostArea .BlogPostContent img.right, div.BlogPostContent img.right {float:right !important;margin: 0 0 20px 15px !important;}
.BlogPostArea img.block, .BlogPostArea .BlogPostContent img.block, div.BlogPostContent img.block {float:none !important;display:block !important;clear:both !important;}
.BlogPostArea img.nofloat, .BlogPostArea .BlogPostContent img.nofloat, div.BlogPostContent img.nofloat {float:none !important;display:inline !important;margin:0 !important;padding:0 2px;}

.BlogPostHeader
{
	margin:0;
	padding:0;
	color: #9d1717;
	background-color: transparent;
	font-size: 214.3%;
	font-weight: normal;
}

.CommonListRow .BlogPostHeader, .CommonListRow .BlogPostHeader a, .CommonListRowAlt .BlogPostHeader, .CommonListRowAlt .BlogPostHeader a
{
	margin:0;
	padding:0;
	color: #9d1717;
	background-color: transparent;
	font-size: 114.3%;
	font-weight: normal;
	text-decoration:none;
}

.BlogRating
{
	width: 80px;
	height: 80px;
	margin: 5px 10px 0px 0px;
	background-color: #cccccc;
	vertical-align: top;
	text-align: center;
	padding: 8px 2px 2px 2px; 
	
	background-image: url(../images/Common/blog_comment_background.gif);
	line-height: 20px;
	color: #666666;
}

.BlogRating a:link, .BlogRating a:visited, .BlogRating a:active, .BlogRating a:hover
{
	color: #666666;
	text-decoration: none;
}

.BlogCommentCount
{
	font-size: 22px;
	font-weight: bold;
	
}

.BlogPostContent
{	
	margin:0;
	padding:0;
}

.BlogPostFooter
{
	margin: 10px 0px 10px 1px;
	color: #666666;
	
	font-size: 80%;
}

/*
Blog List Columns
*/

.BlogBlogNameColumn
{
	width: 25%;
}

.BlogAuthorColumn
{
	width: 14%;
}

.BlogLastPostColumn
{
	width: 25%;
}

.BlogPostsColumn
{
	text-align: center;
	width: 9%;
}

.BlogArticlesColumn
{
	text-align: center;
	width: 9%;
}

.BlogCommentsColumn
{
	text-align: center;
	width: 9%;
}

.BlogTrackbacksColumn
{
	text-align: center;
	width: 9%;
}

/*
Calendar styles
*/

.BlogCalendar
{
	font-size: 90%;
	width: 100%;
}

.BlogCalendarTitle
{
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

.BlogCalendarNextPrev
{
}

.BlogCalendarNextPrev A:LINK, .BlogCalendarNextPrev A:ACTIVE, .BlogCalendarNextPrev A:VISITED
{
	text-decoration: none;
}

.BlogCalendarNextPrev A:HOVER
{
	text-decoration: underline;
}

.BlogCalendarDays
{
	font-weight: bold;
	padding: 2px;
}

.BlogCalendarDay A:LINK, .BlogCalendarDay A:ACTIVE, .BlogCalendarDay A:VISITED, .BlogCalendarDay A:HOVER
{
	font-weight: bold;
}

/* Comment Form */
#commentform {padding: 0;font-size: 0.95em;}
#commentform h2{margin-bottom:0;}
#commentform h3{
    font-size: 1.3em;margin: 0px 10px 0px 0px;padding: 10px 0px 5px;
	font-family: helvetica, arial, sans-serif;
	font-weight: 600;letter-spacing: 0px;}

#commentform p{	padding: 0em; font-size: 0.95em;}

#commentform dl {margin: 0;	padding: 0;}

#commentform dt {	padding: 5px 0 5px 0; font-size: 1.0em;	margin: 0px;}
	
#commentform dd { color: #777777;margin-left:0;}

#commentform dt em {font-size: 0.95em;}
 
#commentform .smallbox {
	width: 350px;
	padding: 2px;
	border-top: 1px solid #7F8D3E;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
}

#commentform textarea {
	width: 400px;
	height: 150px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #7F8D3E;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
	font-size: 1em;
	}
/* End Comment */

#comments h3
{
	color: #666666;
	font-size: 110%;
}

.Comment
{
	padding-bottom: 12px;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #eeeeee;
	padding-top: 12px;
}

.CommentAvatar
{
	white-space: nowrap;
}

.CommentAvatar img
{
	margin-right: 8px;
}

.CommentContent
{
}

.CommentTitle
{
	font-size: 110%;
	margin: 0px;
	padding: 0px;
}

.CommentTitle A:LINK, .CommentTitle A:ACTIVE, .CommentTitle A:VISITED, .CommentTitle A:HOVER
{
    color: #91723f;
}

.CommentText
{
	padding: 5px;
	background-color:#e7e2c3;
	border:solid 1px #cccccc;
}

.CommentFooter
{
	font-size: 80%;
	color: #999999;
}

/* Post ToolBar */

#postToolbar
{
	width:400px;
	border:solid 1px #cccccc;
	padding:3px 6px;
	margin:30px 0 15px 0;
	background-color: #e7e2c3;
	font-size:85%;
}

#postToolbar .CommonSubTitle
{
	margin-bottom:0;
	padding-bottom:0;
}
/* END Post ToolBar */

UL.BlogLinkCategoryLinkList
{
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	margin-left: 24px;
	padding-left: 0px;
}

UL.BlogLinkCategoryLinkList li
{
	padding-top: 4px;
}

UL.BlogLinkCategoryLinkList li a
{
	font-weight: bold;
}

.BlogLinkCategoryArea
{
	padding: 4px;
}


.CommonSimpleTabStripTab a:link,
.CommonSimpleTabStripTab a:visited,
.CommonSimpleTabStripTab a:focus, .CommonSimpleTabStripTab a:hover, .CommonSimpleTabStripTab a:active
{
	padding:5px 15px 6px 15px;

}

.CommonSimpleTabStripTabHover a:link,
.CommonSimpleTabStripTabHover a:visited,
.CommonSimpleTabStripTabHover a:focus, .CommonSimpleTabStripTabHover a:hover, .CommonSimpleTabStripTabHover a:active
{
	padding:5px 15px 6px 15px;
}