/*
* community.css for Community (BuddyPress Section)
*/


/* GENERAL AND NAVIGATION */
#content,
#community_nav_container,
#video_nav_container  {
	width: 984px;
	margin: auto;
}
#content {
	clear: both;
	line-height: 1.3em;
}
#content a {
	color: #5B5B5B;
}
	#content #item-header #item-header-content span.activity,
	#groups-list li .item span.activity {
		background-color:transparent;
		background-image:url('../images/bg_trans_33.png');
		background-repeat:repeat;
		border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
		color:#fff;
		border:0px;
	}
#community_nav_container,
#video_nav_container  {
	overflow: hidden;
	margin-bottom: 35px;
}

#community_nav {
	font-family: futura-pt, sans-serif;
	overflow: hidden;
	font-size: 20px;
	list-style: none;
	text-transform: uppercase;
	background: transparent url('../images/bg_trans_33.png') repeat;
	color: white;
	padding: 6px 14px;
	height: 28px; /* Fixes height 'bounce' of this element */
}

#community_nav.video_nav {
	font-size: 18px;
	}
		

	#community_nav .nav_item {
		float:left;
		color:#fff;
		text-transform:uppercase;
		margin-right: 104px;
	}
	
	#community_nav .nav_item.last {
		float: right;
		margin-right: 0;
	}
	
	#community_nav.video_nav .nav_item.last {
		float: left;
		margin-right: 0;
	}
	
		#community_nav .nav_item a {
			padding: 4px 0;
	        transition: 500ms opacity ease-in-out 200ms;
	        -moz-transition: 500ms opacity ease-in-out 200ms;
	        -webkit-transition: 500ms opacity ease-in-out 200ms;
	        -o-transition: 500ms opacity ease-in-out 200ms;
	        display: block;	
			text-decoration: none;
			color: #fff;
		}
	
		#community_nav .nav_item a:hover {
			zoom: 1; 
	        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	        filter: alpha(opacity=70);
	        -moz-opacity:0.7;
	        -khtml-opacity: 0.7;
	        opacity: 0.7;
		}
		
#community_nav.video_nav .nav_item {
		margin-right: 40px;
	}
		
.category-tour-is-a-four-letter-word #community_nav .nav_item a#tour-is-a-four-letter-word {
			color: #eee;
		}
.category-music-lyric-videos #community_nav .nav_item a#music-lyric-videos {
			color: #eee;
		}
.category-a-grateful-journey #community_nav .nav_item a#a-grateful-journey {
			color: #eee;
		}
.category-other #community_nav .nav_item a#other {
			color: #eee;
		}
.category-fan-video #community_nav .nav_item a#fan-video {
			color: #eee;
		}
				
.page_title {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#content button, 
#content a.button, 
#content input[type="submit"], 
#content input[type="button"], 
#content input[type="reset"], 
#content ul.button-nav li a, 
#content div.generic-button a, 
#content .comment-reply-link {
	display: inline-block;
}
#content .item-body {
	margin: 0;
}

#content ul.item-list li div.action {
	right: 16px;
}

#content div#item-header ul {
	list-style: none;
}

/* BUDDYPRESS ALERTS / MESSAGES */
#content #message.info {
	margin-bottom: 16px;
	}

#content div#message {
	margin:16px 0 0 0;
}

#content div#message p {
	margin: 0;
}

/* COMMENTING */
#content div.activity-comments form .ac-textarea {
	background: transparent;
	border: none;
	margin-bottom: 10px;
	padding: 0;
}
#content div.activity-comments form textarea {
	border: 1px #ccc solid;
}
/*----------------------------
 Elements to be styled with transparent background
-----------------------------*/	
#content .wp-profile,
#content .profile,
#content div.item-list-tabs,
#content div.item-list-tabs#object-nav,
#content div.item-list-tabs#subnav,
#content ul.item-list li,
#content .padder div.pagination,
#content div#message-thread div.message-box,
#content div.messages-options-nav,
#content #send_message_form,
.bp_container,
#content .activity-list li.load-more,
#members-directory-form {
	background: transparent url('../images/bg_trans_50.png') repeat !important;
}

