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

@import url(custom-styles.css);

/***********************************************************
 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;
}

body {
	background: #fff;
	font-size: 1.2em;
	color: #555;
	background: url(images/background.gif) top left repeat-y;
	line-height: 170%;
	min-width: 960px;
	max-width: 1300px;
}
	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: right;
}
	.info-group div.clear {
		clear: left;
	}

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

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

#header {
	position: relative;
	background-color: #fff;
	background-image: url(images/header_bg_repeat.gif);
}

	#header h1 {
		background: url(images/logo.gif) top left no-repeat;
		text-indent: 700px;
/*		width: 541px; */
		height: 88px;
	}

	#header .search {
		position: absolute;
		top: 1.2em;
		right: 1.5em;
	}
	
	#header img {
	padding-top: 20px;
	}


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

#userbar {
	width: 138px;
	float: left;
	position: relative;
}
	#userbar h3 {
	color:#ffffff;
	text-align: center;
	background: url(images/userbar_header.gif) top left no-repeat;
	height: 24px;
	padding: 8px 0 8px 0;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	}

	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) 89% 52% no-repeat;
				}			
				
				li a#blogs {
					background: url(images/blog_bullet.gif) 87% 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#wire {
					background: url(images/wire_bullet.gif) 88% 52% no-repeat;
				}

				li a#activity {
					background: url(images/activity_bullet.gif) 88% 52% no-repeat;
				}
				
				li a#settings {
					background: url(images/settings_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, li a#group-admin
				li a#request-membership {
					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;	
					}
					
					li a#group-wire {
						background: url(images/wire_bullet.gif) 88% 52% no-repeat;
					}	
					
					li a#group-admin {
						background: url(images/blogadmin_icon.gif) 87% 52% no-repeat;
					}
					
					li a#request-membership {
						background: url(images/request_bullet.gif) 87% 25% no-repeat;
					}

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

#optionsbar {
	width: 138px;
	float: left;
	position: relative;
}
	#optionsbar h3 {
	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;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	}
		#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;
			text-decoration: underline;
		}
			ul.content-header-nav li a:hover {
				color: #555;
				text-decoration: none;
			}
		
		ul.content-header-nav li span {
			color: #999;
		}
	
	ul.content-header-nav li.current {
		background: url(images/topoption_selected_back.gif) top center no-repeat;
	}
		ul.content-header-nav li.current a {
			text-decoration: none;
		}
		



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

#main {
	margin-left: 276px;
	background: #fff url(images/content_back.gif) top left repeat-x;
	min-width: 680px;
}
	#main div.content-header {
	text-align: center;
	background: url(images/content_header.gif) top left repeat-x;
	height: 24px;
	padding: 8px 0 8px 0;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color:#ffffff;
	}

	#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;
			margin-bottom: 0.3em;
		}
			.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 0 1.2em 0;
			}
				
		.pagination-links {
			margin-top: -3.7em;
			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 .pagination-links {
				margin: 0 0 5px 0;
				float: none;
				text-align: right;
			}
			
		.pag-count {
			font-size: 0.9em;
			color: #888;
			margin-bottom: -20px;
		}
	
		div.info-group {
			margin-bottom: 2em;
		}	
			div.info-group h4 {
				background: url(images/group_header.gif) top left;
				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: 1em;
					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;		
			}

 	.standard-form label {
		display: block;
		padding: 0 0 0.3em 0;
		margin: 1em 0 0 0;
	}

	.standard-form input, .standard-form select, .standard-form textarea {
		font-size: 1.3em;
		font-family: inherit;
		color: #777;
		width: 65%;
		padding: 0.2em;
	}

	.standard-form textarea {
		height: 100px;
	}

/**** Profiles ************************/
			
		table.profile-fields {
			font-size: 1em;
			width: 100%;
		}
			table.profile-fields tr.alt {
				background: #f0f0f0;
			}
			
			table.profile-fields tr td {
				padding: 0.5em 1em;
			}
			
			table.profile-fields tr td.label {
				border-right: 1px solid #dadada;
				width: 130px !important;
				font-weight: bold;
			}

		
/**** 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, .standard-form input[type='submit'] {
			width: auto;
			margin: 1.5em 0 0 0;
			font-size: 1.4em;
		}
		
		input[type='radio'], input[type='checkbox'] {
			width: auto !important;
		}
		
		.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; }


/**** Avatar Upload Form ********************/

#avatar-upload #upload {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.4em;
}


/**** BLOGS *****************/
		
		#blog-info {
			border-bottom: 1px solid #e1e1e1;
			margin: -1em 0 2em 0;
		}
		
		.post {
			border-bottom: 1px solid #e1e1e1;
			padding-bottom: 2em;
			margin-bottom: 2em;
			float: left;
			width: 100%;
		}
		
		#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;
		}
	
		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;
		}
		
	
/**** BLOG SIGNUP FORM **********/

#setupform label {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
}
	#setupform label.checkbox {
		display: inline;
		margin-right: 1em;
	}
	
	#setupform label.checkbox input {
		display: inline;
	}
	
	#setupform p.error {
		padding: 5px 10px;
		background-image: url(images/error_back.gif);
		background-color: #ff3a3a;
		color: #fff;
		width: 40%;
	}
	
	.suffix_address, .prefix_address {
		font-size: 1.4em;
	}

