/* Main Styles */

	body { background: #f0f0f0; color: #333; padding: 0px; margin: 0px; font-family: Helvetica;  }
	div,ul,blockquote,label,p { font-size: 13px; line-height: 20px;  } 
	
	p { line-height: 150%; }
	
	a { color: #336699; text-decoration: none; }
	a:visited { color: #225588; } 
	a:hover {  }  

	h1,h2,h3 { margin-top: 0px; margin-bottom: 10px;}

	h1 { font-size: 24px; line-height: 30px; } 
	h2 { font-size: 18px; line-height: 30px; }
	h3 { font-size: 15px; line-height: 20px; } 

	input.repairField { color: #CCC; } 
	label { font-weight: bold; } 

	form { margin: 0px; padding: 0px; } 

	.highlight { background: #FFFFCC; } 
	.lightblue { background: #CCD9E5; color: #3a3a3a;  }
	.pink { background: #EF5BA1; color: #FFF;  }
	.pink b { font-size: 15px; letter-spacing: -1px; } 
	.gray { color: #CCC; } 
	.gray a { color: #CCC; font-weight: bold; }
	.empty_list { padding: 10px; } 
	
	#siteName { font-size: 16px; text-align:left; padding-left: 10px; padding-top:5px; font-weight: bold; } 

/* Grid Layout System Styles */


	.content { -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; }
	.grid {  width: 940px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
	.column_1  { width: 60px;  margin-right: 20px; float: left; overflow: hidden; }
	.column_2  { width: 140px; margin-right: 20px; float: left; overflow: hidden; } 
	.column_3  { width: 220px; margin-right: 20px; float: left; overflow: hidden; } 
	.column_4  { width: 300px; margin-right: 20px; float: left; overflow: hidden; }
	.column_5  { width: 380px; margin-right: 20px; float: left; overflow: hidden; }
	.column_6  { width: 460px; margin-right: 20px; float: left; overflow: hidden; }
	.column_7  { width: 540px; margin-right: 20px; float: left; overflow: hidden; }
	.column_8  { width: 620px; margin-right: 20px; float: left; overflow: hidden; } 
	.column_9  { width: 700px; margin-right: 20px; float: left; overflow: hidden; } 
	.column_10 { width: 780px; margin-right: 20px; float: left; overflow: hidden; } 
	.column_11 { width: 860px; margin-right: 20px; float: left; overflow: hidden; } 
	.column_12 { width: 940px; margin-right: 20px; float: left; overflow: hidden; } 
	
	.last { margin-right: 0px; }
	.column_padding { padding: 10px; }
	.clearer { float: none; height: 1px; width: 100%; clear: both; }
	
	.right_align { text-align: right; } 

/* Header Styles */ 

	#header {  }

	#header #login_status { text-align: right; }
	#header #login_status .column_padding { padding-top: 5px; padding-bottom: 5px;  font-size: 10px;  } 
	#header #login_status a {  font-weight: bold;  }

	#header #nav { background: #E3E3E3; color: #666;  }
	#header #nav ul { list-style-type: none; margin: 0px; padding: 0px; }
	#header #nav ul li { display: inline-block;  border-right: 1px solid #CCC;}
	#header #nav ul li a { display: block; padding: 10px; font-weight: bold; font-size: 15px; } 

	#header #nav form { float: right; padding: 0px; margin: 0px; padding: 10px;}  
	#header #nav form input { border: 1px solid #CCC;}  


/* Body Styles */

	#main { min-height: 300px;  }
	#main.grid { padding-top: 20px; padding-bottom: 20px; } 

/* Dashboard Styles */

	div#editform { background: #E3E3E3; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  margin-bottom: 10px;}
	div#editform form { background:#FFF; border:1px solid #CCC; margin: 0px; padding: 30px; padding-top: 20px; padding-bottom:20px;  } 
	
	div#editform textarea#headline { width: 100%; font-family: Helvetica, Arial, sans serif; border: 1px solid #CCC; margin-bottom:10px;}

	div#editform ul#post_options { list-style-type: none; float: right; margin:0px;padding:0px;} 

	li.post_option { float: left;  font-size: 12px; font-weight: bold;  } 
	li.post_option a { display: block; padding: 5px; color: #CCC;  } 
	li.post_option a.active { color: #666; font-weight: bold; } 
	
	label#edit_form_title { float: left; margin-right: 20px; padding:5px; font-size: 16px; } 
	
	.post_extra { display: none; } 
	.post_extra label { display:block; }
	.post_extra textarea { width: 100%; border: 1px solid #CCC; height:200px; } 
	.post_extra input { width:100%; border: 1px solid #CCC; } 
	#editform #editform_save { float: left; margin-right: 10px; } 
 	
	ul#dashboard_tabs {  border-bottom: 2px solid #CCC;list-style-type: none; margin: 0px; padding: 0px;  }
	ul#dashboard_tabs li { display: inline-block;}
	ul#dashboard_tabs li a { font-weight: bold; display: block; padding: 10px;  } 
	ul#dashboard_tabs li.active, ul#dashboard_tabs li a.active { background: #CCC; } 
	
	ul#navigator  { border-left: 1px solid #CCC; list-style-type: none; margin: 0px; padding: 0px; margin-bottom:20px; }
	ul#navigator li { padding: 10px; } 
	ul#navigator li.active { background: #E3E3E3; font-weight: bold; } 
	ul#navigator li ul {list-style-type: none; margin:0px; margin-left: 20px; padding: 0px; }
	ul#navigator li ul li {list-style-type: none; margin:0px; margin-left: 20px; padding: 0px; }
	 
	ul#navigator li.sub_option { font-size: 12px; padding-left: 20px; padding-top:0px; padding-bottom:5px;} 
	ul#navigator li.dashboard_active { background: #FFF; font-weight: bold; } 
	 .dashboard_navigator { background: #FFF; }
	 .dashboard_navigator_last { border-bottom: 1px solid #CCC; }

	
	h2.stack_header { border-bottom:1px solid #CCC; margin-bottom:0px; }
	div.stack_footer { font-weight: bold; font-size: 15px; padding-top: 10px; }
	div.stack_footer a.stack_previous_link {}
	div.stack_footer a.stack_next_link {  float: right; }
	

	#member_info { background: #E3E3E3; border: 1px dashed #CCC; margin-bottom:20px;}
	#member_info b { font-size: 15px; margin-bottom: 5px; display: block;} 

	.person_avatar { width: 80px; float: left; margin: 0px; }
	
	.person_short {  border-bottom: 1px dashed #CCC; }
	.person_short .person_short_follow_button { float: right; display: block; padding-top:13px; } 
	.person_short .person_short_follow_button_start { font-weight: bold; } 
	.person_short .person_short_follow_button_stop { color: #CCC; } 
	.person_short .person_permalink { font-size: 18px; } 
	.person_short img { margin-right: 10px; }
	
	#profile_friends .person_short .person_permalink { font-size: 14px; } 
	

/* Post Styles */

	.content_short { border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; }
	.content_first { border-top: 0px; } 
	.content_even .content_body { background: #E3E3E3; } 
	.content_short .content_body { border-left: 1px solid #CCC;} 
	.content_short .content_body .content_meta { }
	.content_short .content_body .content_meta .content_author { font-weight: bold; }
	.content_short .content_body .content_meta .content_time { font-style: italic; }
	.content_short .content_body h3 { }	
	.content_short .content_body p.content_image img { float: left; margin-right: 10px; border:0px; }
	
	.content_short .content_body ul.content_options { list-style-type: none; margin: 0px; padding: 0px; }
	.content_short .content_body ul.content_options li { display: inline-block; padding: 10px; padding-left: 0px;}
	.content_short .content_body ul.content_options li.delete_option a { color: #CCC; } 
	
	#post_output { }
	#post_output h1 { margin-bottom: 0px; } 
	#post_output ul.post_actions { list-style-type: none; margin: 0px; padding: 0px;  }
	#post_output ul.post_actions li { display: inline-block; }
	#post_output ul.post_actions li a { display: block; padding: 3px; border: 1px solid transparent;}
	#post_output ul.post_actions li a:hover {  border: 1px solid #CCC; }

	#post_output ul.post_actions a.favorite_button { }
	#post_output ul.post_actions a.watch_button { }
	#post_output ul.post_actions a.active_button { background: #FFFF99; }
	

	#post_group_info {  } 
	#post_group_info h3 { font-size: 12px; }
	#post_info { }	

	#post_stream_navigation { 
		border-bottom: 1px solid #CCC; 
		padding: 10px;
	}

	p#post_date { margin:0px; margin-bottom:10px; }


	#post_group_navigation { 
		border-bottom: 1px solid #CCC; 
		padding: 10px;
	}

		
	a.post_previous { margin-bottom:10px; display:block;}
	a.post_next { display:block; }

	a.post_recent { margin-top: 10px; }
	
	#watchers { padding: 10px; } 
	#watchers h2 { font-size: 12px; }




/* Comment Styles */

	#comment_form {padding-top:20px; }
	#comment_form textarea { width: 100%; border:1px solid #CCC; height: 100px; font-size: 14px; font-family: helvetica; line-height: 150%;} 
	#comment_form form { padding:10px; } 
	#comments { border-top: 5px solid #CCC;  border-bottom: 1px solid #CCC; padding-top:10px; } 

	.comment { margin-bottom:10px;} 
	.comment span.byline { font-size: 12px; font-weight: bold; display: block; }
	.comment span.remove_comment { float: right; }  
	.comment p {  line-height: 150%; } 	
	.comment_body { margin-left: 80px; padding: 10px; background: #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; }

/* Profile Styles */


	#profile_info { margin-bottom: 10px; } 
	#profile_info h1 { padding:10px; }
	#profile_info img { } 

	#profile_actions { margin-bottom: 10px; padding: 10px; border: 1px dashed #CCC; background: #E3E3E3; }
	#profile_actions .person_output_follow_button {  } 
	#profile_actions .person_output_follow_button_start { font-weight: bold; } 
	#profile_actions .person_output_follow_button_stop { color: #CCC; } 

	#profile_about { padding:10px; margin-bottom:10px; } 
	#profile_about p { margin-top: 0px; }
		
	#profile_content .person_avatar { display: none; } 
	#profile_content .column_7 { width: 620px; }
	
	#profile_friends h3 { padding:10px; margin:0px;}

/* Group Styles */

	#group_search { margin-bottom: 20px; } 
	#groups_options { border-left: 1px solid #CCC; }
	#create_group_widget { margin-bottom: 20px; padding: 10px; background: #CCC; } 
	.group {  margin-bottom: 20px;  padding-top: 10px; border-top: 1px solid #CCC; }
	.group p { margin-top: 0px; }
	#create_group input.text, #create_group textarea.text { width: 100%; } 


	ul.group_actions {  float: right;  list-style-type: none; margin: 0px; padding: 0px;  }
	ul.group_actions li { display: inline-block; }
	ul.group_actions li a { display: block; padding: 3px; border: 1px solid transparent;}
	ul.group_actions li a:hover {  border: 1px solid #CCC; }


/* Friend Manager Styles */

	#friends_actions ul { list-style-type: none; margin: 0px; padding: 0px; border-bottom: 2px solid #CCC;}
	#friends_actions ul li { display: inline-block;  } 
	#friends_actions ul li a.active { background: #CCC; }
	#friends_actions ul li a { display: block; padding: 10px; }
	
	#friends_actions li#people_search { padding:10px;  } 
	
	.friend_list_member, .group_list_member { border-top: 1px solid #CCC; } 
	
/* Login / Signup Styles */



	#login_join_form { width: 500px; margin: auto; padding: 20px; background: #FFF;  }
	#login_join_form label { display: inline-block; width: 175px; font-size: 18px; color: #666; font-weight: normal; text-align: right;  margin-right: 20px; }
	#login_join_form input { font-size: 18px; border: 1px solid #CCC;  padding: 5px; }  
	#login_join_form p.form_text { margin-left: 195px; }
	#login_join_form .info { border: 1px dashed #CCC; background: #E3E3E3; }

	#welcome_message { background: #FFF; border: 1px dashed #CCC; padding: 10px; margin-bottom:10px;} 

	#sidebar_login_form { }
	#sidebar_login_form label { display: inline-block; margin-right: 10px; width: 75px; }
	#sidebar_login_form input { border: 1px solid #CCC; } 


/* Sidebar Styles */ 

	.sidebar { border: 1px dashed #CCC; background:#E3E3E3; margin-bottom:20px; }
	
	#recent_groups_sidebar { }
	#group_search_sidebar { }
	#search_sidebar form { margin-bottom: 10px; } 
	
	#recent_visitors_sidebar ul { list-style-type: none; margin: 0px; padding: 0px; } 
	#recent_visitors_sidebar ul li { margin-bottom: 5px; }




/* Inbox Styles */


	.thread_short { 
		border-bottom: 1px solid #CCC; 
	}
	.thread_short:hover { 
		background: #CCD9E5;
		border-bottom: 1px solid #CCC; 
	}
	.thread_short:hover a { background: #FFFFCC; } 
	
	.thread_unread { background: #FFFF99; } 
	
	#thread .message {  border-bottom: 1px solid #CCC; }
	#thread .message  span.byline { font-size: 12px; font-weight: bold; }  
	#thread .message p {  line-height: 150%; }

	textarea#message { width: 440px; height: 100px; font-size: 14px; font-family: helvetica; line-height: 150%;} 

/* Archive Page Styles */

	#list_filters ul { border-left: 1px solid #CCC; list-style-type: none; margin:0px;padding: 0px;}
	#list_filters li { padding: 10px; padding-left: 20px; }
	#list_filters li.active { background: #CCC; } 
	#list_filters li.subtitle { background: #FFF; padding-left: 10px; } 

	
.error_message { background: #FFFF99; padding: 10px; font-weight: bold; }


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

.info { padding: 10px; background: #FFFFCC; font-weight: bold;  margin-bottom: 20px; border: 5px solid #E3E3E3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


	


	
	p.big_input {  margin: 0px; padding: 0px;  }
	p.big_input label {  display: block;  padding-bottom: 3px; font-size: 15px;}
	p.big_input input.text { width: 560px;  font-size: 20px; } 
	p.big_input textarea.text { width: 500px; height: 100px; font-size: 20px; margin-top: 0px;}  

	p.input { margin-top: 0px; padding-top: 0px; }
	p.input label { font-weight: bold; width: 120px;  padding-right: 10px; display: block; float: left;  padding-top: 3px; padding-bottom: 3px; text-transform:capitalize; text-align: right;}
	p.input input.text { width: 390px;  font-size: 16px; } 
	p.input textarea.text { width: 390px; height: 100px; font-size: 16px; margin-top: 0px;}  
	


	p.normal_input { margin-top: 0px; padding-top: 0px; }
	p.normal_input label { font-weight: bold; width: 120px;  padding-right: 10px; display: block; float: left;  padding-top: 3px; padding-bottom: 3px; text-transform:capitalize; text-align: right;}
	p.normal_input input.text { width: 300px;  font-size: 16px; } 
	p.normal_input textarea.text { width: 300px; height: 100px; font-size: 16px; margin-top: 0px;}  
	p.form_text { margin-left: 130px; }


	p.no_padding { margin: 0px; padding: 0px; }

	
#footer {  padding-top: 20px; margin-bottom: 40px; }