/* Clear margins and padding and set 2px bottom margin */
#content .wp-profile,
#content .profile,
#content div#message-thread div.message-box,
#content div.messages-options-nav,
#content #send_message_form {
	border: none;
	margin: 0;
	padding-bottom: 0;
	margin-bottom: 2px;
}

#content div#message-thread div.message-box,
#content #send_message_form {
	padding: 16px;
}

/* Rounded corners on both top and bottom */
#content .wp-profile,
#content div#item-header,
#content form#whats-new-form,
#content #item-body form#whats-new-form,
#content ul.item-list li,
#content .profile,
.bp_container,
#content div#message-thread div.message-box,
#content #send_message_form {
 	border-radius: 8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
}

/* Remove top right border radius */
#content div#item-header {
	border-top-right-radius: 0;
	-moz-border-top-right-radius:0;
	-ms-border-top-right-radius:0;
	-o-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
}

/* Rounded corners on top only */
#community_nav_container .page_title,
#content .padder div#pag-top,
body.activity #content div.item-list-tabs,
#content div.item-list-tabs#object-nav,
#members-directory-form {
	border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	-ms-border-top-left-radius:8px;
	-o-border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	
	border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	-ms-border-top-right-radius:8px;
	-o-border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	
	border-bottom-left-radius:0;
	-moz-border-bottom-left-radius:0;
	-ms-border-bottom-left-radius:0;
	-o-border-bottom-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	
	border-bottom-right-radius:0;
	-moz-border-bottom-right-radius:0;
	-ms-border-bottom-right-radius:0;
	-o-border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0;
}


/* Rounded corners on bottom only */
#community_nav,
#content .padder div#pag-bottom,
#content div.item-list-tabs,
#content div.item-list-tabs#subnav,
#content div.messages-options-nav {
	border-top-left-radius:0;
	-moz-border-top-left-radius:0;
	-ms-border-top-left-radius:0;
	-o-border-top-left-radius:0;
	-webkit-border-top-left-radius:0;
	
	border-top-right-radius:0;
	-moz-border-top-right-radius:0;
	-ms-border-top-right-radius:0;
	-o-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	
	border-bottom-left-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-ms-border-bottom-left-radius:8px;
	-o-border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	
	border-bottom-right-radius:8px;
	-moz-border-bottom-right-radius:8px;
	-ms-border-bottom-right-radius:8px;
	-o-border-bottom-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}

.bp_container {
	padding: 12px;
	margin-bottom: 2px;
}


/* Background resets */
#content table#message-threads tr.unread td,
#content table tr.alt td {
	background: none;
}


/* ul.item-list - used frequently */
#content #activity-stream {
	margin: 0;
	clear: both;
	width: 682px;
}
#content ul.item-list {
	list-style: none;
	width: auto;
}
div#item-header, /* Profile page - container for user avatar */
#content form#whats-new-form,
#content #item-body form#whats-new-form {
	background: transparent url('../images/bg_trans_50.png') repeat;
}
#content ul.item-list li,
#content div.item-list-tabs {
	border: none;
	margin-bottom: 2px;
}

#content div.item-list-tabs,
#content div.item-list-tabs#subnav {
	margin-left: 0;
	margin-right: 0;
}

#content #item-body form#whats-new-form {
	margin-bottom: 2px;
	border: none;
}

.button-nav {
	list-style: none;
}
/*----------------------------
 Members
-----------------------------*/		
#members-directory-form {
	overflow: hidden;
	padding: 16px;
	margin-bottom: 2px;
}

/*----------------------------
 Profile Page
-----------------------------*/						

#content .wp-profile,
#content .profile {
	padding: 12px;
}


#content .profile h4 {
	margin-bottom: 12px;
}


#avatar-upload-form {
	overflow: hidden;
}
#avatar-upload-form .button {
	margin: 6px 0;
}

.profile .bp-widget {
margin-top: 15px;
}

.profile .bp-widget h4 {
	margin-bottom: 10px;
}
/*----------------------------
 Activity Page
-----------------------------*/	
/*
#item-header
	#item-header-avatar
	#item-header-content
	
#object-nav (Activity, Profile)
#subnav (Personal, Mentions, Favorites)
*/			


