﻿/****************************************************************************
 *** GLOBAL *****************************************************************
 ****************************************************************************/

/*.body {
	background: url(../Images/Community/body-bg-wide.png) repeat-y 0 0;
	margin: 60px auto 0 auto;
	min-height: 500px;
	padding: 0 0 20px 0;
	position: relative;
	width: 985px;	
}
	
	.body .body-top {
		background: url(../Images/Community/body-top-wide.png) no-repeat 0 0;
		clear: both;
		height: 6px;
		position: absolute;
		top: -6px;
		width: 985px;
	}

.body-bottom {
	background: url(../Images/Community/body-bottom-wide.png) no-repeat 0 0;
	bottom: 0;
	clear: both;
	height: 9px;
	margin: 0 auto;
	width: 985px;
}*/

h1.section {
	font-size: 22px;
}

.layout {
	width: 966px !important;
	max-width: 966px !important;
	min-width: 966px !important;
	padding: 1px 7px 0px 7px;
}

.layout-region.content
{
	background: transparent url(../Images/Weblogs/div_vert_gradient.png) no-repeat 628px 56px;
}

.layout-content.content-left-sidebar-right 
{
    min-height: 900px;
}

.layout-content.content-left-sidebar-right .layout-region.right-sidebar {
	/*width: 307px;
	padding: 0;
	margin: 45px 0 0 11px;*/
}
/* Component: Gradient Callout */

.open-callout {
	margin: 0 0 25px 20px;
	width: 250px;
	position: relative;
}

	.open-callout h4 {
		height: 19px;
		color: #666;
		font-size: 14px;
		padding: 0 3px;
		font-weight: normal;
		text-transform: uppercase;
		border-bottom: solid 1px #ccc;
	}
	
		.open-callout h4 span {
			color: #666;
		}
	
	.open-callout h5 {
		color: #000;
		font-size: 14px;
		padding: 0 0 10px 0;
	}
	
	.open-callout .callout-body {
		padding: 8px 0 0 0;
	}
	
	.open-callout .callout-body.feeds-body a
	{
		color: #000;
	}
	.open-callout .callout-body .posts-by-email
	{
		margin: 16px 0 0 0;
	}
	.open-callout .callout-body .posts-by-email input {
		clear: both;
		margin: 0 0 5px 0;
		display: block;
	}
	.open-callout .callout-body .rss-links
	{
		/*margin: 16px 0 0 0;*/
	}
	
	.open-callout .callout-body .rss-links .png
	{
		float: left;
		padding-right: 5px;
	}
	
	.open-callout .callout-body .rss-links a.subscription-on,
	.open-callout .callout-body .rss-links a.subscription-off
	{
	    display: block;
		background: transparent url(../images/Weblogs/mail_subscribe_btn.jpg) no-repeat  0 0;
		width: 120px;
		height: 16px;
		padding-left: 25px;
		line-height: 18px;
	}
	
	.open-callout .callout-body .rss-links a.subscription-on
	{
	    background-position: 0 -16px;
	}
	
		.open-callout .callout-body p {
			/*color: #990000;*/
			font-size: 12px;
			line-height: 14px;
			margin: 0 0 6px 16px;
		}
		
			.open-callout .callout-body p.last {
				margin: 0px;
			}
		
			.open-callout .callout-body p span {
				color: #505050;
				clear: both;
				display: block;
			}
			
			.open-callout .callout-body p a {
				color: #990000;
				font-weight: normal;
				text-decoration: none;
			}
			
			.open-callout .callout-body p.last a {
				text-decoration: underline;
			}
			
		.open-callout .callout-body ul {
			padding: 0;
		}
		
		.open-callout .sidebar-links ul {
			padding: 0 0 7px 0;
		}
			
			.open-callout .callout-body ul li {
				line-height: 24px;
				padding: 0 0 0 3px;
			}

	.open-callout .callout-bottom {
		height: 7px;
		font-size: 0px;
		line-height: 0px;
		position: relative;
	}
	
		.open-callout .callout-bottom span {
			position: absolute;
			display: block;
			height: 7px;
			width: 7px;
			font-size: 0px;
			line-height: 0px;
			right: 0px;
		}

.open-callout .twitter {
	position: absolute;
	top: 11px;
	left: 140px;
}
/* Widget: Sidebar Archive */

.archive-list li {
	clear: both;
	color: #333;
	font-size: 11px;
	position: relative;
}

	.archive-list li a {
		color: #990000;
		font-weight: normal;
		position:relative;
		right: 0px !important;	/* good browsers */
		right: 20px;			/* IE6 */
		text-decoration: none;
		top: 0;
		font-size: 12px;
	}
			
		.callout .links a {
			color: #333;
			font-weight: normal;
			font-size: 11px;
			text-decoration: none;
		}
		
		/* Widget:  Blog Post List */

.blog-sub-links
{
	width: 560px;
	margin-left: 55px;
}

.blog-sub-links a
{
	background: transparent url(../Images/Weblogs/bkgd_oval_bw.png) no-repeat 0 -24px;
	display: block;
	float: left;
	height: 24px;
	margin-left: 16px;
	padding: 0 0 0 5px;
}

.blog-sub-links a:first-child
{
	margin: 0px;
}

.blog-sub-links a span
{
	background: transparent url(../Images/Weblogs/bkgd_oval_bw.png) no-repeat right -24px;
	color: #000;
	display: block;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 18px 0 12px;
}

.blog-sub-links a:hover,
.blog-sub-links a.selected {
	background-position: 0 0;
	color: #fff;
}

