/*  
Theme Name: BuddyPress Default
Theme URI: http://buddypress.org
Description: The default theme for BuddyPress
Version: 0.2
Author: Andy Peatling
Author URI: http://andyinlife.com
*/

/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/

html {
	background: #fff;
	font: 62.5% normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	border-top: 10px solid #f7740a;
}

body {
	background: #fff;
	font-size: 1.2em;
	color: #555;
	width: 960px;
	background: url(images/background.gif) top left repeat-y;
	margin: 0 auto;
	line-height: 170%;
}
	body.in-blog { background-image: url(images/background_blog.gif); }

p { margin: 0 0 1em 0; }

a { color: #f7740a; }
	a:hover { text-decoration: underline; }
	
hr, div.clear {
	visibility: hidden;
	clear: both;
}

input, select, textarea { width: 100%; }

/**************************
 HEADER
***************************/

#header {
	position: relative;
	padding: 1.8em 1.5em;
	background: #fff;
}

	#header h1 {
		background: url(images/logo.gif) top left no-repeat;
		overflow: hidden;
		text-indent: -999em;
		width: 149px;
		height: 35px;
	}

	#header .search {
		position: absolute;
		top: 1.2em;
		right: 1.5em;
	}


/**************************
 USER BAR
***************************/

#userbar {
	width: 138px;
	float: left;
	position: relative;
}
	#userbar h3 {
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		background: url(images/userbar_header.gif) top left no-repeat;
		height: 24px;
		padding: 8px 0 8px 0;
	}

	p.avatar, #userbar p#login-text {
		text-align: center;
		margin: 0.75em 0;
	}	
	
	#userbar p#login-text {
		padding: 0.5em 1em 0 1em;
	}
	
		p.avatar img {
			border: 4px solid #fff;
		}
	
	#userbar form {
		padding: 1em 1.5em 1em 1em;
	}
		#userbar form input {
			width: 100%;
		}
	
	#userbar ul#bp-nav {
		width: 149px;
		margin: 1.75em 0 0 0;
		z-index: 999 !important;
		position: relative;
	}
		#userbar ul#bp-nav li.current {
			background: url(images/navitem_selected_back.gif) top right repeat-x;
		}
			#userbar ul#bp-nav li a {
				font-size: 1em;
				color: #555;
				padding: 0.55em 3em 0.55em 0;
				display: block;
				text-align: right;
				margin-right: 0.85em;
			}
				#userbar ul#bp-nav li.current a {
					color: #fff;
				}
			
				li a#profile {
					background: url(images/profile_bullet.gif) 88% 52% no-repeat;
				}

				li a#messages {
					background: url(images/messages_bullet.gif) 88% 52% no-repeat;
				}			
				
				li a#blog {
					background: url(images/blog_bullet.gif) 86% 52% no-repeat;
				}
				
				li a#friends {
					background: url(images/friends_bullet.gif) 87% 52% no-repeat;
				}
				
				li a#groups {
					background: url(images/groups_bullet.gif) 88% 52% no-repeat;
				}
				
				li a#wp-logout {
					background: url(images/logout_bullet.gif) 87% 52% no-repeat;
				}
				
				li a#group-home, li a#group-wire, li a#group-photos, li a#group-forum,
				li a#group-members, li a#group-invite, li a#group-leave {
					background: url(images/groups_bullet.gif) 88% 52% no-repeat;
					padding: 0.55em 3.1em 0.55em 0 !important;
					display: block;
					margin-right: 0.85em;
				}
					li a#group-forum {
						background: url(images/forum_bullet.gif) 88% 52% no-repeat;	
					}

					li a#group-members {
						background: url(images/friends_bullet.gif) 87% 52% no-repeat;	
					}
					
					li a#group-invite {
						background: url(images/invite_bullet.gif) 89% 52% no-repeat;	
					}

					li a#group-leave {
						background: url(images/cross_bullet.gif) 88% 52% no-repeat;	
					}				

/**************************
 OPTIONS BAR
***************************/

