Index: src/bp-templates/bp-legacy/css/twentyfourteen.css
===================================================================
--- src/bp-templates/bp-legacy/css/twentyfourteen.css	(revision 0)
+++ src/bp-templates/bp-legacy/css/twentyfourteen.css	(revision 0)
@@ -0,0 +1,224 @@
+/*--------------------------------------------------------------
+
+This is the BuddyPress companion stylesheet for 
+the WordPress Twentyfourteen theme.
+
+This sheet supports the primary BuddyPress styles in buddypress.css
+
+The Rulesets shadow the BP default stylesheet sectioning 
+to maintain uniformity.
+
+----------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+1.0 Theme Structural Elements
+2.0 - Navigation - General
+	2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
+	2.2 - Pagination
+3.0 - Images
+4.0 - BP Lists / Loops Generic
+	4.1 - Activity Loop
+		4.1.1 - Activity Listing
+		4.1.2 - Activity Comments
+	4.2 - Members Loop
+	4.3 - Groups Loop
+	4.4 - Blogs Loop
+5.0 - Directories - Members, Groups, Blogs, Forums
+6.0 - Single Group Screens
+7.0 - Single User Account Screens
+	7.1 - Notifications 
+	7.2 - Private Messaging Threads
+	7.3 - Extended Profiles
+	7.4 - Settings	
+8.0 - Forms  -  General
+9.0 - Tables -  General
+10.0 - Error / Success Messages
+11.0 - Ajax Loading
+12.0 - Widgets
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+1.0 - Theme - Structural Elements
+--------------------------------------------------------------*/
+.buddypress .site-content {
+  padding-top: 4%;
+}
+@media screen and (min-width: 59.6875em) {
+  .buddypress .site-content {
+    padding-top: 0;
+  }
+}
+.buddypress .site-content article {
+  margin: 0 4%;
+  padding-top: 0;
+}
+.buddypress .site-content article .entry-header,
+.buddypress .site-content article .entry-content {
+  max-width: 100%;
+  padding: 0 20px;
+}
+.buddypress .site-content article #buddypress {
+  margin-bottom: 40px;
+}
+
+/*--------------------------------------------------------------
+2.0 - Navigation - General
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
+--------------------------------------------------------------*/
+/*__ Vertical menu User account screens __*/
+@media screen and (min-width: 783px) {
+  .bp-user #buddypress {
+    background: #eee;
+  }
+  .bp-user #buddypress #item-header, .bp-user #buddypress #item-body {
+    background: #fff;
+  }
+  .bp-user #buddypress #item-body {
+    border-left: 1px solid #ddd;
+  }
+  .bp-user #buddypress #object-nav {
+    background: #eee;
+    border-right: 1px solid #ddd;
+    float: left;
+    margin-right: -1px;
+    width: 200px;
+  }
+  .bp-user #buddypress #object-nav ul {
+    border-bottom: none;
+    padding: 0;
+  }
+  .bp-user #buddypress #object-nav ul li {
+    float: none;
+    overflow: hidden;
+  }
+  .bp-user #buddypress #object-nav ul li span {
+    border-radius: 10%;
+    float: right;
+    margin-right: 15px;
+  }
+  .bp-user #buddypress #item-body {
+    overflow: hidden;
+    padding: 0 20px;
+    width: auto;
+  }
+  .bp-user #buddypress #item-body #subnav {
+    border: 1px solid #ddd;
+    border-left: none;
+    border-right: none;
+    margin: 0 -20px 40px;
+  }
+}
+/*--------------------------------------------------------------
+2.2 - Pagination
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+4.0 - BP Lists / Loops Generic
+--------------------------------------------------------------*/
+#buddypress .dir-list ul.item-list li {
+  overflow: hidden !important;
+}
+#buddypress .dir-list ul.item-list li .action {
+  position: relative;
+  top: 0;
+}
+#buddypress .dir-list ul.item-list li .action div {
+  margin: 8px 0;
+}
+@media screen and (min-width: 401px) {
+  #buddypress .dir-list ul.item-list li .item {
+    float: left;
+  }
+  #buddypress .dir-list ul.item-list li .item .item-desc {
+    margin-left: 20%;
+    width: auto;
+  }
+  #buddypress .dir-list ul.item-list li .action {
+    float: right;
+  }
+  #buddypress .dir-list ul.item-list li .action div {
+    margin: 8px 0;
+  }
+}
+
+/*--------------------------------------------------------------
+4.1 - Activity 
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+4.1.2 - Activity Whats New
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+4.1.2 - Activity Listing
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+8.0 - Forms  - General
+--------------------------------------------------------------*/
+#buddypress div.dir-search,
+#buddypress div.message-search {
+  float: none;
+  margin: 10px 0;
+}
+#buddypress div.dir-search form,
+#buddypress div.message-search form {
+  border: 1px solid #ccc;
+  overflow: hidden;
+}
+#buddypress div.dir-search form label,
+#buddypress div.message-search form label {
+  float: left;
+  width: 80%;
+}
+#buddypress div.dir-search form input[type='text'],
+#buddypress div.message-search form input[type='text'] {
+  float: left;
+  width: 100%;
+  margin: 0;
+}
+#buddypress div.dir-search form input[type='text'],
+#buddypress div.dir-search form input[type='submit'],
+#buddypress div.message-search form input[type='text'],
+#buddypress div.message-search form input[type='submit'] {
+  border: none;
+  font-size: 14px;
+  font-size: 0.875rem;
+  line-height: inherit;
+}
+#buddypress div.dir-search form input[type='text'],
+#buddypress div.message-search form input[type='text'] {
+  border-right: 1px solid #ccc;
+  padding: .2em 0 .2em .2em;
+}
+#buddypress div.dir-search form input[type='submit'],
+#buddypress div.message-search form input[type='submit'] {
+  font-weight: normal;
+  float: right;
+  padding: .2em 1em;
+  text-align: center;
+  text-transform: none;
+  width: 20%;
+}
+@media screen and (min-width: 401px) {
+  #buddypress div.dir-search,
+  #buddypress div.message-search {
+    float: right;
+    margin: 0;
+  }
+  #buddypress div.dir-search form label,
+  #buddypress div.dir-search form input[type='submit'],
+  #buddypress div.dir-search form input[type='text'],
+  #buddypress div.message-search form label,
+  #buddypress div.message-search form input[type='submit'],
+  #buddypress div.message-search form input[type='text'] {
+    width: auto;
+  }
+  #buddypress div.message-search {
+    margin-top: 2px;
+  }
+}
+
+/*--------------------------------------------------------------
+9.0 - Tables - General
+--------------------------------------------------------------*/
+/*__ User Account tables __*/
+
+/*# sourceMappingURL=twentyfourteen.css.map */
Index: src/bp-templates/bp-legacy/css/twentyfourteen.scss
===================================================================
--- src/bp-templates/bp-legacy/css/twentyfourteen.scss	(revision 0)
+++ src/bp-templates/bp-legacy/css/twentyfourteen.scss	(revision 0)
@@ -0,0 +1,289 @@
+// Stylesheet Guidence Notes
+// Table of content represents a guide to sections of the sheet. 
+// Note that not all sections may be described in the body of the 
+// rulesets only those that require styles for a given theme. 
+// Sub sections might not exist but can be added as required 
+// as per BP Lists - 'activity' section.
+
+// We follow the dictats of the parent theme in respect of media queries, 
+// font sizing etc. Media queries are used in a modular sense (OOCSS)
+// rather than described as blocks to the end of the sheet, this aids ease 
+// of managing media queries, scalability & flexibility .
+
+// Twentyfourteen Media Queries / Breakpoints
+//@media screen and (max-width: 400px)
+//@media screen and (min-width: 401px)
+//@media screen and (min-width: 594px)
+//@media screen and (min-width: 673px)
+//@media screen and (min-width: 783px)
+//@media screen and (min-width: 810px)
+//@media screen and (min-width: 846px)
+//@media screen and (min-width: 1008px)
+//@media screen and (min-width: 1040px)
+//@media screen and (min-width: 1110px)
+
+// Mixins and Variabals
+
+// Common margin values
+$spacing-val-lg: 40px;
+$spacing-val-md: 20px;
+$spacing-val-sm: 10px;
+$spacing-val-xs: 5px;
+
+// A simple mixin to handle font-sizing to match 2014 body 100% approach
+@mixin font-size($font-size: 16){
+	$RemFontValue: ($font-size / 16);
+	font-size: ($font-size * 1px);
+	font-size: $RemFontValue + rem;
+}
+/*--------------------------------------------------------------
+
+This is the BuddyPress companion stylesheet for 
+the WordPress Twentyfourteen theme.
+
+This sheet supports the primary BuddyPress styles in buddypress.css
+
+The Rulesets shadow the BP default stylesheet sectioning 
+to maintain uniformity.
+
+----------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+1.0 Theme Structural Elements
+2.0 - Navigation - General
+	2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
+	2.2 - Pagination
+3.0 - Images
+4.0 - BP Lists / Loops Generic
+	4.1 - Activity Loop
+		4.1.1 - Activity Listing
+		4.1.2 - Activity Comments
+	4.2 - Members Loop
+	4.3 - Groups Loop
+	4.4 - Blogs Loop
+5.0 - Directories - Members, Groups, Blogs, Forums
+6.0 - Single Group Screens
+7.0 - Single User Account Screens
+	7.1 - Notifications 
+	7.2 - Private Messaging Threads
+	7.3 - Extended Profiles
+	7.4 - Settings	
+8.0 - Forms  -  General
+9.0 - Tables -  General
+10.0 - Error / Success Messages
+11.0 - Ajax Loading
+12.0 - Widgets
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+1.0 - Theme - Structural Elements
+--------------------------------------------------------------*/
+
+// As BP screens have specific content lets adjust the themes primary elements 
+// to maximise the screen real estate for BP pages.
+
+.buddypress {
+		.site-content {
+			@media screen and ( min-width: 77.5em ) {
+			}
+		}
+	 .site-content {	
+			padding-top: 4%;
+			@media screen and ( min-width: 59.6875em ) {
+				padding-top: 0;
+			}
+			article {
+				margin: 0 4%;
+				padding-top: 0;		
+					.entry-header, 
+					.entry-content {
+						max-width: 100%;
+						padding: 0 $spacing-val-md;
+					}
+					#buddypress { margin-bottom: $spacing-val-lg; }
+			} // .article
+		} // .content
+
+} // .buddypress ( body class )
+/*--------------------------------------------------------------
+2.0 - Navigation - General
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
+--------------------------------------------------------------*/
+	/*__ Vertical menu User account screens __*/
+
+// This block contains the rules to re-factor the item-body structural element
+// to sit alongside the vert menu
+// Structural layout and faux column styling of backgrounds is more suited 
+// to the earlier section. todo: re-position sort out when known what styles 
+// are being used. 
+
+@media screen and (min-width: 783px) {
+ .bp-user #buddypress {
+		 background: #eee; 
+			#item-header, #item-body {background: #fff;}
+			#item-body {border-left: 1px solid #ddd;}			
+ 		#object-nav {
+				background: #eee;
+				border-right: 1px solid #ddd; 
+ 			float: left;
+				margin-right: -1px;			
+ 			width: 200px;
+ 			ul {
+					border-bottom: none;
+ 				padding: 0;
+ 					li {
+ 						float: none;
+ 						overflow: hidden;
+ 							span {
+									border-radius: 10%;
+									float: right; 
+									margin-right: 15px;
+								}
+ 					}
+ 			}
+ 		}
+ 		#item-body {
+ 			overflow: hidden;
+ 			padding: 0 $spacing-val-md;
+ 			width: auto;
+ 				#subnav {
+						border: 1px solid #ddd;
+						border-left: none;
+						border-right: none;
+ 					margin: 0 (-$spacing-val-md) $spacing-val-lg;
+ 				}
+ 		}
+ 	
+ } // close .bp-user #buddypress
+} // close @media
+/*--------------------------------------------------------------
+2.2 - Pagination
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+4.0 - BP Lists / Loops Generic
+--------------------------------------------------------------*/
+
+// Trying to position the action div absolute has bad consequences where
+// aditional items are displayed, floating an alternative but may need
+// to reconsider this approach.
+
+#buddypress {	
+	.dir-list {
+		ul.item-list {
+			li {
+				overflow: hidden !important; // upsets me but buddypress styles over specified
+
+  		.action {
+  			position: relative;
+  			top: 0;
+  				div {
+  					margin: 8px 0;
+  				}
+  		} // close .action
+
+  		@media screen and (min-width: 401px) {
+					.item {
+						float: left;
+							.item-desc { 
+								margin-left: 20%;
+								width: auto;
+							}
+					}
+  			.action {
+  				float: right;
+			//			margin-top: -50px;
+  				div {margin: 8px 0;}
+  			}
+  		} // close @media
+
+			} // close li
+		} // ul.item-list
+	} // close .dir-list
+
+} // close #budypress
+
+/*--------------------------------------------------------------
+4.1 - Activity 
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+4.1.2 - Activity Whats New
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+4.1.2 - Activity Listing
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+8.0 - Forms  - General
+--------------------------------------------------------------*/
+#buddypress {
+	div.dir-search,
+	div.message-search {
+		float: none;
+		margin: $spacing-val-sm 0;
+
+		// Stylise the seach form elements, in part this deals with padding 
+		// issues on the submit & sizing issues between bp styles & twentyfifteen
+ 		form { // *sigh* only to bludgeon over specified rules
+  		border: 1px solid #ccc;   
+  		overflow: hidden;
+  			label { 
+						float: left; 
+						width: 80%;
+					}
+ 				input[type='text'] {
+						float: left;
+						width: 100%;
+						margin: 0;
+					}
+  			input[type='text'],
+  			input[type='submit'] { 
+ 					border: none;
+						@include font-size(14);
+						line-height: inherit; 
+ 				}
+  			input[type='text'] { 
+  				border-right: 1px solid #ccc; 
+  				padding: .2em 0 .2em .2em;					
+  			}
+  			input[type='submit'] {
+ 					font-weight: normal;
+  				float: right; 
+						padding: .2em 1em;
+						text-align: center;
+ 					text-transform: none;
+						width: 20%;
+  		 }
+ 		}// close form
+
+	} // close .dir-search, .message-search
+
+	// Shift the search parent to the right and allow to shrinkwrap
+	@media screen and (min-width: 401px) {
+ 	div.dir-search,
+ 	div.message-search {
+			float: right;
+ 		margin: 0 ;
+				form {
+    	label,
+					input[type='submit'],
+					input[type='text'] { 
+						width: auto;
+    	}
+				}
+ 	}
+		div.message-search { margin-top: 2px;}
+	} // close @media
+
+} // close #buddypress
+
+/*--------------------------------------------------------------
+9.0 - Tables - General
+--------------------------------------------------------------*/
+
+/*__ User Account tables __*/
\ No newline at end of file