﻿/****************************************************************************
 *** 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;*/    
    display: block;
    float: left;
    position: relative;
    width: 796px !important;
    max-width: 796px !important;
    min-width: 796px !important;
    padding: 0;
    margin: 3px 0 0 0;
    min-height: 1300px;
}

/*.layout-content.content-left-sidebar-right .layout-region.right-sidebar {
	width: 307px;
	padding: 0;
	margin: 0 0 0 11px;
}*/

/****************************************************************************
 *** What's Happening Now *****************************************************************
 ****************************************************************************/

.postInfo {
	float: left;
	width: 445px;
}

.postBody {
    clear: both;
    display: block;
    margin-top: 3px;
    line-height: 16px;
}

	.postBody p {
		line-height: 16px;
	}

.icon-avatar {
    float: left;
    width: 60px;
    padding-right: 15px; 
}

.util-links {
	padding: 15px 0 0 0;
}

	.util-links a,
	.share-this {
		background: url(../images/layout/btn_bg.jpg) no-repeat 0 0;
		display: block;
		float: left;
		width: 100px;
		height: 22px;
		line-height: 21px;
		text-align: center;
		margin: 0 0 0 10px;
		color: #333;
	}
	
		.util-links a:first-child {
			margin: 0px;
		}
	
		.util-links a:hover,
		.share-this:hover {
			/*background-position: 0 -22px;*/
			color: #990000;
		}
	
		.share-this a.stico_default {
			width: inherit;
			height: inherit;
			margin: 3px 0 0 8px;
			line-height: 15px;
		}
		
		.share-this a.stbutton {
			padding: 0 5px 0 22px;
			*padding: 0 5px 0 0px;
		}


a.postTitle {
    color: #000;
    font-weight: bold;
    display: inline;
    float: left;
    padding: 6px 5px 0 0;
}

span.timestamp {
	color: #333;
	display: block;
	font-size: 12px;
	line-height: 18px;
}

p.tweet {
	font-weight: bold;
	line-height: 16px;
	color: #000;
}

.blog-comment blockquote,
.forum-comment blockquote {
	background: url(../images/community/happening_comma.jpg) no-repeat 0 0;
	margin: 15px 0 0 0;
	padding: 3px 0 0 25px;
	line-height: 16px;
}

.main-home-banner {
	width: 647px;
	height: 147px;
	padding: 0 0 40px 0;
	position: relative;
}

.banner-logged-out {
	background: url(../images/community/main-banner-logged-out.png) no-repeat 0 0;
}

.banner-logged-in {
	background: url(../images/community/main-banner-logged-in.png) no-repeat 0 0;
	padding: 20px;
	width: 607px;
	height: 107px;
}

	.main-home-banner .video {
		position: relative;
		height: 147px;
	}
	
		.main-home-banner .video img {
			position: absolute;
			bottom: 0px;
			left: 10px;
		}
		
		.main-home-banner .video a {
			display: block;
			background: url(../images/community/btn-play.png) no-repeat 0 0;
			width: 31px;
			height: 31px;
			text-indent: -9999px;
			position: absolute;
			bottom: 12px;
			left: 178px;
		}
	
	.main-home-banner .cta {
		position: absolute;
		width: 300px;
		right: 68px;
		top: 31px;
	}

	.main-home-banner h2 {
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
		padding: 0 0 10px 0;
	}
	
	.main-home-banner h3 {
		color: #ccc;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		padding: 0 0 10px 0;
	}
	
	.main-home-banner a.join_tt {
		background: url(../images/community/btn_join_tt.png) no-repeat 0 0;
		display: block;
		width: 127px;
		height: 26px;
		line-height: 25px;
		text-align: center;
		color: #fff;
		margin: 0 auto;
	}
	
		.main-home-banner a.join_tt:hover {
			background-position: 0 -26px;
		}
		
	.main-home-banner .avatar {
		width: 80px;
		margin: 0 13px 0 0;
		float: left;
	}
	
	.main-home-banner .main-details {
		float: left;
		width: 300px;
	}
	
		.main-home-banner .name {
			border-bottom: solid 1px #000;
			padding: 0 0 10px 0;
			height: 37px;
		}
		
			.main-home-banner .name h4 {
				color: #fff;
				font-size: 17px;
				font-weight: bold;
				line-height: 20px;
				padding: 0 0 5px 0;
			}
			
			.main-home-banner .name span {
				color: #ccc;
				font-size: 12px;
			}
		
		.main-home-banner .status {
			border-top: solid 1px #444;
			padding: 10px 0 0 0;
			color: #999;
			font-size: 12px;
		}
		
			.main-home-banner .status p {
				color: #fff;
				font-size: 15px;
				padding: 6px 0;
			}
			
			.main-home-banner .status a {
				color: #df443a;
				text-decoration: underline;
			}
	
	.main-home-banner .side-details {
		float: left;
		width: 190px;
		margin: 0 0 0 20px;
	}
	
		.main-home-banner .side-details .pct-complete {
			border-bottom: solid 1px #000;
			padding: 0 0 10px 0;
			height: 37px;
		}
		
			.main-home-banner .side-details .pct-complete p {
				color: #999;
				padding: 0 0 7px 0;
			}
			
				.main-home-banner .side-details .pct-complete p span {
					color: #fff;
				}
		
		.main-home-banner .side-details .new-msgs {
			border-top: solid 1px #444;
			padding: 10px 0 0 0;
		}
		
			.main-home-banner .side-details .new-msgs p {
				color: #999;
				padding: 0 0 6px 0;
			}
			
				.main-home-banner .side-details .new-msgs p span {
					color: #fff;
				}
		
a.profileBtn {
	display: block;
	background: url(../images/community/profile_btn.png) no-repeat 0 0;
	width: 52px;
	height: 22px;
	line-height: 21px;
	color: #fff;
	text-align: center;
}

	a.profileBtn:hover {
		background-position: 0 -22px;
		text-decoration: underline;
	}

a.view-more,
a.view-less {
	display: block;	
	height: 24px;	
	width: 100px;	
	text-indent: -999em;
}

a.view-more {	
	background: url(../images/layout/viewmore_btn.jpg) no-repeat 0 0;
}

a.view-less {	
	background: url(../images/layout/viewless_btn.jpg) no-repeat 0 0;
}

	a.view-more:hover,
	a.view-less:hover {
		background-position: 0 -24px;
	}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;	
}

.popular-forum-post {
	/*border-top: solid 1px #ccc;*/
	width: 307px;
	margin: 0 auto;
	clear: both;
	background: url(../images/community/popular_mid.jpg) repeat-y 0 0;
}

	.popular-forum-post-inner {
		width: 277px;
		border-top: solid 1px #ccc;
		padding: 10px;
		margin: 0 auto;
		color: #333;
	}
	
	.popular-forum-post .forum-post-avatar {
		float: left;
		padding: 0 10px 0 0;
	}
	
		.popular-forum-post .forum-post-avatar img {
			width: 60px;
			height: 60px;
		}
	
	.popular-forum-post .forum-post-details {
		float: left;
		width: 205px;
	}
	
		.popular-forum-post .forum-post-details a {
			color: #333;
		}

.profile-nav {
	top: -52px;
}