#optionsbar {
	width: 138px;
	float: left;
	position: relative;
}
	#optionsbar h3 {
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		background: url(images/optionsbar_header_noarrow.gif) top left repeat-x;
		height: 24px;
		padding: 8px 0 8px 0;
		letter-spacing: 0.5px;
	}
		#optionsbar.arrow h3 {
			background: url(images/optionsbar_header_arrow.gif) top center no-repeat;
		}
	
	#optionsbar ul#options-nav {
		width: 148px;
		margin: 1.75em 0 0 0;
		position: relative;
		z-index: 1;
	}
		#optionsbar ul#options-nav li.current {
			background: url(images/optionnavitem_selected_back.gif) top right repeat-x;
		}
			#optionsbar ul#options-nav li a {
				font-size: 1em;
				color: #555;
				padding: 0.55em 2.5em 0.55em 0;
				display: block;
				text-align: right;
			}
			
			#optionsbar ul.icons li a {
				padding-right: 3.1em !important;
				margin-right: 0.7em;
			}

/**************************
 CONTENT HEADER NAVIGATION
***************************/

.content-header a {
	color: #555;
}

ul.content-header-nav {
	margin: -8px 0 0 1.5em;
}
	ul.content-header-nav li {
		float: left;
		padding: 8px 1em;
		height: 30px;
		font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
		text-transform: none;
	}
		ul.content-header-nav li a {
			color: #555;
		}
		
		ul.content-header-nav li span {
			color: #999;
		}
	
	ul.content-header-nav li.current {
		background: url(images/topoption_selected_back.gif) 49% 0 no-repeat;
	}


/**************************
 MAIN CONTENT
***************************/

#main {
	width: 684px;
	float: right;
	background: #fff url(images/content_back.gif) top left repeat-x;
}
	.in-blog #main { width: 499px; }

	#main div.content-header {
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		background: url(images/content_header.gif) top left repeat-x;
		height: 24px;
		padding: 8px 0 8px 0;
	}

	#main #content {
		padding: 2em 3em;
	}
		#main #content h2, h3#respond, h3#responses {
			font: normal 1.6em Georgia, Times, serif;
			padding-bottom: 0.25em;
			border-bottom: 1px solid #ddd;
			margin-bottom: 1em;
		}
		
		#main #content h3 {
			font: normal 1.3em Georgia, Times, serif;
			padding-bottom: 0.25em;
			margin: 1em 0;	
		}
		
		#main #content .left-menu {
			position: relative;
			float: left;
			width: 158px;
			margin-bottom: 1em;
		}
	
		#main img.avatar {
			border: 4px solid #f0f0f0;
		}
	
		.main-column {
			margin-left: 200px;
		}
		
		.main-column h1, #blog-info h1 {
			font: normal 3.2em "Georgia", Times, serif !important;
		}
			.main-column h1 a, #blog-info h1 a {
				color: #646464;
			}
			
			.main-column p.status, #blog-info p.desc {
				color: #f7740a;
				font: normal 1.4em "Georgia", Times, serif;
				font-style: italic;
				margin: 0.3em 0 1.2em 0;
			}
				
		.pagination-links {
			float: right;
		}
			.pagination-links .page-numbers {
				padding: 0.65em 0.7em;
				height: 24px;
			}
				a.page-numbers:hover { background: #e1e1e1; }

			.pagination-links .current {
				background: #d5d5d5;
				border-bottom: 2px solid #f28935;
				padding: 0.5em 0.7em !important;
			}
	
		div.info-group {
			margin-bottom: 2em;
		}	
			div.info-group h4 {
				background: url(images/group_header.gif) top left no-repeat;
				height: 30px;
				color: #fff;
				padding: 3px 10px;
				font-size: 1em;
				margin-bottom: 0.5em;
				font-weight: bold;
				position: relative;
			}
				.left-menu div.info-group {
					margin-top: 1.5em;
				}
				
				.left-menu div.info-group h4 {
					background: url(images/leftmenu_group_header.gif) top left no-repeat;
					color: #555;				
				}
				
				div.info-group h4 a {
					position: absolute;
					top: 0.31em;
					right: 2.8em;
					color: #fff;
					font-weight: normal;
				}
				
				.left-menu div.info-group img.avatar {
					float: left;
					margin-right: 1em;
				}

			.horiz-gallery li {
				float: left;
				margin: 0 1.5em 0 0;
				width: 15%;
				text-align: center;
			}
			
		a#accept, a#reject {
			background: url(images/accept_button.gif) top left no-repeat;
			text-indent: -999em;
			display: block;
			overflow: hidden;
			width: 80px;
			height: 19px;
			float: right;
			margin-left: 10px;
		}
			a#reject {
				background: url(images/reject_button.gif) top left no-repeat;
				width: 78px;		
			}