.blog-sub-links a:hover span,
.blog-sub-links a.selected span {
	background-position: right 0;
	color: #fff;
}

.double-separator {
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	height: 2px;
	width: 560px;
	margin: 10px 0 15px 0;
}

.blog-header
{
	margin: 0 0 12px 54px;
}

.blog-post-list {
	width: 555px;
	position: relative;
}

	.blog-post-details {
		margin: 0 0 15px 5px;
		width: 550px;
		overflow: auto;
	}
	
		.blog-post-details .blog-date-title {
			
			border-bottom: none;
			margin: 0 0 0 0;
			overflow: visible;
			padding: 0 0 0 0;
		}
		
			.blog-post-details .date 
			{
				background: transparent url(../images/Weblogs/bkgd_red_square.png) no-repeat 0 0;
                color: white;
                float: left;
                font-size: 12px;
                height: 40px;
                line-height: 11px;
                text-align: center;
                width: 44px;
                font-weight: bold;
			}
			
			.blog-post-details .date .month
			{
				margin: 6px 0 0 0;
				
			}

			.blog-post-details .date .day
			{
				font-size: 15px;
				margin: 6px 0 0 0;
			}

			.blog-post-right
			{
				float: left;
                width: 500px;
                margin: 0 0 30px 6px;
			}
			
				.blog-post-details .blog-date-title .date b {
					font-weight: bold;
				}
			
			.blog-post-details .blog-date-title h1 a {
				color: #000;
				font-size: 24px;
				font-weight: bold;
				text-decoration: none;
			}

	.comment-details {
		float: left;
		height: 21px;
		line-height: 16px;
		margin: 2px 0 0 0;
	}
		
		.comment-details .comment-bubble {
			background: transparent url(../Images/Community/bubble-comment-count.jpg) no-repeat 0 0;
			color: #fff;
			float: left;
			font-weight: bold;
			height: 21px;
			line-height: 16px;
			margin: 0 5px 0 0;
			text-align: center;
			width: 24px;
		}
		
		.comment-details .comment-bubble a {
			color: #fff;
		}
		
		.comment-details span {
			float: left;
		}
		
		.comment-details span,
		.comment-details a {
			color: #990000;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
		}
		
			.comment-details a.add,
			.comment-details a.add:link,
			.comment-details a.add:visited,
			.comment-details a.add:hover,
			.comment-details a.add:active {
				color: #990000;
				float: right;
				text-decoration: none;
			}
			
	
			

	.blog-post-body {
		color: #000;
		font-size: 12px;
		line-height: 18px;
		margin: 10px 0 18px 0;
		border-bottom:1px solid #ccc;
		overflow:auto;
		padding-bottom:10px;
	}
	
	    .blog-post-body ul
	    {
	        margin-left: 25px;
	        list-style-type: disc;
	    }
	    
	    .blog-post-body ol
	    {
	        margin-left: 25px;
	        list-style-type: decimal;
	    }
	
		.blog-post-body .read-more 
		{
			background: transparent none;
			color: #990000;
			float:left;
			font-size: 9px;
			font-weight: bold;
			margin: 0;
			padding: 0 7px 0 0;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		.blog-post-body p {
			padding: 0 0 18px 0;
		}
	
	.blog-post-pager {
		background: none no-repeat 0 0;
		color: #000;
		font-size: 0;
		height: 25px;
		margin: 0 0 0 12px;
		padding: 0;
		position: relative;
		text-align: right;
		width: 500px;
	}
	.blog-post-footer
	{
		border-top: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		padding: 6px 5px 0 0;
		height: 32px;
	}
	
	.blog-post-footer .left
	{
		padding-left: 5px;
		width: 400px;
		overflow: hidden;
		float:left;
	}
	
	.blog-post-footer .right
	{
		margin: 0 5px 0 0;
		
	}
	
		.blog-post-pager .pager-summary {
			color: #333;
			position: absolute;
			left: 13px;
		}
		
		.blog-post-pager a.nextPage {
			background: url(../Images/Layout/older_entries_btn.png) no-repeat 0 0;
			display: block;
		    height: 33px;
		    width: 123px;
		    text-indent: -999em;
		    float: right;
		}
		
		.blog-post-pager a.prevPage {
			background: url(../Images/Layout/prev_entries_btn.png) no-repeat 0 0;
			display: block;
		    height: 33px;
		    width: 123px;
		    text-indent: -999em;
		    float: left;
		}
		
		.blog-post-pager a.nextPage:hover,
		.blog-post-pager a.prevPage:hover {
			background-position: 0 -32px;
		}
		
		.blog-post-pager .label
		{
			margin: 4px 5px 0 0;
			float: right;
		}
		
		.blog-post-pager img
		{
			margin-top: 0px;
			float: right;
		}
		
		.blog-post-pager .left-edge {
			position: absolute;
			right: 0px;
			top: 0px;
			text-indent: -9999px;
			background: none no-repeat 0 0;
			width: 6px;
			height: 38px;
		}
		
		
		.profile-nav {
	        top: -52px;
        }

		.fb_edge_widget_with_comment {
			position: absolute !important;
		}
		
		.post .layout,
		.postlist .layout,
		.blogs-postlist .layout {
		   	display: block;
	        float: left;
            position: relative;
            width: 796px !important;
            max-width: 796px !important;
            min-width: 796px !important;
	        padding: 12px 7px 0 !important;
            margin: 3px 0 0 0;
		}
		
		#comment-list .comment .comment-body {
            padding: 10px 0 0 0;
        }
        
        .blog-post {
            padding-top: 5px;
        }