#setupform input#blog_title, #setupform input#blogname {
	font-size: 1.4em;
	width: 25%;
	padding: 5px;
	margin-bottom: 1.5em;
	margin-right: 5px;
}
	#setupform input#blog_title {
		width: 65%;
	}
	
	#setupform input#blogname {
		text-align: right;
	}
	
#setupform input#submit {
	width: auto;
	margin-top: 1.5em;
	font-size: 1.4em;
	padding: 3px 10px;
}

/**** 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;
		min-height: 140px;
	}
		.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;
	}
	
	a.join-group {
		padding: 1em 1.7em 1em 1em;
		text-align: right;
		display: block;
		margin-right: 1.1em;
		margin-top: -1em;
		font-size: 1.1em;
	}

	#friend-list .friendship-button {
		margin-top: -1.5em;
	}
	
	label#friend-search-label {
		font-size: 0.9em;
	}

	a.add, a.remove, div.pending {
		background: url(images/add_friend_button.gif) top center no-repeat;
		text-indent: -999em;
		display: block;
		overflow: hidden;
		width: 102px;
		text-align: left;
	}
	
	.left-menu a.add, .left-menu a.remove, .left-menu div.pending {
		margin: 1.5em auto;
	}
	
	a.remove {
		background-image: url(images/remove_friend_button.gif);
		width: 121px;
	}

	div.pending {
		background-image: url(images/requested_friend_button.gif);
		width: 136px;
	}

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

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

	.main-column #group-name p.status {
		margin-top: -0.8em !important;
	}
	
	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, ul#blog-list li, ul#comment-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, #comment-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;
	}
	
	a.join-group {
		margin-top: 0.5em;
	}
	
	.request-pending {
		text-transform: uppercase;
		font: normal 0.9em Georgia, Times, serif;
		color: #888;
		letter-spacing: 0.5px;
	}
		
		
/**** WIRE ***********************/

.comment-details { float: left; width: 20%; }
.comment-content { float: right; width: 80%; }

#wire-post-list li, #wire-post-new {
	position: relative;
	background: url(images/message_thread_back.gif) top left repeat-x;
	padding: 1em;
	min-height: 60px;
}

	.wire-post-metadata, #wire-post-new-metadata {
		color: #888;
		font-size: 0.9em;
	}
	
	.wire-post-metadata img.avatar, #wire-post-new img.avatar {
		float: left;
		margin: 0 12px 12px 0;
	}
	
	.wire-post-content, #wire-post-new-input {
		margin-left: 70px;
	}

#wire-post-new textarea {
	height: 100px;
	font: normal 1em "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	margin: 5px 0;
}

#wire-post-submit {
	width: auto;
	margin: 5px 0;
	font-size: 1.4em;
}

/**** ACTIVITY FEED ***************************/

#activity-list li {
	margin: 15px 0;
	padding-left: 21px;
}
	#activity-list li.blogs {
		background: url(images/blog_bullet.gif) 0 4px no-repeat;		
	}
	
	#activity-list li.profile {
		background: url(images/profile_bullet.gif) 0 4px no-repeat;
	}

	#activity-list li.friends {
		background: url(images/friends_bullet.gif) 0 4px no-repeat;
	}
	
	#activity-list li.groups {
		background: url(images/groups_bullet.gif) 0 4px no-repeat;
	}
	
	#activity-list li.wire {
		background: url(images/wire_bullet.gif) 0 4px no-repeat;
	}


#activity-list li blockquote {
	padding: 7px 15px 7px 40px;
	background: url(images/quotes_background.gif) 10px 9px no-repeat #eee;
	margin: 5px 0;
}

#activity-list li span.time-since {
	font-size: 0.8em;
	color: #999;
}

/**** SETTINGS SCREEN ***************************/

form#settings-form h3 {
	margin-bottom: 10px !important;
}

form#settings-form label {
	display: block;
	margin-bottom: 3px;
}
	form#settings-form label span {
		color: #888;
		font-size: 0.9em;
	}

input.settings-input {
	color: #777;
	font-family: inherit;
	font-size: 1.3em;
	padding: 0.2em;
	width: 65%;
	margin-bottom: 15px;
}
	input.small { width: 45%; }
	input.auto { width: auto; }

table.notification-settings {
	width: 80%;
	margin-bottom: 20px;
}
	table.notification-settings th {
		font-weight: bold;
	}
	
	table.notification-settings tr {
		border-bottom: 1px solid #eee;
	}
	
	table.notification-settings td {
		padding: 3px 0;
	}
	
	table.notification-settings th.icon {
		width: 35px;
		background: center center no-repeat;
	}
	
	table.notification-settings th.title {
		width: 80%;
	}
	
	table.notification-settings .yes, table.notification-settings .no {
		width: 40px;
		text-align: center;
	}

	table#profile-notification-settings th.icon {
		background-image: url(images/profile_bullet.gif);
	}

	table#messages-notification-settings th.icon {
		background-image: url(images/messages_bullet.gif);
	}

	table#friends-notification-settings th.icon {
		background-image: url(images/friends_bullet.gif);
	}

	table#groups-notification-settings th.icon {
		background-image: url(images/groups_bullet.gif);
	}

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

#footer {
	clear: both;
	background: url(images/content_header.gif) repeat-x #eee;
	text-align: center;
	height: 35px;
}

	#footer p {
		margin: 0;
	}

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