/*  Community Stylesheet - Default only */


/*---------------------------------------------------------------------
-----------------------------------------------------------------------

 Community Styles 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

.node-type-event .community-container {
	float: left;
	width: 60%;
	margin-right: 3%;
}

/*---------------------------------------------------------------------
-----------------------------------------------------------------------

 COMMUNITY POSTS 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

/* User Profile Image */
.community-user-profile-image {
	width: 52px; /* accommodate 1px border on 50px image */
	height: 52px;
	margin-right: 20px;
}

/*----------------------
 Post Creation Date 
------------------------*/

.community-post-created-date {
	margin-left: 70px;
}

/* ------------------------------------------- 

 User Contact Links - FOLLOW, MESSAGE, WAVE
 
--------------------------------------------*/

/* main container */
.community-user-contact-links {
	width: 52px;
	height: 17px;
	position: absolute;
	top: 77px; /* push down total of padding-top + img height */
	left: 0;
	margin: 0;
	border: 0;
}

/* link containers */
.community-flag-follow,
.community-user-message,
.community-flag-wave {
	height: 17px;
	width: 17px;
	margin-right: 0;
}

/* links */
.community-user-contact-links a {
	font-size: 15px;
	line-height: 15px;
	padding-top: 17px;
	width: 17px;
}

/*------------- end contact user links ------------*/


/* Change left margin on post elements to accommodate larger profile img */

.community-user-full-name /* User Name */,
.community-post-created-date /* Post Creation Date */,
.community-post-media-wrapper /* Post Body */,
.view-content ul.post-groups-wrapper /* Post Groups List */,
.community-feed-row .user-accounts-share-links-container /* Share Links */ {
	margin-left: 70px;
}




/*---------------------------------------------------------------------
-----------------------------------------------------------------------

 COMMUNITY COMMENTS
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

/*-----------------------
 add a comment button 
------------------------*/

.community-post-comment-link-wrapper {
	width: 140px;
	margin-left: 70px;
	height: 28px;
}
.community-post-comment-link-wrapper a {
	padding: 4px 7px;
	margin: 0;
	text-align: left;
	overflow: visible;
	height: auto;
	width: 140px;
}

/*--------------------
 Comment button Icon 
---------------------*/

.community-post-comment-link-wrapper a:before {
	margin: 0px 7px 0 0;
	float: left;
	position: relative;
	left: 0;
	top: 0;
	speak: none;
}

/*-------------------
 Comments listing 
----------------------*/

.community-post-comments { /* comments wrapper */
	margin-left: 70px;
}

/* user icon */
.community-post-comments .views-field-field-images-1 {
	width: 42px; /* accounts for border */
	height: 42px;
	margin-right: 15px;
}
.community-post-comments .views-field-field-images-1 img {
	width: 40px;
	height: 40px;
}

/*---------------------------
 text & media fields margin 
----------------------------*/

.community-post-comments .views-field-field-user-full-name,
.community-post-comments .views-field-created, 
.community-post-comments .views-field-comment-body {
	margin-left: 57px;
}

/*---------------------------
 view all comments - toggle 
----------------------------*/

.community-post-comments-expand-link {
	margin-left: 70px;
}


/*---------------------------------------

 COMMENT FORM
 
----------------------------------------*/

.community-post-comment-form .comment-form {
	margin: 20px 0 20px 70px;
}



/*------------------------------

 Login Form 
 
------------------------------*/

.page-user-login #login-form {
	width: 50%;
	margin: 0 auto;
}



/*---------------------------------------------------------------------
-----------------------------------------------------------------------

 COMMUNITY SIDEBAR 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/


#region-sidebar-second .community-user-full-name /* User Name */,
#region-sidebar-second .community-post-created-date /* Post Creation Date */ {
	margin-left: 45px;
}
#region-sidebar-second .community-post-media-wrapper,
#region-sidebar-second .community-post-stats-wrapper {
	margin-left: 0;
}

/* Community on Legacy node */
.node-type-event .community-sidebar-container {
	float: right;
	width: 37%;
}
.community-sidebar-container .community-favorites {
	padding: 0;
	border: 0;
}

/*-----------------------------------------

 I WAS THERE - community group members - Legacy node
 
------------------------------------------*/

.community-sidebar-container .group-members {
	margin-bottom: 30px;
	overflow: hidden;
}
.community-sidebar-container .group-members .view-content .views-row {
	width: 40px;
	height: 40px;
	margin: 0 10px 10px 0;
	float: left;
}
.community-sidebar-container .views-row img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}

/*----------------------------------------

 HOT TOPICS - recent comments block 
 
----------------------------------------*/

.view-comments-recent .views-field-comment-count {
	font-size: 12px;
	color: #999;
}

/* list item title */
.hot_topics_block-main-content .views-field.views-field-title {
	line-height: 17px;
}

/* title */
.hot_topics_block-main-content p {
	margin: 0 0 5px 0;
}

/* Comment count */
.hot_topics_block-main-content .views-field.views-field-cid {
	font-size: 13px;
	padding: 0 2px;
}

/* talk bubble icon */
.views-label.views-label-cid:before {
	content: "5";
	font-family: IcoMoonBasic;
	left: 0;
	margin-right: 5px;
	position: relative;
	top: 1px;
	color: #999;
}


/*---------------------------------------

 TWEETS block 

----------------------------------------*/

.view-twitter-feed .twitter-id {
	display: block;
}
.view-twitter-feed .twitter-name {
	font-size: 13px;
	font-weight: normal;
	color: #bbb;
}
.view-twitter-feed .community-post-media-wrapper {
	border: 0;
	padding: 0;
	margin-bottom: 0;
}
.view-twitter-feed .post-update,
.view-twitter-feed .post-body {
	border: 0;
	margin: 0;
	padding: 0;
}
.view-twitter-feed .views-row {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.view-twitter-feed .views-row img {
	border: 1px solid #ccc;
}

.region-sidebar-second .view-footer .twitter-share-button {
	float: right;
	margin-bottom: 20px;
	margin-right: 20px;
}

/*---------------------------------------

 Who's Like This Post - sidebar block 

----------------------------------------*/

#block-views-community-feed-likes .view-content {
	overflow: hidden;
}
#block-views-community-feed-likes .teaser-grid-row {
	width: 40px;
	height: 40px;
	margin: 0 10px 10px 0;
}


/*---------------------------------------------------------------------
-----------------------------------------------------------------------

 USER PROFILE LANDING page
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/


/*-------------------------

 EDIT USER ACCOUNT link
 
--------------------------*/

#profile-admin-links {
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
}
#profile-admin-links a {
	float: left; /* accounts for additional masquerade link for admins */
}

/*-------------------------

 My Dashboard Link
 
--------------------------*/
#profile-header-row {
	float: left;
	clear: right;
}

/*-------------------------

 Layout 

--------------------------*/

#profile-column-1 {
	width: 40%;
	margin-right: 3%;
	float: left;
	clear: left;
}
#profile-column-2 {
	width: 56.5%;
	float: left;
}