/**
 * Screen Stylesheet
 */

/* all content is inside the wrap */
#wrap { width: 960px; }

/* #header -- Contains the top level navigation and the logo */
#header ul#nav {
        float: right;
        list-style: none;
        margin: 30px 0 30px 0;
        padding: 0;
}
#header ul#nav li {
        float: left;
        margin-right: 20px;
}
#header ul#nav li a {
        display: block;
        background: #eee;
        padding: 4px 12px;
}
#header h1#logo {
        float: left;
        margin: 30px 0 30px 15px;
}
#header h1#logo a {
        font-size: 2em;
        color: #ccc;
        font-style: italic;
        font-family: Georgia, times, serif;
        display: block;
}

/* BuddyPress navigation */
ul#bpauto {
	width: auto;
}
#bpnav,
	.internal-page .item-list-tabs,
	.internal-page #user-nav {
		margin: 0px auto;
		background:#F7F7F7 none repeat scroll 0%;
		border:1px solid #E6E6E6;
}
#bpnav ul,
	.internal-page .item-list-tabs ul {
		margin: 0px;
}
#bpnav ul,
	.directory .item-list-tabs ul,
	.directory ul.item-list,
	.internal-page #content ul {
		padding: 0px;
		list-style-type: none;
}
#bpnav ul li,
	.directory .item-list-tabs ul li,
	.internal-page #content ul li {
		display:inline;
		float:left;
		position:relative;
}
#bpnav ul li.last,
	.directory .item-list-tabs ul li.last,
	.internal-page #content ul li.last {
		float:right;
}
#bpnav ul#nav li.selected, 
	.internal-page #object-nav ul li.current,
	.internal-page #bpsubnav ul li.current {
		background: #fff;
}
#bpnav ul li a,
	.internal-page #object-nav ul li a,
	.internal-page #bpsubnav ul li a {
		display: block;
}
#bpnav ul li a,
	.directory .item-list-tabs ul li a,
	.directory #content ul li a,
	.internal-page #content ul li a {
		padding: 6px 10px 5px;
		display: block;
}
.directory #content ul.item-list li .action a,
	.internal-page #content ul.item-list li .action a {
		display: inline-block;
		padding: 0px;
}

#nav #search-bar, #subnav #search-bar, #bpnav #search-bar { float: right; }
#nav .padder, #subnav .padder, #bpnav .padder { padding: 5px; }

/* .internal-page -- buddypress body class
    #content --  Holds the main content on every page */
.internal-page #content .padder,
	.widget .padder { 
	    padding: 15px;
	}
.internal-page #content ul li p a,
	.internal-page #content ul li .activity-meta a,
	.internal-page #content ul li .activity-inner a {
		display: inline;
}
.internal-page #content .item-list li { width: 100% }

.internal-page #item-nav #user-nav ul li.current { background: #fff; }
.internal-page #item-header { width: 100%; }
.internal-page #item-header h2 { font-size: 1em; }
.internal-page #item-header h2 a { font-size: 2em; }
.internal-page #item-header img.avatar {
	float: left;
	margin: 0px 15px 15px 0px;
}
.internal-page #item-header span.activity,
	.internal-page .item-meta span.activity {
		margin-left: 4px;
		background:#F7F7F7 none repeat scroll 0%;
		border:1px solid #E6E6E6;
		font-size: 1em;
		padding: 3px 5px;
		vertical-align: top;
}
.internal-page #item-header ul li { float: right; }
.internal-page #item-header ul li img.avatar {
	margin: 2px;
	float: right;
}

/* Main column within the #content div */
.internal-page #item-body { clear: left; }
.internal-page #item-body h5 {
    font-size: 1em;
    margin: 5px 0px;
}
.internal-page #bpsubnav {
    font-size: 1em;
    margin: 5px 0px;
}
.internal-page #item-body .item-list-tabs ul li.last { float: right; }
.internal-page #item-body div.action {
	float: right; 
}
.internal-page .item-body .radio ul { margin-bottom: 1.5em; }
.internal-page .item-body .radio ul li,
	.internal-page .item-body .radio label {
		clear: left;
		float: none;
		display: block;
}
.internal-page .acomment-meta { display: block; }
/* what's new form */
.internal-page #whats-new-form {
    clear: both;
    padding: 1px;
    margin-bottom: 15px;
}
.internal-page #whats-new-avatar {
    float: left;
    margin: 0px 10px 10px 0px;
}
.internal-page textarea#whats-new, .internal-page textarea#ac-input-2 {
    height: 6em;
    width: 100%;
}
.internal-page #whats-new-submit { float: right; }
.internal-page #whats-new-content { margin-left: 76px; }