#content div.item-list-tabs ul li a span {
	background-color: #5b5b5b;
	color: #bdbdbd;
	font-family: ff-dagny-web-pro, sans-serif;
	font-size: 12px;			
	padding: 3px 6px;
	line-height: 1em;
	display: inline-block;
}

#content div#item-header {
	padding: 16px;
	margin-bottom: 2px;
	overflow: hidden;
}

	#content div#item-header #item-header-avatar {
		float: left;
		margin: 0 24px 16px 0;
	}

		#content div#item-header #item-header-avatar img.avatar {
			margin: 0;
			border: 3px #c3c3c3 solid;
		}
	#content div#item-header #item-header-content {
		border-radius:12px;
	}

		#content div#item-header #item-header-content h2 {
			font-family: futura-pt, sans-serif;
			font-size: 23px;
			margin-bottom: 6px;
			letter-spacing: 1px;
		}
			#content div#item-header #item-header-content h2 a {
				color: #5B5B5B;
				text-decoration: none;
			}
			#content div#item-header #item-header-content h2 .albumthumb {
				height:30px;
				width:30px;
				margin-left:10px;
				margin-right:5px;
				display:inline-block;
				*display:inline;
				zoom:1;
			}
			#content div#item-header #item-header-content h2 .fan-since {
				font-size:11px;
				line-height:16px;
				display:inline-block;
				*display:inline;
				zoom:1;
			}

	#content div#item-header div#item-meta {
		font-size: 14px;
		color: #5B5B5B;
	}

	#content div#item-header div#item-meta a {
		color: #5B5B5B;
		text-decoration: none;
		font-weight: bold;
	}
	

#content .activity-list li.mini {
	min-height: 0;
}
#content .activity-list .activity-content .activity-header, 
#content .activity-list .activity-content .comment-header, 
#content .activity-header a, 
#content .comment-meta a, 
#content .acomment-meta a {
	color: #5B5B5B;
}

#content .activity-header a {
	font-weight: bold;
	}

#content span.user-nicename {
	color: #5B5B5B;
}


/*----------------------------
 Groups
-----------------------------*/		
div.bp_container.groups_header {
 	border-radius: 0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	-ms-border-top-left-radius:8px;
	-o-border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
}

#content .item-list-tabs.groups_navigation {
 	border-radius: 0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
}
#content div.item-list-tabs ul li span {
	padding: 2px;
}
#content #groups-directory-form {
	overflow: hidden;
}
#content #groups-directory-form h3 {
	float: left;
}
#content div.dir-search {
	margin: 0;
}

#content #group-create-body ul {
	list-style: none;
	margin-bottom: 12px;
}
.groups .bp_container {
	overflow: hidden;
}
.groups .row {
	clear: both;
	float: left;
	width: 400px;
	margin-bottom: 12px;
}
#lbl-group-name,
#lbl-group-desc {
	float: left;
	clear: both;
}

#group-name,
#group-desc {
	float: right;
	width: 200px;
}
#previous-next {
	clear: both;
}

#lbl-group-status-private,
#lbl-group-status-hidden, 
#group-invitations-container,
#invite-groups-li {
	display: none;
}

/*----------------------------
 Pagination
-----------------------------*/
#content .padder div.pagination {
	padding: 12px;
	color: #888;
	font-size: 11px;
	overflow: hidden;
	height: auto;
	margin: 0 0 2px 0;
	padding: 8px;
	position: relative;
}
	
/*----------------------------
 Messages
-----------------------------*/	
	
#content table#message-threads {
    margin: 0 0 2px 0;
}

#content div.messages-options-nav {
    font-size: 11px;
    margin: 0;
    padding: 5px 15px;
    text-align: right;
}
#content table#message-threads tr.unread td {
	border: none;
}

#content table#message-threads td {
	padding: 0 6px;
}

/*----------------------------
 Tabs
-----------------------------*/	

/* General div.item-list-tabs*/
#content div.item-list-tabs {
	clear: left;
	margin:0;
	overflow: hidden;
}

