/* Load the default admin bar styles */
@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );

/**
 * The following are basic CSS styles to give BuddyPress pages their absolute basic formatting.
 * You should extend/override these styles in your standard theme CSS to match your theme.
 */

/***
 * Navigation tabs
 */
div.item-list-tabs {
	margin: 15px 0;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	clear: both;
}

div.item-list-tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 200%;
	}
	div.item-list-tabs ul li {
		float: left;
		margin-right: 5px;
	}
		div.item-list-tabs#subnav ul li a {
			border: none;
			padding: 0;
	}

	div.item-list-tabs ul li.last { float: right; }

/***
 * Object Lists (groups/members/forums/blogs)
 */

/*ul.item-list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

	ul.item-list div.item-avatar {
		float: left;
		}

	ul.item-list div.item {
		margin-left: 65px;
		}

	ul.item-list div.action {
		position: absolute;
		top: 0;
		right: 15px;
		text-align: right;
	}
commented out on 5/3/2010*/
ul.item-list {
	width: 100%;
	list-style-type:none;
		}
	ul.item-list li {
		position: relative;
		padding: 15px 0;
		}
		ul.single-line li { border: none; }
		body.activity-permalink ul.item-list li { padding-top: 0; }

		ul.item-list li img.avatar {
			float: left;
			margin: 0 10px 10px 0;
		}

		ul.item-list li div.item-title, ul.item-list li h4 {
			width: 50%;
			margin: 0;
		}
			ul.item-list li div.item-title span {
				font-size: 12px;
				color: #999;
		}

		ul.item-list li div.item-desc {
			margin: 10px 0 0 64px;
		font-size: 11px;
		color: #888;
			width: 50%;
	}

		ul.item-list li div.action {
			position: relative;
			text-align:right;
			right: 50px
		}

		ul.item-list li div.meta {
			margin-top: 10px;
				color: #888;
			font-size: 10px;
			}

		ul.item-list li h5 span.small {
			font-weight: normal;
		font-size: 11px;
	}


/***
 * Content Object Headers
 */

div#item-header {
	padding-bottom: 15px;
	overflow: hidden;
	}
	div#item-header div#item-header-avatar {
		float: left;
		margin-right: 15px;
	}

	div#item-header div#item-header-content {
		float: left;
	}

/***
 * Activity Stream Post Form
 */

form#whats-new-form {
	overflow: hidden;
	padding-bottom: 20px;
}
	form#whats-new-form #whats-new-avatar {
		float: left;
	}

	form#whats-new-form h5 {
		clear: none;
		margin-left: 76px;
	}

	form#whats-new-form #whats-new-content {
		margin-left: 54px;
		padding-left: 22px;
	}

	form#whats-new-form #whats-new-textarea {
		padding: 8px;
		border: 1px inset #ccc;
		margin-bottom: 10px;
	}
	form#whats-new-form textarea {
		width: 100%;
		height: 60px;
		font-size: 14px;
		font-family: inherit;
		color: #555;
		border: none;
		margin: 0;
		padding: 0;
	}

	form#whats-new-form #whats-new-submit {
		float: right;
		margin: 0;
	}

/***
 * Activity Stream Post Form
 */

ul.activity-list {
		margin: 0;
	padding: 0;
	}

ul.activity-list li {
	overflow: hidden;
	padding: 20px 0;
		}
	ul.activity-list li img.avatar {
		float: left;
	width: 60px;
	height: 60px;
}

	ul.activity-list li div.activity-content {
		margin-left: 75px;
	}

	ul.activity-list li div.activity-comments {
		margin: 15px 0 0 38px;
	}
		ul.activity-list li div.activity-comments ul li {
			padding: 5px 0;
		}

		ul.activity-list li div.activity-comments img.avatar {
			width: 25px;
			height: 25px;
		}

		ul.activity-list li div.acomment-content, ul.activity-list li div.acomment-meta {
			margin-left: 35px;
		}

	ul.activity-list li div.activity-inreplyto {
		margin: 15px 0 0 75px;
	font-size: 11px;
		}

/***
 * Input Forms
 */

/* Activity comment forms */

form.ac-form { display: none; } /* JS will show this */

div.activity-comments form {
		display: none;
		margin: 10px 0 10px 33px;
		padding: 8px;
	}

		div.activity-comments div#message {
			margin-top: 15px;
			margin-bottom: 0;
		}

		div.activity-comments form.loading {
			background-image: url( http://interact.karlasugar.net/wp-content/themes/images/ajax-loader.gif );
			background-position: 2% 95%;
			background-repeat: no-repeat;
		}

		div.activity-comments form .ac-textarea {
			padding: 8px;
			border: 1px inset #ccc;
			margin-bottom: 10px;
		}
			div.activity-comments form textarea {
				width: 100%;
				height: 60px;
				border: none;
				padding: 0;
			}
				div.activity-comments form input {
					margin-top: 5px;
				}

		div.activity-comments form div.ac-reply-avatar {
			float: left;
		}

		div.activity-comments form div.ac-reply-content {
			margin-left: 25px;
			padding-left: 15px;
		}

/* Standard Input Forms */

form.standard-form label, form.standard-form span.label {
	display: block;
	margin: 15px 0 5px 0;
}
	form.standard-form div.checkbox label,
	form.standard-form div.radio label {
		font-weight: normal;
		margin: 5px 0 0 0;
	}

	form.standard-form textarea {
		width: 75%;
		height: 120px;
		}

	form.standard-form .compose_subject {
	    width:75%
	}

/* Send Invites Form */
form#send-invite-form {
	margin-top: 20px;
}
	div#invite-list {
		height: 400px;
		overflow: scroll;
		padding: 5px;
		width: 160px;
		margin: 10px 0;
	}

/* Directory search forms */

form.dir-form div.dir-search {
			float: right;
	width: 45%;
	margin: 0 0 25px 0;
		}

div.pag-count {
		font-size: 12px;
	}
	
div.current-selected {
    background-color:White;
    color:#000;
}

/* Panel header menu */
#bp_nav {
margin: 0;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
list-style-type: none;
}


#bp_nav li {	
background-repeat:no-repeat;
background-position: 100% 5px;
cursor: pointer;
float: left;
margin: 0 5px 0 5px;
padding: 0 ;
display: inline;
list-style-type: none;
height:25px;
}

#bp_nav li li a {	
color: #fff;
font-size: 12px;
text-align:left;
background-color:#000;
padding:0 10px;
}

#bp_nav a, #bp_nav span {
text-decoration:none;
display:block;
margin:0;	
float:left;
background: none;
text-transform:uppercase;
color: #333;
font-weight: bold;
font-size: 12px;
padding:5px 10px;
}

#bp_nav li.current-selected{
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #333;
color:#fff;
}

#bp_nav li.current-selected a {
    color:#fff;
}
    

#bp_nav, #bp_nav ul, #bp_nav ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
list-style-type: none;
}

div.error {
	color: #fff;
	background: #e41717;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px;
	width: 90%;
	margin: 0 0 10px 0;
}

div.pagination .pagination-links span, div.pagination .pagination-links a {
        font-size:14px;
        font-weight:bold;
}

div.pagination .current {
        color: red;
        text-decoration: underline;
        padding-right: 5px;
        padding-left: 5px;
}