/* item list tabs */
.internal-page .item-list-tabs ul { list-style-type: none; }
.internal-page .item-list-tabs ul li {
	float: left;
}
.internal-page .item-list-tabs ul li.last { 
	margin: 4px 5px 4px 0;
}
.internal-page .activity {
	clear: both;
	padding-top: 1px;
}
.internal-page .activity-comments { width: 100%; }
.internal-page #content .activity ul li a {
		padding: 4px 8px;
		display: inline;
}
.internal-page #content .activity ul li .acomment-avatar a { padding: 0px; }
.internal-page #content .activity ul li .activity-content { 
	margin-left: 80px;
	float: none;
}
.internal-page #content .activity ul li .activity-content p { line-height: 2.2em; }

/* BuddyPress Directories */
.dir-form h2 { width: 300px; }
.dir-search {
    float: right;
    margin-top: -2em;
}
.dir-list {
    clear: left;
    margin-top: 10px;
}

/* All widget-like blocks of content are wrapped in this (for example on profile and group pages) */
div.bp-widget {
        margin-bottom: 20px;
        padding: 15px;
}
        div.bp-widget h4 {
                background: #ddd;
                padding: 5px 5px 5px 12px;
                font-size: 1em;
                font-weight: bold;
                margin: -14px -14px 15px -14px;
        }
                /* "See All" links in widget headers */
                div.bp-widget h4 span { float: right; }
		
	/* Horizonal listing of content, for example random friends or groups on the profile page */
	ul.horiz-gallery {
		list-style: none;
		overflow: auto;
		width: 100%;
		margin: 0;
		padding: 0;
	}
		ul.horiz-gallery li {
			float: left;
			padding-right: 25px;
			text-align: center;
		}
			ul.horiz-gallery li h5 { font-size: 1em; }

	/* All buttons contain this class */
	div.generic-button { 
		background: #eee;
		display: inline-block;
		margin-bottom: 10px;
	}
	
	/* All pagination is contained within a div.pagination */
	div.pagination {
		overflow: auto;
		width: 100%;
		padding-bottom: 20px;
	}
		/* div.pagination-links holds the actual numbered page links */
		div.pagination div.pagination-links {
			float: right;
		}
			div.pagination div.pagination-links a {
				background: #eee;
				padding: 3px 5px;
			}

		/* Pagination status text - "Viewing X to X of X" */
		div.pagination div.pag-count {
			float: left;
			
		}

div#item-header div#item-actions {
	float: right;
	width: 20%;
	margin: 0 0 15px 15px;
	text-align: right;
}
div#item-header ul h5, div#item-header ul span, div#item-header ul hr {	display: none; }

ul.item-list { width: 100%; }
	ul.item-list li {
		position: relative;
		padding: 15px 0;
		border-bottom: 1px solid #eaeaea;
	}
		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 {
			font-weight: normal;
			font-size: 1.2em;
			width: 75%;
			margin: 0;
		}
			ul.item-list li div.item-title span {
				font-size: 1em;
				color: #999;
			}

		ul.item-list li div.item-desc {
			margin: 10px 0px 0px;
			font-size: .9em;
			color: #888;
		}

		ul.item-list li div.action {
			position: absolute;
			top: 15px;
			right: 0;
			text-align: right;
		}

		ul.item-list li div.meta {
			margin-top: 10px;
			font-size: .9em;
		}

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

	/* All avatar images have this class */
	img.avatar { 
		border: 3px solid #ddd;
	}

	/* #message -- This is used for all error/success message feedback */
	div#message p {
		padding: 10px;
		background: #d3ffc9;
		border: 1px solid #90dc7e;
	}
		/* #message.error -- When there is an error, there is a .error class appended */
		div#message.error p {
			border-color: #dc7e7e;
			background: #ffc9c9;
		}

		/* #message.info -- Help text or an information box has a .info class appended */
		div#message.info p {
			background:#F7F7F7 none repeat scroll 0%;
			border:1px solid #E6E6E6;
		}

	/* .standard-form -- Most forms contain this class */
	form.standard-form {
		
	}
		form.standard-form label {
			display: block;
			font-weight: bold;
			margin: 10px 0 5px 0;
		}
		
		form.standard-form input[type=text] {
			width: 65%;
		}

		form.standard-form textarea {
			width: 65%;
		}

	/* #invite-list -- Lists of friends with checkboxes always carry this ID */
	div#invite-list {
		border: 1px solid #ccc;
		background: #f0f0f0;
		padding: 5px;
	}
		div#invite-list ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		div#invite-list input { width: auto; }

	/* .ajax-loader -- All ajax loading indicators carry this class */
	.ajax-loader {
		background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
		padding: 8px;
		display: none;
	}