#content div.item-list-tabs ul li {
	margin: 0;
	margin-right: 12px;
}
#content div.item-list-tabs ul li a {
	display:block;
	padding: 2px;
	height: auto;
}
#content div.item-list-tabs ul li.feed a {
	padding-left: 20px;
}
#content div.item-list-tabs ul li.selected a, 
#content div.item-list-tabs ul li.current a {
	font-weight: normal;
}

/* object-nav, #subnav */
#content div.item-list-tabs,
#content div.item-list-tabs#object-nav,
#content div.item-list-tabs#subnav {
	font-family: futura-pt, sans-serif;
	text-transform: uppercase;
	padding: 12px;
}
#content div.item-list-tabs a,
#content div.item-list-tabs#object-nav a,
#content div.item-list-tabs#subnav a {
	color: #5B5B5B;
	text-decoration: none;
}

#content div.item-list-tabs#object-nav {
	font-size: 18px;
	margin-bottom: 2px;
}

	#content div.item-list-tabs#object-nav ul {
		overflow: hidden;
	}
		#content div.item-list-tabs#object-nav ul li a {
			display: block;
			line-height: 1em;
			font-size: 20px;
		}
#content div.item-list-tabs,
#content div.item-list-tabs#subnav {
	font-size: 15px;
	border-bottom: none;
	margin: 0 0 2px 0;
	min-height: 0;
	overflow: hidden;
}

#content #activity-filter-select label {
	display: none;
}

/* What's New Form */
#content form#whats-new-form,
#content #item-body form#whats-new-form {
	border: none;
	margin: 0;
	padding-bottom: 0;
	margin-bottom: 2px;
	padding: 12px;
}

#content #item-body form#whats-new-form h5 {
	color: #5B5B5B;
}

/* General List Items */

#content ul.item-list li {
	padding: 12px;
	overflow: hidden;
	}



/*----------------------------
 Community Marquee
-----------------------------*/
#community_marquee {
	width:984px;
	margin:0px auto;
}

/*----------------------------
 Community MemberBenefits
-----------------------------*/
#community_member_benefits {
	width:984px;
	margin:0px auto;
}
	#community_member_benefits .post_header {
		text-align:center;
	}
		#community_member_benefits .post_header h2 {
			float:none;
			font-size:19px;
			font-weight:bold;
			line-height:43px;
			padding:0px;
		}
		#community_member_benefits .post_content .benefits_list {
			clear:both;
			list-style-type:none;
			margin-bottom:15px;
		}
			#community_member_benefits .post_content .benefits_list .benefits_item {
				clear:both;
				margin-bottom:15px;
				font-size:20px;
				line-height:30px;
			}
			#community_member_benefits .post_content .benefits_list .benefits_item.last {
				margin-bottom: 30px;
			}
				#community_member_benefits .post_content .benefits_list .benefits_item .item_num {
					float:left;
					width:25px;
					height:25px;
					background-color:#5b5b5b;
					color:#d3dcd1;
					text-align:center;
					border-radius:16px;
					-moz-border-radius:16px;
					-ms-border-radius:16px;
					-o-border-radius:16px;
					-webkit-border-radius:16px;
					line-height: 1.4em;
					padding: 2px;
				}
				#community_member_benefits .post_content .benefits_list .benefits_item .item_text {
					margin-left:47px;
				}
				#community_member_benefits .post_content .footnote {
					text-align: center;
					margin-bottom: 24px;
					font-size: 14px;
				}
		#community_member_benefits .benefits_buttons {
		}
			#community_member_benefits .benefits_buttons .button {
				float:left;
				display:block;
				width:440px;
				height:150px;
				text-decoration:none;
				background-image:url('../images/community/buttons_benefits_outer.png');
				background-repeat:repeat;
				background-position:0px 0px;
				border-radius:5px;
				-moz-border-radius:5px;
				-ms-border-radius:5px;
				-o-border-radius:5px;
				-webkit-border-radius:5px;
				padding:0px;
			}
				#community_member_benefits .benefits_buttons .button .inner {
					background-image:url('../images/community/buttons_benefits_inner.png');
					background-repeat:repeat;
					background-position:0px 0px;
					border:1px solid #c9ccc8;
					display:block;
					width:428px;
					height:138px;
					border-radius:5px;
					-moz-border-radius:5px;
					-ms-border-radius:5px;
					-o-border-radius:5px;
					-webkit-border-radius:5px;
					margin-left:5px;
					margin-top:5px;
					position:relative;
				}
					#community_member_benefits .benefits_buttons .button .inner .text {
						display:block;
						background-image:url('../images/community/buttons_benefits.png');
						background-repeat:no-repeat;
						position:absolute;
						top:50%;
						left:50%;
					}
			#community_member_benefits .benefits_buttons .register {
				margin-left:15px;
				margin-right:26px;
			}
				#community_member_benefits .benefits_buttons .register .text {
					width:260px;
					height:40px;
					background-position:0px 0px;
					margin-top:-20px;
					margin-left:-130px;
				}
			#community_member_benefits .benefits_buttons .login {
				margin-right:15px;
			}
				#community_member_benefits .benefits_buttons .login .text {
					width:157px;
					height:40px;
					background-position:0px -41px;
					margin-top:-20px;
					margin-left:-77px;
				}