/**** Profiles ************************/
			
		table.profile-fields {
			font-size: 1em;
			width: 100%;
		}
			table.profile-fields tr td {
				padding: 0.5em 1em;
			}
			
			table.profile-fields tr td.label {
				border-right: 1px solid #dadada;
				width: 40px !important;
				font-weight: bold;
			}
			
			table.profile-fields tr td.data {
				width: 120px;
			}
		
/**** Profile Edit Form ********************/
		
		.signup-label {
			display: block;
			padding: 0 0 0.3em 0;
			margin: 1em 0 0 0;
		}
		
		.signup-field input, .signup-field select, .signup-field textarea {
			font-size: 1.3em;
			font-family: inherit;
			color: #777;
			width: 65%;
			padding: 0.2em;
		}
		
		.datefield select, #searchform input, input#upload { width: auto !important; }
		
		.signup-description {
			display: block;
			color: #888;
			font-size: 0.9em;
		}
		
		input#save {
			width: auto;
			margin: 1.5em 0 0 0;
		}
		
		.checkbox label input, .radio label input {
			width: auto;
			display: inline;
		}
		
		.checkbox label, .checkbox input, .radio label, .radio input {
			display: block;
			padding: 0 0 0.2em 0;
		}
		
		.wrap h2 { display: none; }
	
		#message {
			background: url(images/updated_back.gif) top left repeat-x #ddffc4;
			margin: 0 0 2em 0;
		}
			#message p {
				color: #357c00;
				padding: 1em 2.75em;
				background: url(images/updated_icon.gif) 1em 1.1em no-repeat;
			}
		
		#message.error {
			background-image: url(images/error_back.gif);
			background-color: #ff3a3a;
			color: #fff;
		}
			#message.error p {
				background-image: url(images/error_icon.gif);
				color: #fff;
			}
		
		#message.info {
			background-image: none;
			background-color: #fcfcd0;
			color: inherit;
		}
			#message.info p {
				background-image: url(images/info_icon.gif);
				color: inherit;
				padding-left: 3.3em;
			}
			
			p.err { display: none; }