/* .widget -- Home page and blog sidebar widgets are wrapped in this class */
/*
.widget {
	margin-bottom: 45px;
}
	#sidebar .widget, #sidebar .directory-widget {
		margin-bottom: 25px;
	}
/**/
li.widget .padder { padding-bottom: 10px; }
#sidebar-me { margin: 0; padding: 0; }
#sidebar-me img.avatar { float: left; margin: 0px 15px 15px 0px; }
#sidebar-me h3 { font-size: 1.5em; margin: 0px 0px 10px; }
#sidebar-me a.button,
    .activity-list div.activity-meta a,
    .activity-list .activity-content a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 10px;
    background:#F7F7F7 none repeat scroll 0%;
    border:1px solid #E6E6E6;
}
.activity-list .activity-content span a { border: none; background: none; }
div.activity-meta, div.activity-comments {
	margin: 10px 0 10px 3px;
	clear: left;
}
div.acomment-content .comment-header { display:none; }
.internal-page div.activity-comments { 
	width:auto;
	margin:0 0 0 75px;
	overflow:hidden;
	position:relative;
}
.activity-list .activity-avatar img {
	height:60px;
	width:60px;
}
div.activity-comments ul li { border:medium none; }
div.activity-comments ul li ul {
	margin-left:25px;
	margin-top:5px;
}
/* #footer -- The footer at the bottom of all pages. */
div#footer {
	text-align: center;
}
	



/***********************************************************************************
 * Component specific styles 
 */

/*** Activity Streams ****************/

ul#activity-list, ul#site-wide-stream, ul#activity-filter-links {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
	ul#activity-list li blockquote, ul#site-wide-stream li blockquote {
		background: #f0f0f0;
		padding: 10px;
		margin: 0px 0 25px 10px;
	}
		ul#activity-list li blockquote p, ul#site-wide-stream li blockquote p {
			margin: 0;
		}
	
	ul#activity-list span.time-since, ul#site-wide-stream span.time-since {
		font-size: 0.9em;
		color: #888;
	}

ul#activity-filter-links {
	margin-bottom: 20px;
}

	ul#activity-filter-links li {
		float: left;
		margin-right: 10px;
	}
		ul#activity-filter-links li a {
			background: #f0f0f0;
			padding: 3px 8px;
			display: block;
		}
div.activity-comments form div.ac-reply-avatar { float:left; }
div.activity-comments form div.ac-reply-content { margin-left: 40px; }
div.activity-comments form textarea {
	height:5em;
	padding:0;
	width:98%;
}
/*** Profiles ****************/

div#profile-name h1, #group-name h1 {
	font-size: 3em;
	margin: 10px 0 25px 0;
	font-family: Georgia, times, serif;
}

/* Profile Field Display */
table.profile-fields { 
	width: 100%;
}

table.profile-fields td {
	vertical-align: middle;
	padding-left: 10px;
}
	table.profile-fields td p {
		margin: 10px 0 10px;
	}	

	table.profile-fields td.label {
		width: 20%;
		font-weight: bold;
	}
	table.profile-fields tr.alt { background: #f5f5f5; }

/* Profile Field Edit */
div.editfield label { 
	display: block;
	font-weight: bold;
}

div.editfield input, div.editfield textarea {
	width: 60%;
}

div.checkbox { clear:left; }
div.checkbox input, div.radio input { width: auto; }
div.checkbox label, div.radio label { 
	display: inline; 
	font-weight: normal;
}

span.label {
	display: block;
	font-weight: bold;
}

/* Profile Change Avatar */
#avatar-upload-form p { margin-top: 20px; }


/*** Wire ****************/

div.wire-post-metadata {
	font-size: 0.9em;
	color: #888;
	margin-bottom: 10px;
}
	div.wire-post-metadata a {
		font-size: 1em;
	}

div#wire-post-new {
	margin-top: 15px;
}

	div#wire-post-new-metadata img.avatar { 
		float: left;
		margin-right: 10px;
	}
	
	div#wire-post-new-input {
		margin-left: 65px;
	}
		div#wire-post-new-input textarea {
			height: 75px;
			width: 90%;
		}

		input#wire-post-submit { 
			display: block;
			margin-top: 10px;
		}

form#wire-post-new-form {
	margin-bottom: 20px;
	background: #f5f5f5;
	margin: -14px -14px 15px -14px;
	padding: 15px;
}