/*----------------------------
 Community Modules
-----------------------------*/
#community_modules {
}

/*----------------------------
 Community Popups
-----------------------------*/
.community_popups {
	display:none;
}
	#community_membersBenefits {
		width:964px;
		height:580px;
	}
		#community_membersBenefits .lightbox_main {
			background-image:url('../images/community/members_benefits_bg.png');
			background-repeat:no-repeat;
			background-position:0px 0px;
			height:328px;
		}
		#community_membersBenefits .benefits_list {
			clear:both;
			list-style-type:none;
			text-align:left;
			margin:30px 50px 30px 50px;
		}
			#community_membersBenefits .benefits_list .benefits_item {
				clear:both;
				margin-bottom:15px;
				font-size:20px;
				line-height:30px;
			}
				#community_membersBenefits .benefits_list .benefits_item .item_num {
					float:left;
					width:25px;
					height:25px;
					background-color:#5b5b5b;
					color:#d3dcd1;
					text-align:center;
					border-radius:16px;
					-moz-border-radius:16px;
					-ms-border-radius:16px;
					-o-border-radius:16px;
					-webkit-border-radius:16px;
					line-height: 1.4em;
					padding: 2px;
					text-shadow:none;
					-moz-text-shadow:none;
					-ms-text-shadow:none;
					-o-text-shadow:none;
					-webkit-text-shadow:none;
				}
				#community_membersBenefits .benefits_list .benefits_item .item_text {
					margin-left:47px;
				}
	#community_membersBenefits .lightbox_bottom {
		height:80px;
	}
		#community_membersBenefits .lightbox_bottom .benefits_buttons {
			width:540px;
			margin:15px auto;
		}
		#community_membersBenefits .lightbox_bottom .benefits_buttons .button {
			float:left;
			display:block;
			width:240px;
			height:39px;
			text-decoration:none;
			padding:0px;
			background-image:url('../images/community/members_benefits_buttons_bg.jpg');
			background-repeat:repeat-x;
			background-position:top left;
			border-radius:12px;
			-moz-border-radius:12px;
			-ms-border-radius:12px;
			-o-border-radius:12px;
			-webkit-border-radius:12px;
		}
			#community_membersBenefits .lightbox_bottom .benefits_buttons .button .text {
				display:block;
				background-image:url('../images/community/members_benefits_buttons_text.png');
				background-repeat:no-repeat;
				margin:9px auto;
			}
			#community_membersBenefits .lightbox_bottom .benefits_buttons .register {
				margin-left:15px;
				margin-right:26px;
			}
				#community_membersBenefits .lightbox_bottom .benefits_buttons .register .text {
					width:129px;
					height:21px;
					background-position:0px 0px;
				}
			#community_membersBenefits .lightbox_bottom .benefits_buttons .login {
				margin-right:15px;
			}
				#community_membersBenefits .lightbox_bottom .benefits_buttons .login .text {
					width:79px;
					height:21px;
					background-position:0px -21px;
				}