/**** BLOG *****************/
		
		#blog-info {
			border-bottom: 1px solid #e1e1e1;
			margin: -1em 0 2em 0;
		}
		
		.post {
			border-bottom: 1px solid #e1e1e1;
			padding-bottom: 2em;
			margin-bottom: 2em;
		}
		
		#main #content .post h2 {
			font: normal 1.6em Georgia, times, serif;
			border: none;
			padding: 0;
			margin: 0;
		}
			#main #content .post h2 a {
				color: #555;
			}
		
		.post p.date, .small, h2 span {
			color: #888;
			font-size: 0.95em;
		}
			.post p.date em {
				color: #f7740a;
				font: italic 1em Georgia, times, serif;
			}
			
		.post span.tags {
			background: url(images/tag_icon.gif) center left no-repeat;
			padding-left: 1.6em;
			float: left;
		}
		
		.post span.comments {
			float: right;
			background: url(images/comments_icon.gif) center right no-repeat;
			padding-right: 1.8em;
		}
		
		.postmetadata {
			padding: 0.5em 0;
		}
		
		.post-details {
			background: #f0f0f0;
			padding: 1em 1.5em;
			margin: 0 0 2em 0;
		}
	
		.navigation .left { float: left; padding-left: 2.2em; }
		.navigation .right { float: right; padding-right: 2.2em; }
		
		#commentform { padding: 1em 1.5em; }
		#commentform textarea { width: 100%;}
		#comment-textarea { float: right; }
		
		.comment-details { float: left; width: 20%; }
		.comment-content { float: right; width: 80%; }
		
		.commentlist li {
			padding: 1.5em 1.5em 0.5em 1.5em;
			background: #fff;
			margin-bottom: 1em;
		}
			.commentlist li.alt { background: #f0f0f0; }
			.commentlist li img.avatar { padding: 0 !important; }
			.commentlist li.alt img.avatar { border-color: #fff !important; }

		.commentmetadata { 
			font-size: 0.9em;
			border-top: 1px solid #ddd;
			padding-top: 0.3em;
		}
			.commentmetadata a { color: #888; }
		
		h4.archive {
			font: normal 1.2em Georgia, Times, serif;
			text-transform: uppercase;
			border-bottom: 1px solid #e1e1e1;
			padding-bottom: 0.5em;
			margin: -1em 0 1em 0;
		}

/**** MESSAGING *****************/

	table#message-threads {
		width: 100%;
	}
		table#message-threads tr, .message-box {
			background: url(images/message_thread_back.gif) top left repeat-x;
		}
		
		table#message-threads tr.unread {
			background-image: url(images/message_thread_unread_back.gif);
		}
			table#message-threads tr td, .message-box {
				padding: 1em;
			}
				table#message-threads tr td p {
					margin: 0;
				}
					td p.date {
						color: #888;
						font-size: 0.95em;
					}
					
	.avatar-box { 
		float: left;
		border: none !important;
	}
	
	.message-box {
		padding: 15px 10px;
		padding-left: 135px;
	}
		.message-box .avatar-box {
			float: left;
			width: 110px;
			margin: 0 0 0 -125px;
		}
			#main #content .avatar-box h3 {
				margin: 1em 0 0 0;
				font: bold 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;;
			}
			
			.avatar-box small {
				line-height: 1.5;
				font-size: 0.9em;
				color: #888;
			}
			
		#message_content_tbl { border: 1px solid #ddd; }
		.mceToolbar, .mceStatusbar { background: #eee; }
		.mceToolbar a { color: #bbb !important; }
		
		#send_reply_button { margin: 1.5em 0 0 0;}
		
		div.ajax_reply, div.error-box {
			text-align: center;
			padding: 15px;
			background: #EAF3FA;
			color: #2583AD;
		}
		
		div.error-box {
			background-image: url(images/error_back.gif);
			background-color: #ff3a3a;
			color: #fff;
		}
			div.div.ajax_reply img, div.error-box img { vertical-align: middle; }
		
		#send_message_form {
			margin-top: -1em;
		}
		#main #content #send_message_form h3 {
			margin: 0;
			font-size: 1.1em;
		}
		
		#send_message_form input {
			width: 45%;
			font-size: 1.4em;
			border: 1px solid #cdcdcd;
			padding: 0.2em;
			margin: 0 0 0.5em 0;
		}
		
		#send_message_form textarea {
			width: 100%;
			border: 1px solid #cdcdcd;
			padding: 0.2em;	
		}
		
		#send_message_form input#send {
			width: auto;
			font: normal 1em inherit;
			margin-top: 1.5em;
		}
		
		a.delete {
			overflow: hidden;
			text-indent: -999px;
			display: block;
			float: left;
			margin-top: 2px;
			background: url(images/error_icon.gif) top left no-repeat;
			width: 12px;
			height: 13px;
		}
		
		span.unread-count {
			background: #c2582b;
			border: 2px solid #c2582b;
			padding: 0 0.5em;
			color: #fff;
			font-size: 0.8em;
			font-weight: bold;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
			.read .unread-count { display: none; }
		
		.messages-options {
			float: right;
			padding: 0 3em 0 0;
			font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
			text-transform: none;
			color: #888;
			margin-top: -2px;
		}
			.messages-options a { color: #888; }
			.messages-options select { width: auto; }
		
		.notices td { vertical-align: top; }
		.notice {
			position: relative;
			background: url(images/notice_back.gif) top left repeat-x;
			padding: 1.2em;		
		}
		.notice a#close-notice {
			position: absolute;
			top: 1em;
			right: 1.2em;
		}
		.notice h5 {
			font: normal 1.4em Georgia, Times, serif;
			margin: 0 0 0.8em 0;
		}
		.notice a { color: #0051FF;}

/**** FRIENDS *****************/

	ul#friend-list li {
		position: relative;
		background: url(images/message_thread_back.gif) top left repeat-x;
		padding: 1em;
		min-height: 60px;
	}
		
	#friend-list li img.avatar {
		float: left;
		margin: 0 1em 0 0;
	}
		span.activity {
			position: relative;
			color: #888;
			font-size: 0.9em;
			background: #FFF9DB;
			padding: 4px 6px;
			border-right: 1px solid #FFE8C4;
			border-bottom: 1px solid #FFE8C4;
			top: 2px;
		}
		
		#friend-list .action {
			position: absolute;
			top: 40%;
			right: 1em;
		}
	
	#predefined-lists {
		margin: 1em 1.2em 0 0;
	}
	
	#predefined-lists li {
		text-align: right;
		padding: 0.25em 0;
	}
		
	.left-menu img#ajax-loader {
		position: absolute;
		right: 0;
		top: 7px;
	}
	
	div.friendship-button a {
		padding: 1em 1.7em 1em 1em;
		text-align: right;
		display: block;
		margin-right: 1.1em;
		margin-top: -1em;
		font-size: 1.1em;
	}
		#friend-list div.friendship-button a {
			padding: 0 1.7em 0 0;
			margin: 0;
		}
	
	div.friendship-button a {
		background: url(images/add_friend_icon.gif) center right no-repeat;
	}
		div.friendship-button a.remove {
			background-image: url(images/error_icon.gif) !important;
		}
	
	.friendship-button {
		text-align: center;
		color: #888;
		padding-top: 1em;
	}
	
		#friend-list .friendship-button {
			text-align: right;
			padding: 0;
			margin-top: -2em;
		}
	
	label#friend-search-label {
		font-size: 0.9em;
	}