/*** Messages ****************/

table#message-threads {
	width: 100%;
}
	table#message-threads tr {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}

	table#message-threads td {
		vertical-align: middle;
		padding: 10px;
	}

/* View Thread Screen */

/* .message-box -- holds each message in a thread */
div.message-box {
	border-bottom: 1px solid #ccc;
	padding: 15px;
	overflow: hidden;
	width: 100%;
}
	div.message-box .message-metadata {
		float: left;
		width: 100px;
	}
		div.message-box .message-metadata .avatar {
			width: 30px;
			margin-bottom: 10px;
		}
		
		div.message-box .message-metadata h3 {
			font-size: 1.1em;
		}
	div.message-box .message-content {
		margin-left: 130px;
	}

/*** Registration / Activation ****************/

.register-section {
	margin: 0 0 30px 0;
}
	#basic-details-section input, #basic-details-section textarea, 
	#profile-details-section input, #profile-details-section textarea,
	input#signup_blog_title {
		width: 50% !important;
	}
		.register-section .checkbox input { width: auto !important; }
		.register-section .radio input { width: auto !important; }
		#basic-details-section input[type=password] { width: 25% !important; }

	#blog-details-section input#signup_blog_url { width: 20%; }

	.register-section span.label {
		margin-top: 20px;
	}
	
	.register-section div.error {
		border: 1px solid #dc7e7e;
		background: #ffc9c9;
		padding: 5px;
		width: 35%;
		margin: 5px 0 10px 0;
	}

/*** Status Updates *****************************/

#user-status {
	margin-bottom: 20px;
}

#user-status p {
	margin: 15px 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	#user-status .time-since {
		font-size: 0.9em;
		color: #888;
	}
	
	#user-status a#status-clear-status { 
		color: red; 
		font-size: 0.9em;
	}
	
/*** Forums *************************************/

.forum #content ul li .poster-meta a { 
	display: inline;
	background:#F7F7F7 none repeat scroll 0%;
	border:1px solid #E6E6E6;
	font-size: 1em;
	padding: 3px 5px;
}
.forums #global-forum-topic-filters ul {
	margin: 0.3em 0px 0.5em;
	list-style-type: none;
	height: 1.3em;
}
.forums #global-forum-topic-filters ul li {
	float: left;
	list-style-type: none;
	padding: 0px 0.2em;
}
ul#forum-topic-list li {
	position: relative;
	min-height: 0;
	padding-bottom: 0;
	overflow: hidden;
	width: 100%;
}
	ul#forum-topic-list li.sticky {
		background: #ffffdd;
	}
	
	ul#forum-topic-list li.closed a.topic-title {
		background: url( ../images/closed_topic.png ) no-repeat center left;
		padding: 0 0 0 20px;
	}
	
	ul#forum-topic-list li span.latest { 
		display: block;
		margin-left: 50px;
	}
	
	ul#forum-topic-list li div.admin-links, ul#topic-post-list li div.admin-links {
		position: absolute;
		top: 1em;
		right: 1em;
		background: #eee;
		display: none;
		padding: 0.1em 0.5em;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-left: 50px;
		margin-bottom: 15px;
		font-size: 11px;
		color: #888;
	}
		ul#forum-topic-list li:hover div.admin-links, ul#topic-post-list:hover li div.admin-links { display: inline-block; }

ul#topic-post-list li .poster-meta {
	color: #888;
}

ul#topic-post-list li .poster-meta .avatar {
	float: none !important;
	margin: 0 0.3em 0 0;
	vertical-align: middle;
}

ul#topic-post-list .post-content {
	margin: 1em 0 0 14px;
	border-left: 1px solid #ccc;
	padding-left: 22px;
}

	ul#topic-post-list li#topic-meta h3 {
		margin: 5px 0 0 0;
		font-size: 20px;
	}
	
ul#topic-post-list li input#submit_reply, input#submit_topic {
	width: auto;
}

div.latest-post {
	font-size: 0.9em;
	color: #888;
	margin-left: 70px;
}

	div#post-new-topic label, div#edit-topic label, div#edit-post lable div#post-topic-reply label {
		display: block;
		margin: 10px 0 3px 0;
	}
	
	div#edit-post textarea {
		height: 150px;
		width: 98%;
	}

	input#topic_title { width: 80%; }
	input#topic_tags { width: 60%; }
	textarea#topic_text, textarea#reply_text { width: 98%; height: 150px; }

	input#submit_topic, input#submit_reply {
		display: block;
		margin-top: 20px;
	}