/**** GROUPS *****************/

	#group-name h1 {
		margin-bottom: 0.5em;
	}

	.main-column #group-name p.status {
		margin-top: -0.8em !important;
	}
	
	#create-group-form label {
		display: block;
		padding: 0 0 0.3em 0;
		margin: 1em 0 0 0;
	}

	#create-group-form input, #create-group-form select, #create-group-form textarea {
		font-size: 1.3em;
		font-family: inherit;
		color: #777;
		width: 65%;
		padding: 0.2em;
	}
	
	#create-group-form textarea {
		height: 100px;
	}
	
	div.sub-options {
		margin-left: 1.5em;
		border-left: 8px solid #eee;
		padding-left: 1em;
	}
	
	div#invite-list {
		height: 225px;
		overflow: auto;
		padding-top: 0.5em;
	}
	
	div#skip-continue {
		margin-top: 2em;
		border-top: 1px solid #ddd;
		padding-top: 2em;
	}
		div#skip-continue input {
			float: right;
			width: 70px;
			font-size: 1em;
		}

	#create-group-form .crop-preview { display: none; }
	#create-group-form #file {
		width: auto !important;
		margin-bottom: 1em;
	}

	ul#group-list li, ul#member-list li {
		position: relative;
		background: url(images/message_thread_back.gif) top left repeat-x;
		padding: 1em;
		min-height: 60px;
	}
		
	#group-list li img.avatar, #member-list li img.avatar {
		float: left;
		margin: 0 1em 0 0;
	}
		#group-list li span.small, #member-list li span.small {
			font-size: 0.95em;
			color: #888;
		}
		
		#group-list p.desc {
			margin-left: 70px;
			font-size: 0.9em;
		}
			.invites p.desc { width: 45%; }
		
		#group-list .action, #member-list .action {
			position: absolute;
			top: 30%;
			right: 1em;
		}
		
	#group-admins img.avatar {
		width: 38px;
		height: 38px;
		border-width: 3px;
	}
		
/**************************
 BLOG SIDEBAR
***************************/

#sidebar {
	width: 185px;
	float: left;
	background: #f6f6f6;
}
	#sidebar h3 {
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: center;
		background: url(images/sidebar_header.gif) top left repeat-x;
		height: 24px;
		padding: 8px 0 8px 0;
		letter-spacing: 0.5px;
	}

	#sidebar .widget {
		border-bottom: 1px solid #d9d9d9;
		padding-top: 1.5em;
	}

	#sidebar h2 {
		font: normal 1em "Georgia", Times, serif;
		text-transform: uppercase;
		text-align: right;	
		margin-bottom: 0.5em;
		letter-spacing: 0.5px;
	}
	
	#sidebar ul#sidebar-widgets {
		padding: 0 1.5em;
		margin: 0;
	}
	
	#sidebar ul, form#searchform {
		margin: 1em 0 1.5em 0;
	}

	#sidebar ul li {
		text-align: right;
	}
	
	#sidebar a#adminarea, #sidebar a#backhome {
		display: block;
		margin: -0.7em 0 1.5em 0;
		background: url(images/blogadmin_icon.gif) center right no-repeat;
		color: #555;
		font-size: 1.1em;
		padding: 0 1.5em 0 0;
	}
	
	#sidebar a#backhome {
		background: url(images/arrowback_icon.gif) center right no-repeat;
		margin-top: -0.3em;
	}

/**************************
 FOOTER
***************************/

#footer {
	clear: both;
	background: #fff;
	text-align: center;
	padding: 2em;
}

	#footer p {
		margin: 0;
	}

	#footer code {
		font-size: 1.1em;
		color: #ccc;
	}